怎么给wordpress的导航加个小图标

大超

先看一下效果吧,我的博客网站的导航菜单前面都有一个小图标,让导航更加生动一些。比如“旅行志”加个飞机图标,“瞎掰的”前面加个咖啡图标,是不是很有趣?

由于我把网站改版了,而且也不再使用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

留言评论

如需留言或评论,请在微信中打开此页面。