導航塊將在您的內容中顯示導航菜單。雖然您可以將此塊添加到正常的頁面或文章內容中,但使用完整站點編輯器將其添加到主題模板中會更有用。
第一次插入導航塊時,它將顯示為空。使用「設置」 側欄的 「列表視圖」 選項卡 ( ) 中的 「選擇導航菜單」 圖標 ( ),您可以選擇現有的 「經典菜單」(如果有),也可以創建一個新菜單。
當您選擇導入現有的 「經典菜單」 時,它將自動導入該所選菜單的所有選項。
請務必注意,導航塊存儲菜單數據的方式與經典外觀 > 菜單頁面存儲菜單的方式完全不同。如果您選擇導入使用 「經典菜單」頁面創建的現有菜單,並且您決定稍後使用 「經典菜單」屏幕重新編輯該菜單,則對該菜單所做的任何更改都不會反映出來。編輯創建的菜單或導入導航塊的菜單的唯一方法是使用塊本身編輯項目。
此外,如果您使用的是專為與新的完整站點編輯器 (FSE) 一起使用而構建的主題,例如 「二十二十二」或「二十二十三」默認主題,您將無法再訪問 「外觀」>「菜單」儀表盤中的選項。在 FSE 主題內創建新導航菜單或編輯現有菜單的唯一方法是使用導航塊。
除了使用塊本身內的圖標編輯菜單項外,您還可以在設置側欄中的列表視圖選項卡 ( ) 中編輯菜單項。後一個選項使添加和編輯菜單項以及添加子菜單變得更加容易。
要將新菜單選項添加到導航菜單中,請單擊塊本身內的添加塊圖標 ( ),或在設置側邊欄的列表視圖選項卡 ( ) 內。如果在塊中使用「添加塊」 圖標,您將看到一個小的彈窗,允許您搜索要作為菜單項插入的頁面/文章。如果您使用設置側欄中的添加塊圖標,則首先需要添加新的頁面鏈接塊或文章鏈接塊,然後才能選擇要用作菜單項的頁面/文章。
您可以使用 「在新選項卡中打開」 開關來選擇是否希望菜單項在新瀏覽器選項卡中打開。如果您希望向菜單添加完全自定義的菜單選項 (例如指向外部網站的鏈接),只需在單擊 「添加塊」 圖標後顯示的小彈窗中輸入自定義URL。輸入自定義 URL 並按鍵盤上的 Return/Enter 鍵會將此 URL 添加為新的菜單選項。然後,您可以單擊文本並對其進行編輯,以更改菜單中顯示的實際文本。例如,在小彈窗中輸入https://lego.com 將使用該鏈接添加一個新的菜單項到樂高網站。該鏈接的菜單中顯示的文本將是 lego.com 。如果您希望更改該鏈接文本,使其僅顯示 「樂高」 一詞,您需要單擊該文本並進行編輯。
添加該塊並填充菜單項後,「設置」 側欄中會提供更多選項。您可以更改文本和背景顏色,以及子菜單和覆蓋文本以及子菜單和覆蓋背景顏色。您還可以更改各種版式設置,例如字體大小、外觀、行高、字母間距、裝飾和字母大小寫。還有菜單理由和方向的選項。使用疊加菜單按鈕,您可以選擇菜單是否摺疊為 「漢堡包」 樣式圖標。選擇 「移動」 將僅在較小的移動設備上顯示漢堡包圖標,而選擇 「始終」 將在桌面和移動設備上顯示漢堡包圖標。如果您根本不希望菜單摺疊成漢堡包圖標,請選擇 「關閉」 選項。
該塊的各種選項位於設置側欄中單獨的列表視圖 ( ) 、設置 (
) 和樣式 (
) 選項卡中。