### [wordpress如何为菜单添加图标](https://www.prosaas.cn/article/5678)

**Published:** 2019-07-15T08:24:13

**Author:** 5201314

**Excerpt:** WordPress导航栏菜单添加图标可以使用插件完成，实现方法如下：步骤一：WP后台--插件--安装插件页面搜…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212124233193.jpg)

WordPress导航栏菜单添加图标可以使用插件完成，实现方法如下：

步骤一：WP后台--插件--安装插件页面搜索：Font Awesome 4 Menus，下载安装并启用。

步骤二：到这里找到你需要的图标http://fontawesome.io/icons/，比如我们要这个home图标（如下图）。

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212124233871.jpg)

步骤三、找到合适的图标，点击图标后进入新页面会看到类似如下的标签，图中的i标签比较长，我们只需要提取出我们需要的部分。

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212124233971.jpg)

步骤四：WP后台---外观---菜单，进入菜单设置页面，选择并编辑一个菜单项，也可以直接在仪表盘中自定义您的站点。 由于模板的不同，后台菜单位置添加方式不同， 具体列出了两种情况如下： 

情况一：菜单栏中没有CSS栏 。

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212124233608.png)

情况二：菜单栏中有CSS栏. 

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212124233288.png)

设置完后，请前往前端查看是否设置成功。如若失败了，请查看后台是否开启了缓存。

更多wordpress相关技术文章，请访问wordpress教程栏目进行学习！

以上就是wordpress如何为菜单添加图标的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** css, http, WordPress

**Categories:** WordPress

---