如何在您的 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 中,转到外观 - 菜单。 菜单允许您通过拖放来更改项目的顺序。 将项目拖到其各自“巢”的右侧以制作下拉菜单,然后再次将它们拖回左侧以撤消此操作。