首页>文档>Astra教程>如何向菜单项添加图标?

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

如何向菜单项添加图标?

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

如何向菜单项添加图标?-HEIWP-外贸建站

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

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

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

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

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

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

如何向菜单项添加图标?-HEIWP-外贸建站

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

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

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

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

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

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

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

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

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索