在 Elementor 中實(shí)現(xiàn) 粘性頁(yè)腳導(dǎo)航（頁(yè)腳菜單） 可以通過自定義布局和一些巧妙的設(shè)置來實(shí)現(xiàn)。這是一個(gè)結(jié)合粘性效果和用戶界面的方案，主要目標(biāo)是：

• 粘性頁(yè)腳：頁(yè)面滾動(dòng)時(shí)，導(dǎo)航欄位于底部而不是頂部。
• 品牌在頁(yè)眉：僅在頁(yè)面頂部顯示品牌。

確保你已經(jīng)安裝免費(fèi)版和Pro版 Elementor（可自定義CSS），我們提供安裝指導(dǎo)。主題選擇 Hello Elementor或Astra等與 elementor兼容的主題。

實(shí)現(xiàn)步驟：

1. 創(chuàng)建粘性頁(yè)腳導(dǎo)航

1.1 創(chuàng)建頁(yè)腳模版

選擇你要修改的頁(yè)面，或者通過 模板 > 主題構(gòu)建器 創(chuàng)建一個(gè)新的頁(yè)腳模板。

創(chuàng)建一個(gè)新的頁(yè)腳模板，可以確保所有頁(yè)面使用同一個(gè)設(shè)計(jì)。這樣，即使你在其他頁(yè)面進(jìn)行修改，頁(yè)腳的樣式和內(nèi)容也不會(huì)受到影響，確保整站風(fēng)格統(tǒng)一?？梢詥为?dú)管理頁(yè)腳區(qū)域。

新建頁(yè)腳，不要插入頁(yè)腳塊，以免影響已有的頁(yè)腳。

1.2 創(chuàng)建頁(yè)腳

添加新容器：在你想插入頁(yè)腳模板的位置，點(diǎn)擊頁(yè)面內(nèi)容區(qū)域的加號(hào)，添加一個(gè)新的 容器（Container）。

在這一部分添加你想要的導(dǎo)航元素，可以是菜單、搜索、主頁(yè)、收藏 和 我的賬戶 等功能等。

• 將結(jié)構(gòu)設(shè)置為兩列或更多列，以便更輕松地添加導(dǎo)航項(xiàng)。

示例： 如果你正在為一個(gè)電商網(wǎng)站創(chuàng)建粘性頁(yè)腳導(dǎo)航，可以將左列用于“主頁(yè)”圖標(biāo)，右列用于“購(gòu)物車”圖標(biāo)，這樣用戶可以輕松訪問重要頁(yè)面。

1.3 容器調(diào)整

你已經(jīng)添加了列，我們?yōu)榱藢?dǎo)航的美觀，每個(gè)容器大小需要一致，在接下來的設(shè)置中，容器中的元素也應(yīng)該做到一致，我們來對(duì)容器進(jìn)行了解。

例如：我們選擇添加4列

也就是1個(gè)大容器內(nèi)包含4個(gè)小容器（1分為4），因此，可以設(shè)置大容器，也可以設(shè)置小容器。

容器大小調(diào)整單位常用 px（像素）、%（比例），上圖中每個(gè)小容器占比那就是25%。

選中大容器，容器菜單在左側(cè)邊欄顯示出來。

容器菜單了解：

• 高級(jí)（Advanced）

響應(yīng)性（Responsive）：可設(shè)置在桌面、平板、移動(dòng)端隱藏那你添加的東西。

容器菜單主要由布局（Layout）、樣式（style）、高級(jí)（Advanced）組成。

• 布局（Layout）

• 樣式（style）

單獨(dú)選中小容器，我們可以在容器內(nèi)添加元素，也就是添加小部件那些。

繼續(xù)看結(jié)構(gòu)，清晰了解結(jié)構(gòu)后，在你選中不同的內(nèi)容時(shí)，呈現(xiàn)的編輯會(huì)不一樣。

我們此次是做 粘性頁(yè)腳導(dǎo)航，想象一下就是像這樣的。

聯(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é)假日休息