导航菜单中的图标提供了有关菜单项内容的视觉提示。它们直接显示在菜单项标签之前。
可以通过下列方式将图标添加到菜单项:
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> 标签代码。
只需访问图标页面,选择所需图标,然后复制代码。地址簿图标的代码可以从此处的链接复制。访问菜单项 – 联系人,然后将代码粘贴到 导航标签中。
如果您想将自己的图形添加到导航菜单中,可以使用名为菜单图像的外部插件来实现。