跳至正文

如何在 WordPress 菜单中显示图标 [WordPress 插件]

如何在 WordPress 菜单中显示图标 [WordPress 插件]

该图标是任何类型设计的绝佳补充。许多图标是公认的在机场拿公共厕所标牌。不需要懂当地语言,即使是陌生的地方,也能从门前的图标立刻知道哪个厕所是女士的,哪个是男士的。

同样的事情也可以应用于网站;显示图标可以帮助用户浏览您的网站。这有助于提升用户体验,也会使网站看起来更漂亮。

但是在像 WordPress 这样的 CMS 中显示这样的图标可能是一个挑战。如果您的网站建立在 WordPress 之上,我们将在这里向您展示在 WordPress 菜单中显示图标的最简单方法

入门

使用名为Menu Icons 的WordPress 插件可以轻松地在 WordPress 中添加图标首先,安装并激活这个插件。

现在我们准备好添加图标了。

添加图标

对于这个例子,我想使用 TwentyTwelve,一个漂亮干净的 WordPress 主题。我还创建了一些将包含在菜单中的页面。

通过Appearance > Menus创建一个新菜单不要忘记指定菜单位置,除非它不会出现在网站的任何地方。

然后我们将为每个项目添加一个图标。首先,让我们展开其中一个菜单项。您会找到一个链接,上面写着Icon: Select icon单击“选择图标”开始选择。在这里,您将看到一个类似于 WordPress 媒体库的窗口。

在撰写本文时,该插件带有 3 个字体图标库,即DashiconsGenericonsFontAwesome

然而,即使我们可以自由使用任何图标,最好从一个库中导出图标,因为每个图标都有自己的特点,例如大小和曲线。换句话说,如果您使用 FontAwesome,请在整个网站上使用它。这样做可以保持图标的一致性并使其看起来更加统一。

当您选择该图标时,您将在右侧面板上看到预览。在右侧面板中进行一些调整。您可以将图标放在菜单之前之后,控制字体大小,并设置垂直对齐方式。设置完成后,单击“选择”,然后继续为菜单中的其他项目添加图标。

最后的想法

Menu Icons 是一个非常方便的插件,可以在菜单中添加图标。它与使用起来非常直观的WordPress UI模式很好地集成。此外,开发者还为下一个版本计划了一些新功能,包括添加更多图标库,以及上传自定义图标的能力。

我希望你喜欢并发现这个技巧有用。继续尝试一下插件。

标签: