ONE NAV一为导航美化-添加网址模块“精简/详细”功能模块美化:24-08-16

前言:

为了COOL全能导航网的美观

演示效果:

02213b48c9afd043f0f0ec327372cc55-2

0c205c9d7694e990e428b3465a1024f3-1

安装教程:

第一步:

进入 wordpress 后台---主题设置---内容设置---网址设置---首页网址卡片样式  设置为  中(如下图)

这一步其实不修改其实也没问题,但是此模式适配度最高的

image.png

 

第二步:html 代码添加路径:

  1. 找到onenav主题模板目录路径:【/wp-content/themes/onenav/templates/header-banner.php】打开
  2. 在【templates/header-banner.php】中第 90 行【<!– 一言 end –> <?php } ?>】后面,添加代码。
  3. 下载我提供的代码上传到 onenav 主题目录下
  4. 最后的 css 和 js 文件路径,你们可以上传之后直接使用不用修改,有需求的可以自行修改路径
<!--添加网址模块“精简/详细”功能开始-->
<div class="concise-btn custom-piece_c_b" id="reduced-mode">
<span id="cur_jj" class="s">精简</span>
<span id="cur_xx" class="s">详细</span>
</div>  
<link rel="stylesheet" type="text/css" href="/wp-content/themes/onenav/mizhi_ui/reduced-mode/reduced-mode.css">
<script src="/wp-content/themes/onenav/mizhi_ui/reduced-mode/reduced-mode.js"></script>
<!--添加网址模块“精简/详细”功能结束-by -->
  • 找不到的话看下图

2be2d67d71caae174d535d6c03ce4a9f-2

代码下载地址:

 

 

收藏
资源下载
抱歉,下载地址 评论 后刷新可见

发表评论

欢迎 访客 举举你的小爪爪吐槽吐槽吧QwQ

51分享网

一个令你着迷的资源分享站!

立即注册 VIP特权
我的足迹清空