在這篇文章中，將詳細(xì)講解如何使用 Elementor 免費(fèi)版 和 ElementsKit 插件（一個(gè)免費(fèi)的 Elementor 頁(yè)眉頁(yè)腳構(gòu)建器）來創(chuàng)建和自定義 Elementor 頁(yè)眉和頁(yè)腳，完全通過可視化界面完成。

步驟 1：安裝 Elementor

首先，確保你的 WordPress 網(wǎng)站已經(jīng)安裝并啟用了 Elementor 插件。通過以下步驟來安裝：

1. 在 WordPress 后臺(tái)，轉(zhuǎn)到 插件 → 添加新插件。
2. 搜索 “Elementor”。
3. 點(diǎn)擊 立即安裝，然后啟用插件。

注意： Elementor 的免費(fèi)版提供了強(qiáng)大的功能，但對(duì)于更加高級(jí)的自定義，你可能需要 Elementor Pro。

步驟 2：安裝 ElementsKit 插件

為了創(chuàng)建和自定義頁(yè)眉和頁(yè)腳，安裝 ElementsKit 插件 是一個(gè)不錯(cuò)的選擇。這個(gè)插件專為 Elementor 用戶設(shè)計(jì)，提供了豐富的頁(yè)眉和頁(yè)腳模板以及自定義選項(xiàng)。

1. 在 WordPress 后臺(tái)，轉(zhuǎn)到 插件 → 添加新插件。
2. 搜索 “ElementsKit”。
3. 點(diǎn)擊 立即安裝，然后啟用插件。

步驟 3：創(chuàng)建自定義 Elementor 頁(yè)眉或頁(yè)腳

安裝好 Elementor 和 ElementsKit 插件后，你可以開始創(chuàng)建自定義的 Elementor 頁(yè)眉或頁(yè)腳。

創(chuàng)建和自定義 Elementor 頁(yè)眉

1. 在 WordPress 后臺(tái)，點(diǎn)擊 ElementsKit → Header Footer。

2. 點(diǎn)擊 添加新模板，給新模板命名。

3. 在模板設(shè)置中選擇 類型 為 頁(yè)眉（Header），并選擇頁(yè)眉要展示的 條件（例如：在整個(gè)網(wǎng)站、單個(gè)頁(yè)面或特定存檔頁(yè)展示）。

4. 點(diǎn)擊 激活 后，點(diǎn)擊 編輯內(nèi)容，你可以進(jìn)入 Elementor 編輯器進(jìn)行自定義。

在 Elementor 編輯器中，你可以使用 ElementsKit 提供的小部件和模板來快速添加頁(yè)眉。ElementsKit 提供了多個(gè)設(shè)計(jì)精美的頁(yè)眉模板，可以根據(jù)你的需求選擇并進(jìn)一步自定義。

創(chuàng)建和自定義 Elementor 頁(yè)腳

頁(yè)腳的創(chuàng)建步驟與頁(yè)眉相似，只是你需要選擇 頁(yè)腳（Footer） 作為模板類型。

1. 在 ElementsKit 插件中，選擇 Header Footer 模塊。
2. 點(diǎn)擊 添加新內(nèi)容，設(shè)置 類型 為 頁(yè)腳（Footer）。
3. 設(shè)置條件（選擇頁(yè)腳展示的位置）后，點(diǎn)擊 激活。

與頁(yè)眉相同，可以在 Elementor 編輯器中使用 ElementsKit 提供的模板和小部件來自定義頁(yè)腳，添加如聯(lián)系信息、社交鏈接、版權(quán)信息等內(nèi)容。

步驟 4：自定義和編輯頁(yè)眉頁(yè)腳

在創(chuàng)建完頁(yè)眉或頁(yè)腳模板后，可以使用 Elementor 的可視化編輯器進(jìn)行進(jìn)一步的自定義：

1. 點(diǎn)擊模板旁邊的 編輯 按鈕，進(jìn)入 Elementor 編輯界面。
2. 使用 ElementsKit 的小部件，如導(dǎo)航菜單、搜索框、按鈕、圖標(biāo)等，來創(chuàng)建符合你的頁(yè)眉或頁(yè)腳。

3. 對(duì)于頁(yè)眉，可以添加 超級(jí)菜單、購(gòu)物車圖標(biāo)（適用于電商網(wǎng)站）等增強(qiáng)功能；對(duì)于頁(yè)腳，可以添加 社交媒體鏈接、版權(quán)聲明、網(wǎng)站地圖 等信息。

ElementsKit 提供了多個(gè)設(shè)計(jì)模板，可以選擇一個(gè)適合的模板并進(jìn)行自定義。

步驟 5：激活和展示自定義頁(yè)眉頁(yè)腳

完成編輯后，你可以直接預(yù)覽并保存頁(yè)眉或頁(yè)腳模板：

1. 完成設(shè)計(jì)后，點(diǎn)擊右下角的 保存 按鈕。
2. 返回到 Header Footer 管理頁(yè)面，確保你的模板已被激活。
3. 你的自定義 Elementor 頁(yè)眉或頁(yè)腳將自動(dòng)應(yīng)用到你選擇的位置（例如：整個(gè)網(wǎng)站、特定頁(yè)面或文章）。

總結(jié)

通過使用 Elementor 免費(fèi)版和 ElementsKit 插件，你可以輕松地創(chuàng)建和自定義網(wǎng)站的頁(yè)眉和頁(yè)腳。整個(gè)過程都可以通過 Elementor 的直觀拖放界面完成，借助 ElementsKit 提供的多種模板和小部件，自定義更加簡(jiǎn)單和靈活。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息