怎样为WordPress导航菜单设置图标和英文菜单

看到别人的导航菜单带有一个小图标,很是美观好看,小熊也想设置,找不到地方下手,群里问高手,慢慢发现了一个新名词Font Awesome

Font Awesome是一款很流行的字体图标工具。随着Bootstrap的流行而逐渐被人所认识,现在FontAwesome不仅仅可以在bt上使用,还可以应用在各种web前端开发中。相对于传统的使用背景图片作为图标,字体图标主要是支持自适应、可以使用字体的各种特性(比如变色、变大变小、字体阴影等)、减少数据加载、样式更容易定义等

Font Awesome样式表点击查看http://fontawesome.io/cheatsheet/

e6a3b531-6cf4-4774-b251-344f5020648e

根据样式表查找自己喜欢的图标,fa-XXX就是图标代码,喜欢那个复制出来。

<i class=“fa fa-home></i>博客<span>blog</span>  就是实现这个效果的代码,红色前半部分为图标文件,蓝色要替换成自己喜欢的图标代码,后半部分为紫色为显示英文,蓝色为替换自己的内容。

58b29431-056b-4df8-9e08-ca0fe1b60f1a

搞明白了就是这么简单,不懂确无从下手,下面就是小熊暂时搞完后的样子,有时间再美化。

4307b07c-2a03-43df-8f56-401ccb822414

很多东西,小熊搞过后,喜欢记录下来,只是方便自己以后查找资料开了方便一点。

 

本图文属小熊原创或转载整理,未经允许请勿私自转载--青州小熊 » 怎样为WordPress导航菜单设置图标和英文菜单
微信公众号:大熊正品
关注小熊服务号,小熊第一时间更新到货,分享更多好玩的东西。
211815人已关注
赞(0)

留言抢沙发

  • 昵称 (必填)
  • (邮箱) (必填)
熊店 帐户 结算 淘宝 人工