专注WordPress
主题开发与研究

wordpress主题优化:如何设置大前端Dux主题导航字体图标

wordpress主题优化:如何设置大前端Dux主题导航字体图标

大前端Dux主题默认是不带导航图标的,但dux主题是集成了Font Awesome图标,所以我们只需要在导航标签属性上加上对应的CSS样式,就能显示图标了。

对于刚接触大前端Dux主题的站友们可能还不知道怎么设置大前端Dux主题导航字体图标或者是按以前的”常用方式”在菜单css类来添加出现显示错位。博主刚开始也是踏坑,后面观察了其他使用大前端Dux主题站源码才发现跟以前“常用方式”设置有点不一样。下面就详细介绍:

导航标签的名称前添加字体图标代码<i class="fa fa-home"></i>,代码中fa fa-home代表字体图标,具体操作看下图:

PS:注意不是加在css类里面的,加在css类会显示错位。

更多字体图标到font-awesome官网查看。

赞(0) 打赏
未经允许不得转载:WP粉丝网 » wordpress主题优化:如何设置大前端Dux主题导航字体图标
分享到: 更多 (0)

评论 抢沙发

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

WP粉丝网 更专业 更方便

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏