如何向菜单项添加图标?

导航菜单中的图标提供了有关菜单项内容的视觉提示。它们直接显示在菜单项标签之前。

菜单图标示例

可以通过下列方式将图标添加到菜单项:

1. 通过外部插件添加菜单图标

任何能够提供此类功能的外部插件都可以使用。ThemeIsle 的 Menu Icons 等插件允许向菜单添加图标。

使用上述插件添加菜单图标的方法如下:

  • 安装并激活ThemeIsle插件的菜单图标。此时,该插件已在我们的网站上启用。
菜单图标插件
  • 导航到外观>菜单并选择您想要添加图标的菜单项。
外观 > 菜单
  • 单击此选择按钮并选择您喜欢的菜单图标。
选择菜单图标
  • 单击“保存菜单”按钮以应用这些更改。
保存菜单

您现在可以看到添加到导航菜单中的新菜单图标。

已添加菜单图标

随意选择您喜欢的任何外部插件。

2. 通过 Font Awesome 图标标签添加图标

Font Awesome 库提供了多个图标。可以通过以下步骤将这些图标添加到菜单项中 –

Astra 不附带 Font Awesome 库。因此,可以使用外部插件将库加载到主题中。您可以从WordPress 存储库中选择一个允许将 Font Awesome 库加载到网站的插件。例如 – Better Font Awesome

  • 在网站上安装并激活选定的插件。
  • 访问您想要添加图标的菜单项。菜单位于“外观”>“菜单”下。
  • 单击菜单项并在导航标签中添加来自Font Awesome 库的图标的 <i> 标签。
阿斯特拉导航图标

例如– 如果您想将地址簿图标添加到菜单项 – 联系人。那么在完成步骤 1 和 2 之后,您可以从 Font Awesome 库中复制地址簿的 <i> 标签代码。

只需访问图标页面,选择所需图标,然后复制代码。地址簿图标的代码可以从此处的链接复制。访问菜单项 – 联系人,然后将代码粘贴到 导航标签中。

如果您想将自己的图形添加到导航菜单中,可以使用名为菜单图像的外部插件来实现。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容