DUX大前端主题 菜单栏添加导航菜单字体图标方法

很多朋友刚刚接触大前端Dux主题的时候,想要在短时间内折腾出一个漂亮大气的网站博客,也并不是那么容易,因为大前端Dux主题的功能真的很多很多,你自己都不知道从那里下手。今天老文跟小伙伴们说说大前端Dux主题如何添加导航菜单字体图标,Dux主题是默认加载font-awesome(字体图标),只要我们在菜单名称前添加字体图标的代码就可以了。

大前端Dux主题如何添加导航菜单字体图标具体方法

第一步,进入菜单管理界面,“外观”–“菜单”,展开一个菜单,如下图

DUX大前端主题 菜单栏添加导航菜单字体图标方法

第二步,在导航标签的名称前添加字体图标代码,<i class="fa fa-home"></i>,代码中fa fa-home代表字体图标,更多字体图标可以到font-awesome官网查看,按图一修改即可。

关于DUX大前端主题 菜单栏添加导航菜单字体图标方法的相关内容;如有侵权,请联系老文删除。

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
老文的头像老文
上一篇 2021年9月28日 下午2:21
下一篇 2021年10月8日 下午4:32

相关推荐

  • WordPress网站设置部分文章内容评论/回复后可见

    如果我们希望隐藏文章部分内容,需要用户评论可见 、回复可见,那么今天这篇WordPress教程文章就刚好适合你。 这个功能实现起来很容易,而且可以提高用户积极性,是一个非常不错的功能。 下面是主要的核心代码。 //WordPress实现文章部分内容评论后可见 function reply_to_read($atts, $content=null) { ext…

    2021年9月4日
    688
  • HTML如何实现页面自适应,适配手机屏幕尺寸

    之前帮别人把 PC 站改成自适应,由于很久没有写过了,有些地方也需要查查资料,页面自适应主要用于响应式站点、手机移动端 app 较多,最重要的就是 css 样式,要注意细节不断尝试,需要熟练掌握!   1、首先在网页代码的头部,加入一行viewport标签 在网页的头部中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度 <meta na…

    2021年8月25日
    1.0K
  • 如何为WordPress设置自定义静态首页?

    首先我们设置一个php文件,文件名和代码都可以自定义,如show.php及下方代码为例: 代码语言:javascript 复制 <!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8…

    2024年7月31日
    321
  • 数据库MySQL服务状态经常崩溃停止,一个自动化命令就可以解决

    我们建站的时候经常会碰到数据库崩溃停止的情况,可以使用 Shell 脚本来检测 MySQL 服务状态并在需要时重启它。以下是一个简单的 Shell 脚本示例,它会检查 MySQL 服务是否运行,如果服务停止,脚本将尝试重启服务。   通用方案 编写脚本:创建一个脚本文件,例如 restart_mysql.sh,并编写以下内容: 代码语言:bash …

    2024年7月31日
    367
  • WordPress禁止右键防复制插件 WP-CopyRightPro

    WordPress禁止右键防复制插件 WP-CopyRightPro 是一款功能非常强大的 WordPress 版权保护插件,它能在一定程度上阻止您 WordPress 站点的内容被复制。通过该插件能有效地防止WordPress 博客中的文章内容被复制,但是不是百分之分防止,大概90%防复制。该插件的功能有:禁止选择文本内容、禁止在WordPress 使用右…

    2021年10月8日
    449