WordPress建站实用插件推荐—Font Awesome 4 Menus 插件(个性图标字体)

avatar 2018年11月19日16:50:56 评论 3,998

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

想要实现基本的个性图标字体菜单,如本站效果这样: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. 到这里找到你需要的图标 http://fontawesome.io/icons/,比如我们要这个home图标(如下图).

WordPress建站实用插件推荐—Font Awesome 4 Menus 插件(个性图标字体)

3.找到合适的图标,点击图标后进入新页面会看到类似如下的标签,图中的i标签比较长,我们只需要提取出我们需要的部分。WordPress建站实用插件推荐—Font Awesome 4 Menus 插件(个性图标字体)

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

情况一:菜单栏中没有CSS栏.

WordPress建站实用插件推荐—Font Awesome 4 Menus 插件(个性图标字体)

情况二:菜单栏中有CSS栏. WordPress建站实用插件推荐—Font Awesome 4 Menus 插件(个性图标字体)

设置完后,请前往前端查看是否设置成功。如若失败了,请查看后台是否开启了缓存。 总结: 由于WP很多模板的导航都是封装调用,导致在代码中无法准确的找到导航修改位置。WP的好处在于插件特别多,使用插件能节省不少时间并且有效的解决问题。其次,网站的美观度是影响跳出率的致命因素,作为用户进入网站映入眼帘的导航栏,一个具有观赏价值的导航能够让用户觉得网站做的很用心,设置导航时要与网站背景色相匹配。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: