大家好，我是Funion数字营销实战派飞小优，不久前写过一篇《WP文章置顶图标如何添加》后有很多同学私信问“如何在wordpress网站菜单前添加图标”，关于这个菜单添加的问题实则很简单，接下来就一起看看教程是如何实现。就这一问题其实需要分两种情况来看，主题集成自带图标文字和不带图标文字。
自带图标文字的主题
自带图标的主题操作则十分简单，先登录WP后台，找到菜单仪表盘，选择任意一菜单，如下
选择一个然后保存即可。再看下前端效果
图标文字已经实现，这种方式很简单，但有些不喜欢Fontawesome字体，却喜欢使用iconfont图标文字，那同样也给大家详细介绍。
非主题自带图标需额外手动添加
以iconfont字体库引入为例子，如下流程：
登录iconfont官网
点击进入官网注册iconfont账号，如下所示
打包图标
搜索想要的目标图标，以官网为例，搜索“投稿”，接下来点击图标添加到购物车，点击项目，完成项目命名，在查看下
添加至项目中
完成项目命名，这个需要自定义一下。
查看添加的图标，然后生成代码
将代码添加到wp中的自定义css或者主题下的css文件底部中，如下，
添加完毕后，还需要找到图标下的代码，如下图，
引入到WP网站导航中
接下来可以在wp后台通过添加菜单时，添加代码实现，如：<i class="iconfont"></i>
注：这里填写到后台时会出现一个小问号的情况“？”，这表示没有生效，此时你还需要粘贴这段代码到style.css文件，同步骤3，如下，
.iconfont{
font-family:"iconfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}最后，你打开前台就会看到已经生效了！
最后总结
完成WP引入iconfont图标需要3步骤：
- 注册iconfont账号，登录找到目标icon创建项目；
- 添加两个代码片段；
- 填写输出到具体场景下的代码即可。
好了，以上就是关于wordpress菜单标题前加图标怎么实现的详细教程，关于WP建站等优化需要的不妨留言和小窗客服！
