如何在您的 WordPress 菜單中添加箭頭

已發表: 2022-09-24

如果你想在你的 WordPress 菜單中添加一個箭頭，你可以通過幾種不同的方式來做到這一點。 一種方法是使用像菜單圖標這樣的插件，它允許您為每個菜單項添加一個圖標。 另一種方法是使用 CSS 向菜單項添加箭頭。

如何向 WordPress 菜單添加箭頭：向 WordPress 菜單添加箭頭以使用子菜單突出顯示 WordPress 菜單項您可以使用 CSS 完成此操作，這非常簡單易行。 如果您想從事 HTML 或 CSS 開發人員的工作，您應該熟悉這兩種技術。 您必須熟悉菜單的類，因為在這種情況下我使用 id=”primary-menu” 和 class=”menu nav-menu”。 通過編輯 CSS 並單擊它們，可以將以下樣式添加到外觀。 您可以使用子主題的子主題樣式選項將以下樣式添加到 style.css 中的子主題。 要將自定義 CSS 樣式添加到您的 WordPress 主題，您可以使用 JetPack 的自定義 CSS 模塊。 如果我將下拉菜單包含在導航菜單中，下拉菜單將使用下拉菜單的箭頭指示符。

如何在 WordPress 中添加箭頭？

信用：stackoverflow.com

通過單擊塊工具欄中的下拉箭頭，您可以訪問段落塊中的特殊字符選項。 當您單擊它時，將出現一個顯示特殊字符的彈出窗口。 您要添加的特殊字符可以在編輯器中找到，並且可以通過單擊它來添加。

HTML5 實體代碼、十進制代碼或十六進制代碼就足夠了。 實體代碼以 & 符號開頭，以分號結尾。 使用與號、井號和分號格式分配十進制數字框。 左箭頭符號() 是使用以下任意組合的結果。 您可以在 Microsoft Edge、Internet Explorer 11 或任何更新的瀏覽器中使用 UTF-8 標準中的全部 Unicode 字符。 當實體代碼僅在 HTML5 中使用時，Google Chrome 中的某些字符似乎偶爾會丟失。 即使更改了字符映射表中的字體，您也可能無法找到您要查找的內容。

如何在 WordPress 中添加下拉菜單？

要在 WordPress 中添加下拉菜單，您需要安裝並激活 Mega Menu 插件。 激活後，您需要創建一個新菜單並將其分配到您希望下拉菜單出現的位置。 為此，請轉到外觀 > 菜單，然後單擊“創建新菜單”鏈接。 為您的菜單命名，然後單擊“創建菜單”按鈕。 接下來，您需要添加菜單項。 為此，請單擊“添加項目”按鈕，然後選擇要包含在下拉菜單中的頁面或帖子。 添加完所有菜單項後，單擊“保存菜單”按鈕。 您的下拉菜單現在將出現在您指定的位置。

最近幾週，導航菜單佔據了中心位置。 在編寫高級菜單之前，最好先了解如何創建下拉菜單。 在本教程中，您將學習如何創建高級菜單。 要學習本教程，您將需要以下內容： 在本節中，您將了解 WordPress 菜單設計。 WordPress 提供內置菜單作為其用戶友好設計的一部分。 本書是為 WordPress 開發下拉菜單的第一步。 本文介紹了使用 CSS 來定位來自 WordPress 菜單功能的 HTML 輸出。

導航菜單中的每個項目都包含數據庫中的一個帖子，稱為 WP_posts 表中的帖子。 帖子的元數據包括將顯示的文本以及鏈接的目標。 在主題的樣式表中，將其設為默認隱藏二級項目。 但是，因為它需要在菜單內相互嵌套元素，所以它不會隱藏頂級元素。 您將看到一個下拉菜單，其中將顯示與您不太相關的內容。 為了給人這樣的感覺，我們希望它看起來好像漂浮在內容之上。 為了解決這個問題，我們必須為我們的 ul 元素添加佈局樣式。

此外，您必須指定頂級列表項的相對位置。 您應該在主題中包含一個名為 burger-menu.js 的新文件以及一個名為 media query 的新類。 當用戶點擊圖標時，添加一個腳本來顯示菜單。 在進行媒體查詢時，在一個元素內添加菜單的 CSS，我們將使用一個類將其隱藏在更大的屏幕上。

如何在 WordPress 中創建自定義菜單

創建自定義菜單時，您必須先將其選擇為主菜單，然後添加下拉菜單項。 有關這方面的更多信息，請訪問 https://en.support.wordpress.com/menus/。


從 WordPress 菜單中刪除箭頭

要從 WordPress 菜單中刪除箭頭，您需要訪問 WordPress 儀表板並轉到外觀 >菜單頁面。 從這裡，您需要找到要從中刪除箭頭的菜單項旁邊的箭頭圖標。 找到圖標後，只需單擊它，箭頭就會被刪除。

在我看來，Elementor 是構建網站的最佳工具，但導航菜單除外。 這一次，我沒有使用任何其他插件來生成如上所述的標題或菜單。 當下面有孩子時，Elementor 菜單已經有他們的箭頭。 但是，一旦我激活了 ASTRA，就會在父鏈接的右側和子鏈接的左側添加一個下拉箭頭。 如果您使用導出/導入功能，從舊主題切換到子主題相對簡單。

WordPress 下拉菜單箭頭

WordPress 下拉菜單箭頭是當鼠標懸停在菜單項上時出現在菜單項旁邊的一個小箭頭。 這個箭頭表示菜單項有一個子菜單。

如何自定義 WordPress 中的下拉菜單？

在 WP Admin 中，轉到外觀 - 菜單。 菜單允許您通過拖放來更改項目的順序。 將項目拖到其各自“巢”的右側以製作下拉菜單，然後再次將它們拖回左側以撤消此操作。