Elementor可以透過拖拉的方式,解決網站設計上的難題,而且還是中文介面!!讓許多剛接觸的新手,也都能很快上手。
而會有這篇Elementor Pro 專業版懶人包,主要是因為很多人看了Elementor教學後,想要設計更專業的品牌形象網站、購物網站,發現需要更多進階的功能,所以已經在使用Elementor Pro一段時間的我,打算將升級Elementor Pro後的功能與模板,詳細分享給大家。
📖你可能有興趣 : Elementor教學-想設計出有特色的網站,就使用WordPress中最好用的頁面編輯器
大家可以在看過升級Elementor Pro的功能後,再好好評估Pro的功能,看看自己是否真的有用到,為了方便找到你想了解的功能,可以點選下方目錄唷~
Elementor Pro 進階模板、頁面介紹
當購買Elementor Pro後,會開放更多的版型庫可以使用,對架設網站有很大的便利性,可以透過喜歡的版型直接套用,就能快速設計出有質感的網站,也能將自己設計的樣式,存到我的版型中,方便下次設計頁面時使用。
▾美髮沙龍形象、旅遊部落格版型
▾專業形象網站版型
▾Landing Page 登陸頁版型
▾購物網站商品頁面版型
▾Elementor Pro擁有各種豐富的區塊與頁面版型可以使用,也可以在喜歡的版型樣式上點選+的符號預覽版型。
Elementor Pro 專屬小部件(元素)展示與功能介紹
文章
我自己每篇文章的頁尾,也是使用Elementor Pro的文章功能設計出來的,有3種樣式可以選擇,也能設定每頁篇數、圖片位置、圖片尺寸…等功能設定。
作品集
文章也能用作品集的方式展示,能自行設定每頁的篇數與欄位。
藝廊
形象或商品展示可以使用這樣的呈現方式,在樣式中還能調整圖片懸停動畫及整體畫面出現的不同動畫方式。
表單
表單除了能設定基本的內容外,也能設計按鈕的樣式及提交後的動作設定。
登入
登入的畫面也能自己設計唷!!
幻燈片
幻燈片是許多部落格及購物網站會使用到的功能,我也簡單設計了一下,方便你能更了解幻燈片調整後大概的模樣。
幻燈片能設定轉場切換方式、內容動畫、導航列的箭頭樣式…等多樣的設定,可以有非常豐富的呈現方式。
導航選單
我自己的導航選單是使用黃、黑作為主要的色調,而測試這邊就設計一個粉紅背景配白字體的樣式,裡面還有許多設定如:卷軸特效、進場動畫、旋轉等功能。
動畫頭條
動畫頭條的樣式與形狀都有許多選擇可以做出不同的效果,這項功能就看每個人呈現的功力了。
價目列表
價目列表的呈現方式與能更改的地方可以參考圖片左側設定。
價目表
價目表的呈現如下圖,可以設計銷售商品的區塊,可分為頂部、訂價、功能、底部、緞帶(右上角出現NEW),可以依照自己的喜好,調整背景與字體顏色、字體大小、圖示、連結。
翻轉方框
方轉方框有前頁與後頁,就很像翻頁一樣,可以設定翻頁的效果與方向,適合簡單的網站資訊設計。
呼叫動作
呼叫動作中比較特別的功能就是 懸停效果,可以設定背景與內容的懸停動畫,只要訪客滑鼠移動到畫面中,背景與內容文字是可以依照自己設定的動畫出現在畫面中。
媒體輪播
就像是幻燈片的效果,可以選擇自己想要播放的圖片,設定播放的效果、自動播放的速度等。
見證輪播
見證輪播大家應該很常看到,在許多課程的銷售頁面中,會看到上過課程的學員對課程的評價,也有一些購物商店,會將購買商品的訪客評論,透過見證輪播的方式呈現在網站中,增加訪客的信任度。
評論
評論跟見證輪播的功用有點相識,比較大的不同是評論有星星評分的功能,可以選擇1-5顆星做評分,下圖顯示的評分為4.5顆星。
目錄
一篇有價值的長篇幅文章,需要透過目錄顯示內容的標題列表,能方便讀者閱讀,提升使用者體驗,對文章在Google的排名有很大的幫助。
倒數
倒數的功能較常使用在商品特價活動,可以自行設定倒數計時器的顏色、樣式及截止日期。
「分享」按鈕
透過分享按鈕,可以將文章,透過設定中所選擇的項目內容,快速分享出去。
Facebook 按鈕
可以在文章中插入Facebook的按鈕,讓訪客按讚及分享。
接下來介紹有關Facebook相關的元素,都需要先前往後台 Elementor > 設定 > 整合 進行設定。
Facebook 評論
跟上一個按鈕一樣需要去後台設定,就是Facebook的留言功能。
Facebook 嵌入
可以在文章中嵌入Faccebook中的文章、影片或評論。
Facebook 粉絲專頁
可以在文章中插入粉絲專頁的頁面,方便訪客可以直接按讚,頁面可以設定顯示動態時報、活動及訊息,對於有在經營粉絲團的人,是一個很方便的功能。
版型
版型的功能,就是能將之前設計好的版型套入,可以透過輸入關鍵字搜尋版型,並且還能直接修改原本設計好的版型,對於常套用版型的人來說,非常方便。
使用心得
Elementor Pro基本的方案可以在一個網站上使用全部功能,一年的費用在 $ 49 美元 / 年,其實換算成台幣一天不用4塊錢。
如果使用Elementor Pro,能將網站設計的更專業更有質感,而不再被佈景主題的版型而侷限住,其實也算是對網站的一種投資。
這次Elementor Pro的基本教學與介紹,相信如果有看完整篇文章,應該能感受到Elementor Pro的實用性,簡單的拖拉加上簡單的配色與微調,就能創造出自己的風格。
Elementor Pro 的每個功能其實都還有很多細部的設定可以調整,想呈現出自己喜歡的樣式其實並不難,如果有哪一項功能想更進一步了解,可以在IG私訊我唷!!或者前往試用體驗看看。