Dux主题如何添加菜单图标

Dux主题如何添加菜单图标

下面来讲一下,Dux主题是怎么设置菜单的图标。

Dux主题是默认加载font-awesome(字体图标),在设置菜单的时候只需菜单名前面添加需要的图标代码就好了!

第1 进入WordPress后台管理–外观–菜单选项第2 在导航标签添加图标代码 菜单名称

Dux主题如何添加菜单图标

3.其中<iclass=”fafa-home”>是图标的代码,里面的fa fa-home是图标第3如果需要更多的图标样式可以访问 www.fontawesome.com.cn/faicons/

4. 第4 这回厉害了!图标是可以转动的,下面再看如何设置转动图标。

5. 其中 fa-spin就是可使得图标完美的转动,使用 class fa-spin 可以使任何图标执行旋转动画,使用 class fa-pulse 可以使图标以 8 步为周期进行旋转。

Dux主题如何添加菜单图标

6. 可以查看图标代码:   

7. 以上代码中的 fa-spin 可以改为 fa-pulse,同样是转动,感觉就是转动速度不一样,在某些平台和某些浏览器上执行图标动画会发生不正常的晃动,CSS3 动画不支持 IE8-IE9 浏览器。

微信公众号:rizhuti
关注我们,获取更多的全网素材资源,有趣有料!
12000人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏