您想學習在 WordPress 中隱藏移動菜單的方法嗎？
我們都非常清楚，對於屏幕空間非常有限的移動用戶來說，菜單會更大更複雜。 這就是為什麼 WordPress 主題大多帶有內置樣式，這些樣式會自動將導航菜單轉換為移動菜單。
因此，許多高級主題提供移動菜單。 但是，您可能有自己的主題以您想要的方式工作，但沒有此選項。 除此之外，即使主題具有此功能，您也可能不想一次又一次地使用相同的菜單。
所以，我們在這裡為您提供幫助。 我們將介紹不同的方法，即使用插件或代碼隱藏移動菜單。 讓我們開始：
以下是不同的步驟：
1. 使用插件
在這種方法中，我們使用 WP Mobile Menu 插件來隱藏菜單。 毫無疑問，使用插件是解決問題的簡單方法。 建議所有初學者使用此方法，因為它易於執行。 請按照以下步驟操作：
- 首先，導航到外觀>>菜單，您需要在其中創建一個將在移動設備上顯示的新菜單。
- 給它一個合適的名稱，然後單擊「創建菜單」按鈕。
- 然後從左欄中選擇要包含在菜單中的項目。
- 完成菜單設置後，請確保保存更改。
- 激活後，您需要通過前往移動菜單選項頁面來配置插件的設置。 在這裡，您應該通過打開切換來決定是要在右側還是左側顯示菜單。 藉助下拉菜單選擇您最近創建的菜單。
- 轉到「可見性選項」部分。 最重要的是，這是您訂購插件以隱藏移動菜單的地方。
注意：該插件使用最流行的 WordPress 主題默認使用的通用元素標識符。 在插件隱藏移動菜單失敗的情況下，需要返回設置頁面，點擊「查找元素」按鈕，指向主題的導航菜單。
- 保存更改。
- 再次訪問外觀>>菜單頁面。 確保在下拉菜單中選擇了之前創建的菜單。 此外，使位置與插件設置頁面中的位置相同。
- 最後，訪問您的網站以查看操作的變化。
因此，您已經成功地在 WordPress 中隱藏了一個移動菜單。
2. 通過使用 CSS
這種方法比上面的方法更高級，需要編碼的知識。 在這裡，我們將使用 CSS 隱藏移動菜單中的特定菜單項。 例如，您可以創建導航菜單，並可以在移動設備或桌面設備上選擇性地顯示或隱藏項目。
此外，使用這種方法的主要意義在於，相同的導航既可以用於移動設備，也可以用於桌面設備。 此外，它可以輕鬆隱藏您要從網站中排除的項目。 請按照以下步驟操作：
- 首先轉到外觀>>菜單。 單擊位於右上角的「屏幕選項」按鈕，然後選中「CSS 類」選項旁邊的框。
- 接下來，向下滾動到要隱藏的菜單項，然後單擊它以展開設置選項。 您現在將找到一個 CSS 類選項來添加代碼。 通過在框中添加 .hide-mobile CSS 類來繼續。
- 您需要對每個菜單重複該過程才能將它們隱藏在移動設備上。
- 除此之外，您還可以在桌面上隱藏菜單。 您需要做的就是單擊菜單，展開它並在 CSS 選項框中添加 .hide-desktop CSS。
- 完成設置後，不要忘記保存更改。
- 現在，輪到你添加 CSS 來隱藏菜單了。 再次，前往外觀>>自定義頁面。
- 在 CSS 框中添加下面提到的代碼：
@media（最小寬度：980px）{
.隱藏桌面{
顯示：無！重要；
}
}
@media（最大寬度：980px）{
.hide-mobile{
顯示：無！重要；
}
}
- 確保單擊「發布」按鈕。
- 最後，您可以訪問您的網站以檢查代碼是否確實有效。
因此，通過這種方法，您使用 CSS 代碼在移動設備和桌面設備中都隱藏了一個菜單，沒有任何問題。
綜上所述
最後，我們希望本教程對您有所幫助。 我們已經提到了隱藏移動菜單的兩種最簡單的方法，您可以使用對您來說更容易的一種。 此外，如果有興趣了解有關 WordPress 的更多信息，請查看我們的另一篇文章「如何從 WordPress 管理員隱藏不必要的菜單項？」。