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

相关推荐

  • 自动将文章中的链接转为超链接

    最近在做一个论坛系统,使用了一下代码作为正文展示: 代码语言:javascript 复制 <div class=”article-content”> <?php echo $article[‘content’]; ?> </div> 这里用到的样式是“article-content”所以我直接在JS中对这个元素进行处理即可…

    2024年7月31日
    285
  • 查询自己名下或者公司名下有几个腾讯云账号的方法

    很多个人或者公司为了获得新客户的优惠政策,往往会注册很多腾讯云账号,有时候时间久了,自己究竟有几个腾讯云账号都不记得了。很多人不知道从什么地方去查自己到底有几个账号,那么今天分享一个方法给大家。 大家可以打开下方的连接,然后填入自己的认证信息,就可以查到了。 https://cloud.tencent.com/account/recover 第一步输入你的个…

    2023年10月8日
    579
  • WordPress 使用 ElasticSearch 搜索方法

    众所周知,ElasticSearch (下文简称ES)是一个相当牛逼的全文搜索引擎,对接它以后,WordPress 的搜索也能变得更智能更优秀,此文章将介绍如果用最简单的方法部署一个 ES 服务器并对接到 WordPress 网站。 主注意:ES 是个吃性能的怪兽,不太建议内存<4G的服务器安装之。 一、安装 Podman 容器管理器 为了便于维护以及…

    2022年4月13日
    1.0K
  • HTML如何实现页面自适应,适配手机屏幕尺寸

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

    2021年8月25日
    1.0K
  • WordPress网站标题的分隔符-被转义为&#8211的解决办法

    最近不少用户给我反馈在使用WordPress主题时,在SEO设置中的分隔符自定义成英文特殊字符横杠”-“后,会被转义成HTML字符&amp;#8211 原因是这一切都是WordPress想的太过周到的锅,默认情况下,它会调用函数wptexturize来执行这个转换。 解决办法1:停止使用wptexturize转义任何字符 ad…

    2021年11月7日
    786