oeu博客
oeu博客

WordPress为导航栏添加个性图标

前言

博客的导航前面没有一点儿的装饰是不是很枯燥,一栏的文字让用户或读者看着也有点心烦,为自己的博客导航栏加上个性的图标可以使页面更加人性化,从而使得不再枯燥单一。

介绍

Font Awesome是为Twitter Bootstrap设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可以被任意缩放、改变颜色,你需要做的只是像修改文字样式那样修改图标样式。

方法

首先进入fontawesome.io,然后在里面找到你想要的图标,然后单击进入,然后复制<i>标签的代码。

WordPress为导航栏添加个性图标

接着进入你的后台,在外观->菜单里面找到你要进行添加的菜单,然后在导航标签的文字前面加入刚才那一段<i>标签代码,然后保存,刷新一下即可看到。

WordPress为导航栏添加个性图标

后记

如果你添加进行无法使用,可能是你的主题集成这个图标的LESS或CSS,具体的可以参考官方的说明进行添加。 [dm href=’http://www.bootcss.com/p/font-awesome/’]Font Awesome, 为Bootstrap而创造的图标字体[/dm]  

没有标签
首页      心得      WordPress为导航栏添加个性图标

发表评论

textsms
account_circle
email

oeu博客

WordPress为导航栏添加个性图标
前言 博客的导航前面没有一点儿的装饰是不是很枯燥,一栏的文字让用户或读者看着也有点心烦,为自己的博客导航栏加上个性的图标可以使页面更加人性化,从而使得不再枯燥单一。 介绍…
扫描二维码继续阅读
2021-04-18