先看一下效果吧,我的博客网站的导航菜单前面都有一个小图标,让导航更加生动一些。比如“旅行志”加个飞机图标,“瞎掰的”前面加个咖啡图标,是不是很有趣?
由于我把网站改版了,而且也不再使用wordpress的程序,没有了那么多花里胡哨的东西,所以把小图标也去掉了,但是此文章仍然对wordpress有效。
如何给wordpress导航加图标
先给出两个网站,Font Awesome是为Twitter Bootstrap设计的图标字体。通过Web Font的方式来显示一些图标,而且很方便去调用它们。
http://www.bootcss.com/p/font-awesome/ https://fontawesome.com/icons?d=gallery
每个图标都有一个名字,比如某个图标的名字是“icon-desktop”,那就在导航菜单文字的前面加上<i class="icon-desktop"></i>,这样就出现了一个电脑图标。
有问题可在下方评论留言,或关注“大超小志”微信公众号留言。
标签: Bootstrap Font Awesome wordpress
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
留言评论
如需留言或评论,请在微信中打开此页面。