WordPress主题导航菜单添加个性图标字体

目前wordpress程序的个性图标字体非常流行,很多网站都使用了个性导航小图标,达到了美观的效果。个性图标字体使用非常简单,图标支持视网膜显示,可以无限放大。为导航菜单上的栏目配上个性化的图标字体,给整个网站增加了视觉效果。

WordPress主题导航菜单添加个性图标字体

添加网站个性图标的具体方法如下:

1、WordPress后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。

2、打开图标字体官网,找到我们网站所需要的图标,然后记录复制下来,比如情义SEO首页导航图标的名称是home,那么我们就需要在菜单CSS类中输入fa fa-home就可以了,其他图标也是同样的办法(也可以直接点击该图标后在出现的页面中的复制fa fa-home)。

WordPress主题导航菜单添加个性图标字体

WordPress主题导航菜单添加个性图标字体

3、WordPress后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入我们刚才记录下来的图标字体名称(如首页就输入fa fa-home),保存即可。

WordPress主题导航菜单添加个性图标字体

这个图标字体并不局限于只使用在导航菜单上,如情义SEO网站底部显示的个性图标,测试证明只要把相对应的图标代码加到主题模板的相应位置,也同样可以显示。

预见

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:1   其中:访客  1   博主  0