Flatsome 最新版本引入了一些令人興奮的新功能，包括 垂直菜單頭部元素 和 標(biāo)簽式移動覆蓋菜單。這些功能特別適用于大型電商網(wǎng)站，更易于導(dǎo)航的方式組織和展示內(nèi)容，尤其是在移動設(shè)備上。本教程將帶你們逐步設(shè)置垂直菜單和移動標(biāo)簽菜單，提升用戶的導(dǎo)航體驗。

為什么要設(shè)置垂直菜單和移動標(biāo)簽菜單？

設(shè)置垂直菜單和移動標(biāo)簽菜單可以幫助電商網(wǎng)站提供更加直觀、簡潔和高效的導(dǎo)航體驗，增強網(wǎng)站的SEO表現(xiàn)、品牌一致性和響應(yīng)性。這些菜單不僅優(yōu)化了桌面端和移動端的訪問體驗，還提升了網(wǎng)站的整體專業(yè)感。對于具有大量產(chǎn)品或內(nèi)容的電商網(wǎng)站來說，設(shè)置這兩種菜單是必不可少的。

步驟 1：添加垂直菜單頭部元素

訪問頭部設(shè)置

按照以下步驟訪問和設(shè)置垂直菜單：

• 在 WordPress 后臺，進入 Flatsome > 頭部。

• 將 垂直菜單 元素拖動到你的頭部布局中。

• 點擊垂直菜單元素旁的設(shè)置圖標(biāo)，打開菜單的自定義選項。

自定義垂直菜單

在 垂直菜單選項 中，可以調(diào)整以下設(shè)置：

• 圖標(biāo)大小：調(diào)整垂直菜單圖標(biāo)的大小。

• 按鈕高度和寬度：更改按鈕的高度和寬度。

• 文本：可以選擇是否默認(rèn)顯示類別，或者讓它們在點擊時才顯示。

• 文本顏色和背景：可以自定義文本顏色（例如白色背景上的黑色文字，或者黑色背景上的白色文字），并為垂直菜單設(shè)置背景色。

彈出菜單選項

還可以啟用 彈出菜單，讓垂直菜單在首頁自動展開。這種方式在設(shè)計中可能并不適用，通常建議不啟用。暫時可以保持未勾選狀態(tài)。

步驟 2：設(shè)置菜單類別

• 進入 外觀 > 菜單。

• 創(chuàng)建一個新菜單，并勾選 垂直菜單 選項。

• 添加顯示在垂直菜單中的類別和鏈接。

• 確保菜單項按照你想要的順序排列。

步驟 3：設(shè)置移動標(biāo)簽菜單

啟用標(biāo)簽菜單

Flatsome 最新版本新增了 標(biāo)簽式移動覆蓋菜單 功能。它非常適合提升移動端的導(dǎo)航體驗。啟用方法如下：

• 轉(zhuǎn)到 Flatsome > 主題選項 > 頭部 > 移動。
• 向下滾動至 標(biāo)簽 部分，選擇 2 個標(biāo)簽。

• 自定義標(biāo)簽文本。例如，可以將“菜單”更改為“主菜單”或“類別”。

• 設(shè)置標(biāo)簽顯示你的 垂直菜單，這樣用戶在移動端就可以輕松訪問所有類別。

測試效果

可以看到已經(jīng)成功設(shè)置完成設(shè)置垂直菜單和移動標(biāo)簽菜單，只需要豐富一下菜單分類和內(nèi)容即可。

總結(jié)

通過設(shè)置垂直菜單和移動標(biāo)簽菜單，電商網(wǎng)站不僅能夠提升桌面端和移動端的用戶體驗，還能使網(wǎng)站更加易于導(dǎo)航和響應(yīng)，特別適用于產(chǎn)品種類繁多的電商平臺。通過Flatsome的這些新功能，可以更高效地組織和展示網(wǎng)站內(nèi)容，從而增加用戶的停留時間和購買欲望。

如果想了解更多WordPress相關(guān)的教程和資訊，請關(guān)注光子波動網(wǎng)，擁有最全的WordPress教程和最活躍的WordPress交流社區(qū)。

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