念念不忘
必有回响

WordPress的Dux主题添加导航菜单字体图标小技巧

之前看一些大佬的博客首页界面很漂亮,无奈技术不到家,只能一点一点去模仿修改,就从导航菜单前的字体图标开始,添加完字体图标就发现其实很简单。回顾下…

第一步打开后台 外观-菜单-网站导航:

Wordpress的Dux主题添加导航菜单字体图标小技巧

第二步:在导航标签的名称前添加字体图标代码,代码中 fa fa-snowflake-o 代表字体图标,更多字体图标可以到font-awesome官网查看,如下图

Wordpress的Dux主题添加导航菜单字体图标小技巧

第三步:选择一个喜欢的字体图标,然后复制<li>~</li>的之间的代码,粘贴到后台导航菜单字体前就能看到效果。

Wordpress的Dux主题添加导航菜单字体图标小技巧

第四步:点击保存打开前台就能看到效果

Wordpress的Dux主题添加导航菜单字体图标小技巧

回顾下,小结,mark一下…

 

 

赞(0) 打赏
未经允许不得转载:小蚁上树 » WordPress的Dux主题添加导航菜单字体图标小技巧
分享到: 更多 (0)

评论 抢沙发

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