WordPress博客如何给导航前面添加图标图文教程

首先,博客启用的是奥森图标,不是图片,其实我也不知道这是什么插件,总之比图片好用就是了,我的博客都已经集成奥森图标的插件了,只需要到导航栏添加图标代码即可,登录网站后台,找到模块管理,导航栏,然后找到“正文”这里就是我们所能见到的导航栏的代码,说是代码其实就是简单的文本链接,修改如下。

第一种:图片中的就是奥森图标的代码,直接添加在导航名前面就行了。如图;

<i class="fa fa-home"></i>注释:fa fa-home 是图标,随意可换。

第二种:图片中的就是奥森图标的代码,直接添加在导航名前面就行了。如图;这个代码是给图标添加色彩更加好看;

<class="fa fa-home" style="color:#81d742"></i>注释:fa fa-home 是图标,随意可换,#81d742 是图标颜色,随意可换。

图标大全点击传送门进入挑选,也可以在菜单图标{新增图标}里面直接添加保存或者找图标代码名称。

 


多多源码 » WordPress博客如何给导航前面添加图标图文教程

发表回复

鼠标悬停颜色改变 实例 css5.com.cn