如何在每個 WordPress 頁面上放置選單

您想知道如何擁有 每個 WordPress 頁面上的選單？在很多情況下，您需要在不同頁面上使用不同的選單。

• 例如，您可能有一個單頁網站，但想要一個專門的商店或聯絡頁面。在這種情況下，頂部選單導覽連結不能在這些單獨的頁面（例如聯絡人或商店）上使用，因為它們被設定為引導使用者瀏覽同一頁面上的不同部分（例如您的主頁）。

另一種情況可能是當使用者造訪您的商店頁面時。由於該頁面的功能與網站其他部分不同，因此您可能需要使用頂部選單來為想要購買的人顯示您的產品類別或其他相關資訊。

在這裡您可以閱讀： 在 WordPress 中新增訂閱表單的方法

為了達到預期的結果，您應該在每個 WordPress 頁面上為每個場景建立選單，並僅在這些頁面上顯示它們。幸運的是，由於 WordPress 背後有如此大的社區，您可以藉助免費外掛程式來實現這一目標。

在每個 WordPress 頁面上都有選單的方法

現在，讓我們看看如何在每個 WordPress 頁面上放置選單：

方法 1：每個 WordPress 頁面上的選單

要在每個 WordPress 頁面上顯示選單，您必須遵循以下步驟：

第 1 部分：安裝免費外掛程式以在每個 WordPress 頁面上都有選單

要為給定頁面設定不同的選單，您需要使用條件選單外掛程式。要安裝它，請按照以下步驟操作：

1. 步驟1：從您的 WordPress 儀表板，前往 插件 → 新增插件
2. 步驟2： 在搜索欄中，搜索“條件選單» 並安裝第一個結果（螢幕截圖）

3. 步驟3：安裝完成後，點選 激活.

第 2 部分：為不同頁面建立不同的選單

要為每個頁面建立選單，需要：

1. 步驟1： 去 WordPress 儀表板 → 外觀 → 自訂 → 點選選單
2. 步驟2： 增加一個新選單，我們稱之為 «聯絡頁面選單»（或任何其他名稱）
3. 步驟3： 為每個頁面或自訂連結新增選單項，然後按一下 發布
4. 步驟4： 對您需要的所有其他選單重複此過程。

第 3 部分：管理每個選單的位置

去吧 外觀 → 選單 → 管理 地點 並按照以下步驟開始在每個 WordPress 頁面上自訂選單：

1. 步驟1： 點擊 + 條件選單 在同一位置新增選單（例如主選單）
2. 步驟2：選擇您要新增的選單
3. 步驟3： 點擊 + 條件 選擇您想要顯示特定選單的位置
4. 步驟4： 點擊 保存更改 並訪問該頁面以確保其正常工作；

對任意數量的單獨頁面重複相同的過程。

方法2：如何在每個WordPress頁面上建立不同的選單

菜單是每個網站的基本內容；幫助訪客輕鬆找到他們需要的頁面。然而，在結構複雜的網站上，您可能希望每組頁面都有單獨的選單。要以這種方式自訂它們，您需要一個外掛程式來建立不同的選單並將它們指派給您的頁面/頁面群組。

在這種方法中，我們將深入向您展示如何以最快的方式做到這一點。但首先，讓我們看看為每個頁面建立單獨的選單如何在特定情況下為您提供協助。

第 1 部分：在每個 WordPress 頁面上使用選單建立應用程式

在以下情況下，為每個頁面設定單獨的選單可以為您提供協助：

1. 您想要在主頁選單中顯示產品頁面。每個產品頁面都會有一個特定的選單，其中包含連結到產品資訊頁面的子選單。例如，產品頁面上的選單會包含相應產品的價格、原產國等資訊。
2. 您有一個連鎖店網站，每個商店都顯示在單獨的頁面上。主頁選單將引導您進入商店頁面。每個商店頁面都有自己的基本頁面選單，例如產品、地址、訂單等。

為了方便理解，我們以一個水果生意網站為例。網站的主頁上有一個預設選單，可通往兩個頁面：Apple 和 Banana。

我們將使用條件選單外掛程式為這兩個頁面建立另外兩個單獨的選單。以下是執行此操作的步驟：

第 2 部分：安裝並啟動條件選單插件

條件選單插件是免費的，可在以下位置獲取 wordpress.org 。您只需像任何其他免費插件一樣安裝並啟用它。

1. 步驟1: 接下來，前往 外形> 菜單， 改成 管理位置 你可以看到 + 條件選單 透過插件添加：

第 3 部分：為每個 WordPress 頁面建立選單

1. 步驟1：現在我們將為 Apple 和 Banana 頁面建立單獨的選單。為了做到這一點，讓我們 外形> 菜單 > 編輯選單 > 建立一個新選單 .

2. 步驟2：接下來我們給選單取個名字，選擇選單的顯示位置（我想顯示在螢幕上） 標頭），然後按一下 建立選單.

3. 步驟3： 在該部分 新增選單項目，您必須將頁面新增為子選單。新增兩個頁面 蘋果原產地y 蘋果價格 al 蘋果菜單。點選 在儲存選單中.

4. 步驟4：現在執行相同的步驟為頁面建立單獨的選單 香蕉:

第4部分：在每個WordPress頁面上設定選單（對應）

1. 步驟1: 還在 外形> 菜單， 改成 管理位置 然後選擇 + 條件選單:

2. 步驟2：從清單中選擇一個選單（我選擇的是 蘋果菜單）。點選 + 條件 設定顯示位置：

注：：將出現一個新的彈出窗口，您將看到不同的選項卡可供選擇。您可以選擇在每個類別、貼文類型、分類、使用者角色或主頁、404 頁面等上顯示選單。

3. 步驟3：選擇選項卡 Pages 和 Apple 頁面 設定該頁面的選單。

4. 步驟4：對香蕉選單執行相同的操作。

5. 步驟5: 最後別忘了點一下 保存更改，否則你所做的一切都會消失。

現在你必須去WordPress介面查看結果。

如您所見，主頁、Apple 頁面和 Banana 頁面現在有三個不同的選單。

每個 WordPress 頁面上的選單類型

網站上舒適的導航至關重要。因此，為每頁創建一個組織良好且易於用戶遵循的自訂選單至關重要。然而，網站並不總是需要所有頁面都有統一的選單，因為每個頁面都有自己的用途。您想在每個 WordPress 頁面上建立不同的選單嗎？讓我們看看下面哪些是您可以使用的最佳選項：

每個 WordPress 頁面上不同選單的最佳插件

想像一下，您有一個單頁網站。在那裡，您需要一個帶有聯絡表單和聊天機器人的單獨頁面或相關的商店頁面。而且在技術上不可能實現它們，因為它們只會引導使用者瀏覽登陸頁面的不同部分。

假設訪客來到您的商店頁面。你必須有一個 標題中的特定選單用於顯示產品類別， 運送訊息，按鈕 新增購物車， ETC。但是，您可能會遇到與前一種情況相同的問題。或者您可以看到主頁選單在商店頁面上重複。

它不會正常工作，對嗎？ 每個頁面都必須有一個相關的選單。 然而，在不同的頁面上實現它們可能很困難。別怕， 在這裡我們為您提供許多解決方案 來滿足這種需求。但在告訴您如何在每個 WordPress 頁面上建立選單之前，讓我們先關註一下可協助您為每個頁面設定自訂選單的主要工具。

1.JetBlocks

讓我們開始 JetBlocks。該外掛程式可讓您創建完全適合您網站需求的特定頁首和頁尾。使用 JetBlocks，可以非常輕鬆地將必要的元素添加到標題並建立自訂選單：

1. 登入表格
2. 報名表
3. 搜尋表格
4. 和 WooCommerce 購物車，
5. 導航選單
6. 可擴展面板。

此外，您可以新增和自訂網站標誌、插入授權連結和其他元素，以在每頁建立令人驚嘆的自訂功能表。

您可以從下載 這裡

2. 快捷選單

JetMenu 隨時為您設計大型菜單。借助此插件，您可以創建和自訂每個項目，添加各種項目和徽章並自訂它們。

此外，您可以變更選單項目的背景、設計選單排版、套用懸停模式等。我們打賭 JetMenu 外掛的可能性是無限的。它是在每個 WordPress 頁面上建立選單的最佳工具之一。

您可以從下載 這裡

3.JetThemeCore

同 JetThemeCore，您可以建立自訂主題模板和 404 等頁面的模板。這個過程直觀且經過深思熟慮，因此您不需要額外的知識來編寫程式碼或其他任何內容。如果您只有 JetThemeCore 插件，則足以為每個頁面建立自訂功能表並在其中添加任何特定內容。至少您可以使用預製標頭並在那裡進行一些更改。

您可以從下載 這裡

如何在每個 WordPress 頁面上設定和建立選單

首先，請確保您安裝了所有必需的插件。如果您已經知道如何建立標題，請跳至設計選單並在不同頁面上配置選單部分。現在，讓我們開始工作吧。

第 1 部分：帶有大型選單小工具的簡單標題

1. 步驟1：在您的網站上新增標題。在那裡你會看到 主題的部分內容，您將在其中添加標題。
2. 步驟2：點擊按鈕 新增，選擇 模板類型: 標頭 並為其選擇一個名稱。
3. 步驟3：您將被重定向到 Elementor 頁面，魔法將在這裡開始。
4. 步驟4：新增一個部分並選擇適當的佈局，例如內容寬度： 在盒子裡， 設定您需要的參數。

每個 WordPress 頁面的選單中的小部件

如果您想創建精彩的自訂每頁選單，超級選單小工具值得您關注。

1. 步驟1：在項目面板中尋找超級選單小工具。

注：: 有兩種選擇： 垂直超級菜單和超級菜單 簡單明瞭的操作方式

2. 步驟2: 現在我們重點討論最後一個。拖曳小工具後，您可以在左側欄看到設定標籤。
3. 步驟3: 尋求 內容, 展開 一般規格 並在那裡選擇一個選單。
4. 步驟4：選擇選單畫面或返回 WordPress 儀表板 — 外形  菜單.
5. 步驟5：現在選擇您要使用的選單或建立一個新選單。
6. 步驟6：建立選單後，您將在 Elementor 的可用選單清單中看到它。

注意： 不要忘記為您的網站放置桌面和行動版本的選單，以確保其具有響應式設計。

選項卡 ESTILO，您可以自訂您未來的選單：設定對齊方式、變更背景、邊框類型或框陰影。找到最適合您的一款。

此外，您可以設定字體樣式並變更活動和捲動狀態。如果您有一些子選單項，請使用設定標籤來變更它們 桌面選單項目。

每個 WordPress 頁面上的選單設置

1. 步驟1：若要將此標頭設定到特定位置，請前往 標頭設定 在 Elementor 中。
2. 步驟2：此選單將幫助您更改標題狀態並透過下拉式選單設定其顯示條件： 整個網站、單一頁面或存檔頁面。 例如，選擇整個網站。

第 2 部分：Mega Menu 和 JetMenu 插件

我們已經知道，JetMenu 很特別，因為它允許您將任何內容添加到條件選單中。讓我們一起利用它的無限可能性。

1. 步驟1：在 WordPress 儀表板 — 外觀 — 選單。
2. 步驟2： 搜尋您想要自訂的選單或建立新選單。

注：：如果您想建立帶有一些詳細子選單的選單，則需要透過相同分頁新增更多選單 WordPress 選單。因此，對於主選單中的每個類別，您應該建立幾個不同的子選單。

使用 JetMenu 在每個 WordPress 頁面上設定選單

1. 步驟1：在每個選單項目中，尋找 JetMenu 項，您可以在其中進行設定。
2. 步驟2：啟用 超級子選單 並按 編輯超級選單項目內容 用其他項目豐富您的菜單並個性化項目。
3. 步驟3：在 Elementor 頁面上，選擇具有所需列數的部分。
4. 步驟4：拖曳 垂直超級菜單小工具 到左側邊欄內容標籤中的第一列
5. 步驟5：選擇要插入的選單。
6. 步驟6：最後，將您建立的子選單新增至 WordPress 管理面板。您可以輕鬆複製該小部件並將其貼上到第二部分。

之後您可以使用選項卡 ESTILO 並自訂元素，設定寬度、高度、排版、所需空間等。

在 JetMenu 主設定中，您可以看到超級選單位置、新增任何圖示（從預製圖示或上傳 svg 檔案）、將任何文字徽章套用至選單項目、自訂選單大小等。

專業建議

使用 Elementor，在選單上方新增標題（例如上一頁的副本），使用 JetBlocks 小工具插入特定元素並更新它。

但是，我們在另一頁上設定此選單時遇到問題。若要解決此問題，請執行下列操作：

1. 步驟1: 去 主題生成器 再次，建立一個新的標題模板，複製標題或建立一個新的
2. 步驟2：選擇您剛剛在選項卡中建立的超級選單 常規配置 顯示它並添加麵包屑小部件。
3. 步驟3：在標題設定：條件標籤中，選擇 單數和封面 將您建立的標題放置在主頁上，並將先前建立的標題保留在網站的其他頁面上。

第 3 部分：在每個 WordPress 頁面上建立選單（下拉式選單）

假設您有一個帶有聯絡表單的單獨頁面，並且您想要為其指定不同的標題。只需按照以下步驟操作：

1. 步驟1– 在主題產生器中建立一個新模板，複製主標題的頂部，並在此階段新增一個下拉式選單。

注：：本質是一樣的，您可以根據需要添加現有選單或在每頁建立新的自訂選單：簡單選單或具有可變元素的大型選單。變更容器的位置、調整設定、設定樣式等。

2. 步驟2：最後，使用選項為特定頁面設定此特定標題 單數 在標籤中 條款 並註明您的聯絡頁面的名稱。

您可能也有興趣閱讀以下內容： 如何在 WordPress 中建立下拉式選單

結論

這就是在每個 WordPress 頁面上建立選單並配置它們的方法。我們只提供了其中三個，但我們非常確定還有其他方法可以為每頁建立自訂選單。

正如您所看到的，使用條件選單為不同頁面建立不同的選單非常簡單且有用。此外，該外掛程式還為您提供了靈活的選項，可以為貼文類型、類別、分類、用戶角色等甚至 404 頁面建立單獨的選單。