如何在帖子/頁面中添加WordPress導航菜單?

您想在您的帖子或頁面中添加WordPress導航菜單嗎?默認情況下,您只能在WordPress主題設置的位置顯示菜單。但是,有時您可能需要向特定帖子或頁面添加菜單,甚至在頁面內容中顯示菜單。在本文中,我們將向您展示如何在帖子和頁面中添加WordPress導航菜單。

如何在帖子/頁面中添加WordPress導航菜單

爲什麼要在帖子/頁面中添加WordPress導航菜單?

導航菜單是指向網站重要區域的鏈接列表。這些鏈接可以幫助訪問者找到他們正在尋找的內容,改善客戶體驗,並讓人們在您的WordPress網站上停留更長時間。

WordPress導航菜單的示例

菜單的確切位置取決於您的WordPress主題。大多數主題允許您在多個區域中顯示菜單,但有時您可能需要向帖子或頁面添加導航菜單。

例如,您可能希望添加一個獨特的菜單,鏈接到特定銷售頁面上提到的所有產品。

您還可以使用菜單在WordPress博客上顯示相關帖子。

方法1:使用WordPress導航塊(最適合單個頁面和帖子)

將WordPress導航菜單添加到帖子和頁面的最簡單方法是使用內置的導航塊。這允許您在頁面或帖子中的任何位置顯示導航菜單,但您必須手動添加每個菜單。

如果您需要準確控制菜單在每個頁面上的顯示位置,這是一個很好的方法。但是,如果您想將相同的導航菜單添加到許多頁面和帖子中,這可能會既耗時又令人沮喪。

要開始使用此方法,只需打開要添加WordPress導航菜單的頁面或帖子。然後,單擊“+”按鈕向頁面添加新塊。

將導航塊添加到WordPress頁面或帖子

在彈出窗口中,輸入“導航”。

當右側塊出現時,單擊它以將其添加到頁面或帖子中。

向WordPress頁面或帖子添加新塊

默認情況下,導航塊將顯示您的一個菜單。

如果您想添加其他菜單,請打開“阻止”標籤。然後,您需要選擇“列表視圖”選項卡。

WordPress塊編輯器中的列表視圖選項卡

在這裏,您可以單擊“菜單”旁邊的三個點。

然後,只需選擇您要使用的菜單即可。

選擇不同的WordPress導航菜單

有時,您可能希望通過添加更多鏈接來自定義菜單。例如,如果您經營一家在線商店,那麼您可能會鏈接到該頁面上提到的所有產品。

要繼續並嚮導航菜單添加鏈接,請單擊“列表視圖”選項卡中的“+”圖標。

將頁面鏈接添加到WordPress菜單

這將打開一個包含不同選項的彈出窗口。

要添加指向您網站上任何頁面的鏈接,只需單擊“頁面鏈接”。

將頁面鏈接添加到WordPress菜單

您現在可以從下拉菜單中選擇一個頁面,也可以開始輸入頁面標題。當右側頁面顯示時,單擊以將其添加到菜單中。

要嚮導航菜單添加更多頁面,只需重複上述相同過程即可。

添加指向WordPress的鏈接

您還可以將社交圖標添加到WordPress菜單中,這將鼓勵人們在Twitter,Facebook,YouTube,LinkedIn等上關注您。

要開始使用,請單擊“列表視圖”選項卡中的“+”圖標。這次,選擇“社交圖標”。

將社交共享圖標添加到WordPress

這將添加一個新區域,您可以在其中添加社交圖標。

要開始使用,請單擊新的“+ 單擊加號以添加”部分。

將社交圖標添加到WordPress

現在,選擇要鏈接到的社交媒體網絡。

例如,您可以選擇“Twitter”在WordPress中推廣您的Twitter頁面。

將Twitter圖標添加到WordPress

之後,您將需要配置社交圖標。

確切的步驟因社交網絡而異。但是,您通常需要單擊以選擇圖標,然後鍵入社交媒體配置文件的URL。

在WordPress中添加Twitter鏈接

只需重複這些步驟即可將更多社交圖標添加到導航菜單中。

最後,您可能希望在WordPress菜單中添加一個搜索欄,以幫助人們找到有趣的頁面,帖子,產品等。

WordPress具有內置的搜索功能,但它是基本的,並不總是提供準確的結果。這就是爲什麼我們建議使用WordPress搜索插件來改善您的網站搜索。

更好的是,如果您選擇像SearchWP這樣的高級插件,那麼它將取代默認的WordPress搜索。配置插件後,您網站上的所有搜索框將自動使用 SearchWP,包括導航菜單中的任何搜索框。

無論您是使用內置的WordPress功能還是SearchWP等高級插件,只需選擇“搜索”即可將搜索欄添加到菜單中。

將搜索欄添加到WordPress導航菜單

當您對菜單的內容感到滿意時,您可能希望更改其外觀。

您可以通過選擇“設置”選項卡來更改菜單的佈局,包括其對齊方式和方向。

如何設置WordPress導航塊的樣式

之後,您可以通過選擇“樣式”選項卡來更改背景顏色、文本顏色、排版等。

進行更改時,實時預覽將自動更新。這意味着您可以嘗試許多不同的設置,以查看最適合您的WordPress博客的設置。

自定義頁面或帖子中的WordPress菜單

您可以配置更多設置,但這就是向帖子或頁面添加有用的WordPress導航菜單所需的全部內容。

專業提示:如果您打算在多個頁面和帖子中使用相同的導航菜單,那麼在WordPress塊編輯器中將其轉換爲可重用的塊是明智的。這可以爲您節省大量時間和精力。

當您準備好使導航菜單上線時,只需單擊“更新”或“發佈”按鈕。

如何將WordPress菜單添加到頁面或帖子

現在,如果您訪問此頁面或帖子,您將看到正在運行的導航菜單。

方法 2:使用完整站點編輯器(僅限塊主題)

如果您只想向幾個帖子和頁面添加導航菜單,那麼方法 1 是一個不錯的選擇。但是,您需要手動添加每個菜單,因此如果您想在整個網站上顯示相同的菜單,這不是最佳選擇。

如果您使用的是基於塊的主題,例如 Hestia Pro,那麼您可以將 WordPress 導航菜單添加到頁面或帖子模板中。然後,此菜單將顯示在您的所有頁面或帖子中,而無需您手動添加它。如果您總是想在完全相同的位置顯示相同的導航菜單,這是完美的選擇。

要開始使用,請轉到WordPress儀表板中的主題»編輯器

打開WordPress完整站點編輯器

默認情況下,編輯器將顯示主題的主頁模板。

要爲您的WordPress頁面或帖子添加導航菜單,請單擊左側菜單中的“模板”。

在WordPress中選擇基於塊的模板

編輯器現在將顯示構成您的 WordPress 主題的所有模板。

要爲您的WordPress博客文章添加導航菜單,請選擇“單個”模板。如果您想改爲向網頁添加菜單,請選擇“主頁”模板。

選擇一個基於WordPress塊的模板

WordPress現在將顯示所選模板的預覽。

要編輯此模板,請繼續並單擊小鉛筆圖標。

編輯單個WordPress模板

完成後,單擊左上角的藍色“+”圖標。

在出現的搜索欄中,輸入“導航”。

將導航塊添加到基於塊的模板

當右側塊出現時,將其拖放到模板上。

默認情況下,該塊將顯示您的菜單之一。如果要添加其他菜單,請單擊“阻止”選項卡。之後,選擇“列表視圖”。

WordPress完整站點編輯器中的“列表視圖”選項卡

您現在可以單擊“菜單”旁邊的三個點以查看您在WordPress網站上創建的所有菜單。

只需從列表中選擇任何菜單即可。

將導航菜單添加到啓用塊的主題中的頁面或帖子模板

完成此操作後,您可以按照方法 1 中的步驟向菜單添加更多頁面、添加搜索欄等。

當您對導航菜單的外觀感到滿意時,請單擊“保存”按鈕使其上線。現在,如果您訪問您的網站,那麼您將在所有WordPress頁面或帖子中看到相同的導航菜單。

方法3:創建自定義WordPress主題(更可定製)

另一種選擇是創建自定義WordPress主題。這是一種更高級的方法,但它可以讓您完全控制菜單在帖子或頁面中的顯示位置。

過去,您需要遵循複雜的教程並編寫代碼來構建自定義 WordPress 主題。但是,現在可以使用 SeedProd 輕鬆創建自己的主題。

SeedProd 是最好的拖放式 WordPress 頁面構建器,Pro 和 Elite 用戶還可以獲得高級主題構建器。這允許您設計自己的WordPress主題,而無需編寫任何代碼。

種子生產主題定製器

創建主題後,您可以將導航菜單添加到WordPress網站的任何部分。

只需轉到 種子生產 » 主題生成器 並找到控制帖子或頁面佈局的模板。這通常是“單頁”或“單頁”。

使用 SeedProd 創建自定義主題

這將在 SeedPro 的拖放頁面構建器中打開模板。

在左側菜單中,滾動到“小部件”部分。在這裏,找到導航菜單塊並將其拖到您的佈局上。

使用 SeedProd 頁面構建器插件添加導航小部件

之後,單擊以選擇 導航菜單 實時預覽中的塊。

現在,打開“選擇菜單”下拉菜單,然後選擇要顯示的菜單。

使用 SeedProd 向頁面或帖子模板添加導航菜單

您現在可以在“標題”字段中鍵入可選標題。這將出現在WordPress導航菜單上方。

要預覽菜單在您的網站上的外觀,請單擊“應用”按鈕。

預覽WordPress頁面或帖子中的導航菜單

接下來,您可能希望通過單擊“高級”選項卡來設置菜單樣式。

如果添加了標題,則可以更改文本顏色、調整版式以及在標題和菜單項之間添加更多空間。

您還可以更改用於菜單項的顏色和字體。

只需使用“文本排版”和“文本顏色”設置即可進行這些更改。

使用 SeedProd 自定義導航菜單

之後,您可以使用“高級”選項卡中的設置更改間距,添加自定義CSS,甚至添加CSS動畫。

當您對菜單的外觀感到滿意時,請繼續並單擊 SeedProd 工具欄中的“保存”按鈕。然後,選擇“發佈”。

選擇不同的WordPress導航菜單

現在,如果您訪問您的網站,那麼您將看到新頁面或帖子佈局的實際效果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章