真的非常喜歡Elementor (pro)! 越使用越發現它強大又好用的編輯功能,雖然免費版使用上已經綽綽有餘,但如果你沒有使用Pro版,Theme Builder(主題建構器)很多功能就無法使用,像今天Elementor 教學裡的Header編輯,你就必須透過Wordpress 後台的外觀>>「自訂」功能去修改你的佈景主題才行,但我覺得這個方法不夠直覺,
兩個方法都操作過後覺得,直接使用主題建構器去建一個自己喜歡的頁首和頁尾,網站看起來會比較有個人風格~當然還是要配合你個人的專屬色調會更加分!
下面是Elementor 免費版與Pro版的比較表,可以評估一下自己的需求再另外購買。

利用Theme Builder (主題建構器)建立Header
1. 開啟主題建構器後, 新增版型類型: 選擇頂部(Header),然後命名這個模板。
放數Logo 客製化Header
2. 選擇你要的版型,接著將Logo換成你想要的樣子,調整適當大小。
3. 導航選單: 選擇你預先建立好的個人選單。
選單不知道怎麼建的話,可以從後台>>外觀>>選單區,依照你的需求建立。像是我頁首的Home/ About me/ Blog/ Contact 都是獨立的頁面,而你需要從選單功能去將它們整合成一個選單。
4. 將頁首設定成你喜歡的背景色。最後,記得到響應模式去調整成適合手機瀏覽的排版。
影片裡面有使用到固定頁首的功能,這個需要使用到Sticky Header Effects for Elementor這個外掛,直接在後台外掛區就可以下載了。裡面也包含了透明選單的功能,有興趣可以自己玩看看~
如何使用自己的品牌色調
想要有一個鮮明的品牌調性,最好先你的品牌色先找出來,這樣也不會讓整個網站看起來太雜亂,
可以參考Pinterest這個網站,將裡面的Color code記下來,再到網站設定裡將Global colors設定成你需要的顏色。
Elementor 系列教學| 利用Theme Builder客製文章模板
今天的教學不知道有沒有幫到你呢?
如果你對於Elementor其他使用方法有興趣,歡迎於下方留言讓我知道喔!