[Elementor 教學] 利用Theme Builder客製頁首(Header)

header

真的非常喜歡Elementor (pro)! 越使用越發現它強大又好用的編輯功能,雖然免費版使用上已經綽綽有餘,但如果你沒有使用Pro版,Theme Builder(主題建構器)很多功能就無法使用,像今天Elementor 教學裡的Header編輯,你就必須透過Wordpress 後台的外觀>>「自訂」功能去修改你的佈景主題才行,但我覺得這個方法不夠直覺,

兩個方法都操作過後覺得,直接使用主題建構器去建一個自己喜歡的頁首和頁尾,網站看起來會比較有個人風格~當然還是要配合你個人的專屬色調會更加分!

下面是Elementor 免費版與Pro版的比較表,可以評估一下自己的需求再另外購買。

FB自訂受眾 粉專

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其他使用方法有興趣,歡迎於下方留言讓我知道喔!

歡迎交流討論
Hi, 我是Jessica
Hi, 我是Jessica

有關WordPress網站架設、臉書廣告投放的問題歡迎找我討論。
每個月都會釋出2個免費諮詢的名額唷!

按讚潔西卡的藍海網游Facebook,歡迎大家來交流~
WordPress架站、網路行銷、個人品牌!
YOU MAY ALSO LIKE
回到頂端