WordPress EXP
分享10年建站经验

DUX 主题如何在导航菜单和顶部菜单上添加图标

文章目录[隐藏]

虽然部分海外主题,尤其是那种特别庞大的主题,已经内置了菜单插入图标功能,但是国内的 WordPress 主题一般都没有,需要自定义代码引用来实现。比如 WPEXP & 缙哥哥的博客,使用 DUX 主题就使用<i>标签非常方便添加。

WordPress 添加菜单图标

这里以缙哥哥的博客为例,登陆 WordPress 仪表盘→外观→菜单,选择对应菜单,添加或编辑首页,菜单中的导航标签中填写:

<i class="fas fa-home"></i> 首页

这段代码可以在下图红框位置复制,至于图标后面是否使用空格隔开可以根据自己的前端界面考虑排版,其他的根据自己的需求设置,点击保存即可。

更多的免费图标可以点击下方链接移步查看:

我也要一个这样的网站

如何才能拥有一个「缙哥哥的博客」、「WPEXP」、「琅嬛福地」这样的网站?

按照《WordPress 建站指导手册》搭建好站点,并购买 themebetterDUX 主题即可。

这里国内推荐使用阿里云/腾讯云服务器;国外推荐 Vultr 服务器,配合免备案 CDN 服务商 NodeCache 加速。

赞(4) 打赏
转载请注明来源及链接:WPEXP » DUX 主题如何在导航菜单和顶部菜单上添加图标
分享到: 更多 (0)

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

支付宝扫一扫打赏

微信扫一扫打赏