如何使用 Elementor 創建自定義頁眉和頁腳

[ad_1]

不喜歡您當前的 WordPress 主題如何處理其主要頁眉或頁腳? 用 Elementor 定製它怎麼樣? 在本指南中,我們將逐步告訴您如何使用 Elementor 創建自定義頁眉和頁腳,並且無需任何編碼技能。 🤓

為什麼選擇元素?

Elementor 是我們最喜歡的 WordPress 頁面構建器插件,事實上,它是您可以在不知道如何編碼的情況下自定義 WordPress 網站的最佳工具之一。

如果您不喜歡當前頁眉或頁腳的外觀,但又不想完全更改主題,Elementor 也是您的最佳選擇。

您可以在我們深入的 Elementor 評論中了解有關 Elementor 的更多信息👈。

使用 Elementor 創建自定義頁眉和頁腳需要什麼

兩件事情:

  • 主要的 Elementor 插件——免費的
  • Elementor Pro – 在 Elementor 免費版之上的高級升級

👉 要獲得 Pro,您需要在此處訂閱。 Elementor Pro 的基本版本(用於一個站點)是每年 49 美元,但這筆錢花得物有所值,因為它為您提供了許多令人興奮的功能,這些功能不僅限於頁眉或頁腳。 看看這個。

1.免費和專業安裝Elementor

Elementor free 的安裝過程和其他插件一樣:

  1. 只需轉到您的 wp-admin → Plugins → Add New,然後在框中輸入「Elementor」。
  2. 安裝並激活。

💡 這是一個單獨的指南,介紹如何安裝任何 WordPress 插件,以防您需要更多指導。

要安裝 pro 插件,您首先必須訪問 Elementor.com 併購買訂閱。 之後,您將能夠從您的客戶資料中下載該插件。

元素下載

您還需要為您的 Elementor Pro 副本生成一個新的 API 密鑰。 為此,請單擊同一頁面上的查看網站按鈕(上面的屏幕截圖),然後在此處添加您的網站地址。 您將獲得在您的站點上激活 Elementor Pro 時需要輸入的許可證密鑰。

返回您的 wp-admin 並繼續插件 → 再次添加新的。 這次手動上傳 Elementor Pro 檔案。
繼續安裝並激活它。

完成後,從 wp-admin 的主要側邊欄中,轉到 Elementor → License。 在此處輸入您的許可證代碼。

Elementor 和 Elementor Pro 現已啟用!

2.創建一個空白頁眉或頁腳模板

從您的 wp-admin 側邊欄中,轉到模板。 那裡可能什麼都沒有。

模板空白

單擊大的添加新模板按鈕。

從彈出窗口中,根據您要創建的內容選擇頁眉或頁腳,如果您願意,還可以命名您的模板。

選擇模板以使用 Elementor 創建自定義頁眉和頁腳

這就是樂趣的開始! 您會看到 Elementor 啟動,然後您就可以開始工作了。

為了讓事情變得更快,Elementor 將向您顯示現成的頁眉和頁腳模板列表。 您可以選擇其中之一,也可以從頭開始處理自己的頁眉或頁腳。 這個選擇由你。

標題模板

3.設置頁眉/頁腳的總體布局

首先,要使用 Elementor 創建自定義頁眉和頁腳,您需要確定頁眉或頁腳的主要布局。

例如,我將構建一個外觀現代的標題,其中徽標位於中心,左側是菜單,右側是搜索框。 但是,您可以自由構建任何其他類型的頁眉,因為對於設計或您可以在頁眉或頁腳中包含的內容沒有任何限制。

首先,單擊標題的主要自定義按鈕以查看側欄中的布局部分:

標題布局

4.添加標誌

添加徽標是一個非常簡單的步驟,但前提是您當前的主題根據 WordPress 官方指南處理徽標。

如何在任何 WordPress 主題中分配徽標

為確保您的徽標設置正確,您首先需要轉到 WordPress Customizer → 站點識別並從那裡分配徽標。

網站標誌

完成後,Elementor 將能夠正確拾取它。

在 Elementor 中,從側邊欄中選擇站點徽標塊。 把它放在你想要的地方。 它應該會自動獲取您的實際徽標。

商標

5.添加菜單

從 Elementor 側邊欄中抓取 Nav Menu 塊並將其拖動到標題內您想要的位置。

導航塊

您還可以進入其他兩個選項卡——樣式和高級來調整有關菜單設計的其他細節。

Elementor 的 NavMenu 插件 🤓 想要更多自定義選項? 為 Elementor 獲取一個名為 NavMenu Addon 的免費插件。 它為您提供了額外的菜單塊,您可以在使用 Elementor 創建自定義頁眉和頁腳時使用它們。 超級菜單塊特別有趣。 6.添加搜索欄位

為了完成我的設計,我將選擇「搜索表單」塊並將其拖到我的標題設計的右列。

搜索塊

7. 添加其他額外元素 8. 發布您的頁眉/頁腳

最後要做的就是在網站上發布您的創作,並將其分配為在整個網站範圍內替換您的默認頁眉/頁腳或僅在特定頁面上。 有很多可能性。

為此,請單擊 Elementor 中的主發布按鈕。 您會看到一個彈出窗口,詢問您想在哪裡顯示新的頁眉或頁腳。

狀況

最基本的條件是「整個站點」:

整個網站

您還可以試驗此設置並挑選出單個頁面、帖子、類別等。 例如,下面的條件是讓新標題僅出現在「聯繫人」頁面上:

只在接觸

完成後,單擊保存並關閉。

您的新頁眉或頁腳現已上線! 例子:

標題在行動

準備好使用 Elementor 構建您的自定義頁眉和頁腳了嗎?

我希望本教程對您有所幫助,並且您已經開始使用很棒的新頁眉或頁腳了!

如果您有任何問題,請隨時在下面的評論中提問。 我們還在博客上提供了其他與 Elementor 相關的內容,以幫助您改進設計:

相關文章