• 欢迎访问奇跡の海网站,本站不上传任何资源,所有资源均来自于网络,欢迎加入奇跡の海~! QQ群
  • 本站下载资源为网络上收集整理而来,并且以计算机技术研究交流为目的,版权归原作者所有,仅供大家参考,学习,不存在任何商业目的与商业用途.
  • 本站系统镜像均来自于官方原版,ed2k可视为P2P下载链接。所有操作系统默认均为试用版,如有正版密钥可以有效激活,本站不提供任何激活和相关服务。

WordPress实用插件-Font Awesome 4 Menus 插件(个性图标字体)

WP插件 奇跡の海 1年前 (2017-07-17) 168次浏览 已收录 0个评论 扫描二维码

看惯了单一文字菜单,想要一些个性化的东西,“个性图标字体”是个不错的选择。和日常所见的像素图片不同,“图标字体”本身是矢量图,所以可以无限放大却不失真,对视网膜显示的支持也更好。

想要实现基本的个性图标字体菜单,如本站效果这样:

WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)

过程非常简单,不需要懂得一行代码,用 WordPress 丰富的插件即可轻松实现。

下面,就郑重的公布此插件名——Font Awesome 4 Menus。

WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)

使用方法

1. 进入 WordPress 管理后台–>插件–>安装插件,关键字搜索“Font Awesome 4 Menus”,找到此插件安装、启用。

WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)

2. 进入 WordPress 管理后台–>外观–>菜单,选择需要添加个性图标的菜单项,在 CSS 类中添加字体对应 CSS 类。如下图:

WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)

注意事项

1. 如果看不到图中红框标示的 CSS 类,则需要在 WordPress 管理后台右上角“显示选项”处打开“CSS 类”选项。如果不能打开“显示选项”,首先检查自己 WordPress 版本是否为 4.2 版,4.2 版有不能打开显示选项的 BUG,解决方法见此处:

WordPress 升级 4.2 版后,后台显示选项无法开启的解决方法

2. 红框中 CSS 类框的图标对应值,可在 Font Awesome 的icons 页(点击进入)找到。点击对应字体,即可查看,如下图:

WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)

在 CSS 类文本框中填入对应红框中双引号内值。如此图中的,就填 fa fa-adjust 即可显示上方字体图案。

而我们想要更多的图标,就需要到官方的图标库里面去查找了:

http://fortawesome.github.io/Font-Awesome/icons/

找到自己中意的图标后,点击打开即可得到相应的标签 class 了!


版权声明:本站所有文章和资源使用BY-NC-SA协议授权发布 , 转载应当以相同方式注明文章来自“SeaOMC.COM->WordPress 实用插件-Font Awesome 4 Menus 插件(个性图标字体)!在下边可以分享本文哦!
喜欢 (0)
[]
分享 (0)
奇跡の海
关于作者:
一个WordPress菜鸟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址