WordPress菜单图标CSS怎么添加？安装WP导航图标字体插件

原文链接：http://www.chenweiliang.com/cwl-642.html

WordPress菜单图标CSS怎么添加？

安装WP导航图标字体插件

新媒体人做SEO就是在给网站优化和提升用户体验。

你可以在WordPress网站上，添加图标字体，非常美观，支持响应式设计的WP主题模板。

图标字体和小图像格式的图标不同：

• 支持视网膜显示.


• 可以无限放大。


• 将导航菜单上的项目分别个性化为Icon字体。

具体效果图，可查看陈沩亮博客的导航菜单。

如何使用图标字体？

第 1 步：安装插件

• WP后台 → 插件 → 安装插件 → 搜索“Font Awesome 4 Menus”，下载并安装并启用；


• 你也可以直接在网站上下载，然后上传后通过FTP上传或安装。

第 2 步：寻找图标字体

点此前往 图标字体官方网站

打开图标字体官方网站，找到我们需要的图标 ▼

• 你可以在单击图标时显示的 <i class =“fa fa-home”> </ i>复制 fa fa-home。


• 如果主页图标名称为home，那么我们需要在 “菜单CSS类” 中输入 fas fa-home

第 3 步：菜单输入CSS类字体图标

• WP后台 → 外观 → 菜单，进入菜单设置页面。


• 选择并编辑一个菜单项，


• 在CSS类中，粘贴我们刚刚复制的图标字体名称（fa fa-home） ▼

• （其他图标的操作是相同的）


• 最后点击保存可以。

注意事项

如果在编辑菜单项面板中没有CSS类，则可以打开右上角的 “显示选项”，并在显示菜单的高级属性中，选中“CSS类” ▼

• 当然，这个图标字体库不限于在导航菜单中使用，只要将相应的图标代码添加到主题模板的相应位置即可。

欢迎转载《WordPress菜单图标CSS怎么添加？安装WP导航图标字体插件》
陈沩亮版权所有，转载请注明出处链接：http://www.chenweiliang.com/cwl-642.html


网站地址：http://www.chenweiliang.com/



我是陈沩亮，我的使命是帮助创业者、营销员和自媒体人用微信营销获取更大的成功和收获 ^_^



“不仅仅是总结网络营销干货，还分享用微信营销赚钱的方法！”



欲学更多秘技，请关注微信公众号：cwlblog
关注后回复关键字：80



可获取《超过80%不被人知的秘技》