https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Elementor Pro

Elementor Pro 有哪些功能?值得花錢升級專業版嗎?!專業版功能介紹懶人包,完整攻略!!

Elementor可以透過拖拉的方式,解決網站設計上的難題,而且還是中文介面!!讓許多剛接觸的新手,也都能很快上手。

而會有這篇Elementor Pro 專業版懶人包,主要是因為很多人看了Elementor教學後,想要設計更專業的品牌形象網站、購物網站,發現需要更多進階的功能,所以已經在使用Elementor Pro一段時間的我,打算將升級Elementor Pro後的功能與模板,詳細分享給大家。

📖你可能有興趣 : Elementor教學-想設計出有特色的網站,就使用WordPress中最好用的頁面編輯器

大家可以在看過升級Elementor Pro的功能後,再好好評估Pro的功能,看看自己是否真的有用到,為了方便找到你想了解的功能,可以點選下方目錄唷~


Elementor Pro 進階模板、頁面介紹

當購買Elementor Pro後,會開放更多的版型庫可以使用,對架設網站有很大的便利性,可以透過喜歡的版型直接套用,就能快速設計出有質感的網站,也能將自己設計的樣式,存到我的版型中,方便下次設計頁面時使用。


▾美髮沙龍形象、旅遊部落格版型

Elementor Pro 進階模板、頁面介紹


▾專業形象網站版型

Elementor Pro專業形象網站版型


 ▾Landing Page 登陸頁版型

Elementor Pro Landing Page 登陸頁版型


▾購物網站商品頁面版型

Elementor Pro 購物網站商品頁面版型


▾Elementor Pro擁有各種豐富的區塊與頁面版型可以使用,也可以在喜歡的版型樣式上點選+的符號預覽版型。

Elementor Pro預覽版型


Elementor Pro 專屬小部件(元素)展示與功能介紹

文章

我自己每篇文章的頁尾,也是使用Elementor Pro的文章功能設計出來的,有3種樣式可以選擇,也能設定每頁篇數、圖片位置、圖片尺寸…等功能設定。

Elementor Pro文章展示


作品集

文章也能用作品集的方式展示,能自行設定每頁的篇數與欄位。

Elementor Pro作品集展示


藝廊

形象或商品展示可以使用這樣的呈現方式,在樣式中還能調整圖片懸停動畫及整體畫面出現的不同動畫方式。

Elementor Pro藝廊展示


表單

表單除了能設定基本的內容外,也能設計按鈕的樣式及提交後的動作設定。

Elementor Pro表單展示


登入

登入的畫面也能自己設計唷!!

Elementor Pro登入展示


幻燈片

幻燈片是許多部落格及購物網站會使用到的功能,我也簡單設計了一下,方便你能更了解幻燈片調整後大概的模樣。

幻燈片能設定轉場切換方式、內容動畫、導航列的箭頭樣式…等多樣的設定,可以有非常豐富的呈現方式。

Elementor Pro幻燈片展示


導航選單

我自己的導航選單是使用黃、黑作為主要的色調,而測試這邊就設計一個粉紅背景配白字體的樣式,裡面還有許多設定如:卷軸特效、進場動畫、旋轉等功能。

Elementor Pro導航選單展示


動畫頭條

動畫頭條的樣式與形狀都有許多選擇可以做出不同的效果,這項功能就看每個人呈現的功力了。

Elementor Pro動畫頭條展示


價目列表

價目列表的呈現方式與能更改的地方可以參考圖片左側設定。

Elementor Pro價目列表展示


價目表

價目表的呈現如下圖,可以設計銷售商品的區塊,可分為頂部、訂價、功能、底部、緞帶(右上角出現NEW),可以依照自己的喜好,調整背景與字體顏色、字體大小、圖示、連結。

Elementor Pro價目表展示


翻轉方框

方轉方框有前頁與後頁,就很像翻頁一樣,可以設定翻頁的效果與方向,適合簡單的網站資訊設計。

Elementor Pro翻轉方框展示


呼叫動作

呼叫動作中比較特別的功能就是 懸停效果,可以設定背景與內容的懸停動畫,只要訪客滑鼠移動到畫面中,背景與內容文字是可以依照自己設定的動畫出現在畫面中。

Elementor Pro呼叫動作展示


媒體輪播

就像是幻燈片的效果,可以選擇自己想要播放的圖片,設定播放的效果、自動播放的速度等。

Elementor Pro媒體輪播展示


見證輪播

見證輪播大家應該很常看到,在許多課程的銷售頁面中,會看到上過課程的學員對課程的評價,也有一些購物商店,會將購買商品的訪客評論,透過見證輪播的方式呈現在網站中,增加訪客的信任度。

Elementor Pro見證輪播展示


評論

評論跟見證輪播的功用有點相識,比較大的不同是評論有星星評分的功能,可以選擇1-5顆星做評分,下圖顯示的評分為4.5顆星。

Elementor Pro評論展示


目錄

一篇有價值的長篇幅文章,需要透過目錄顯示內容的標題列表,能方便讀者閱讀,提升使用者體驗,對文章在Google的排名有很大的幫助。

Elementor Pro目錄展示


倒數

倒數的功能較常使用在商品特價活動,可以自行設定倒數計時器的顏色、樣式及截止日期。

Elementor Pro倒數展示


「分享」按鈕

透過分享按鈕,可以將文章,透過設定中所選擇的項目內容,快速分享出去。

Elementor Pro 分享按鈕展示


Facebook 按鈕

可以在文章中插入Facebook的按鈕,讓訪客按讚及分享。

接下來介紹有關Facebook相關的元素,都需要先前往後台 Elementor > 設定 > 整合 進行設定。

Elementor Pro Facebook按鈕展示


Facebook 評論

跟上一個按鈕一樣需要去後台設定,就是Facebook的留言功能。

Elementor Pro Facebook評論展示


Facebook 嵌入

可以在文章中嵌入Faccebook中的文章、影片或評論。

Elementor Pro Facebook嵌入展示


Facebook 粉絲專頁

可以在文章中插入粉絲專頁的頁面,方便訪客可以直接按讚,頁面可以設定顯示動態時報、活動及訊息,對於有在經營粉絲團的人,是一個很方便的功能。

Elementor Pro Facebook粉絲專頁展示


版型

版型的功能,就是能將之前設計好的版型套入,可以透過輸入關鍵字搜尋版型,並且還能直接修改原本設計好的版型,對於常套用版型的人來說,非常方便。

Elementor Pro版型展示


使用心得

Elementor Pro基本的方案可以在一個網站上使用全部功能,一年的費用在 $ 49 美元 / 年,其實換算成台幣一天不用4塊錢。

如果使用Elementor Pro,能將網站設計的更專業更有質感,而不再被佈景主題的版型而侷限住,其實也算是對網站的一種投資。

這次Elementor Pro的基本教學與介紹,相信如果有看完整篇文章,應該能感受到Elementor Pro的實用性,簡單的拖拉加上簡單的配色與微調,就能創造出自己的風格。

Elementor Pro 的每個功能其實都還有很多細部的設定可以調整,想呈現出自己喜歡的樣式其實並不難,如果有哪一項功能想更進一步了解,可以在IG私訊我唷!!或者前往試用體驗看看。




你想透過興趣,創造第二份收入嗎?

免費的5堂課,教你如何建立部落格,經營屬於你的個人品牌


幫我一個忙
如果這篇文章有幫助到你,可以幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何錢就能【免費支持】我,如果想【小額贊助】網站營運或鼓勵我,可以點擊下方的小額贊助。你的小小動作,都能給我帶來大大的鼓勵,最後記得追蹤IG訂閱電子報,有任何問題也歡迎一起討論唷!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *