一为导航(OneNav主题)添加网址模块“精简/详细”功能教程

一为导航(OneNav主题)添加网址模块“精简/详细”功能

一为导航(OneNav主题)是一款功能强大的WordPress主题，它提供了丰富的自定义选项和模块，可以帮助用户轻松打造个性化的网站。网址模块是一为导航主题的重要功能之一，它可以帮助用户展示各种链接和网址。本教程将介绍如何在一为导航主题的网址模块中添加“精简/详细”功能，以便根据用户需要展示不同风格的链接模块。

废话不多说先看效果图！

效果图

默认设置必须，否则无法生效！

“主题设置” > “内容设置” > “网址设置” > 首页网址卡片样式  设置为  中（如图）

步骤一：登录WordPress后台

登录您的WordPress网站后台。

步骤二：进入一为主题设置添加相应代码

• 首先，在WordPress后台，找到【外观】>【主题文件编辑器】
• 选择要编辑的主题：【Onenav】
• 在【templates/header-banner.php】中第90行<!-- 一言 end --> <?php } ?>后面，添加按钮代码。
• 点击【更新文件】

<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>

• 然后，在WordPress后台，找到一为导航的 【主题设置】 > 【添加代码】 选项，进入一为主题的设置页面分别添加以下CSS和JS代码。

隐藏内容！

微信扫描二维码或搜索【趣搜呀】小程序，输入【16931】获取查看密码！
密码验证后才能查看！

提交

步骤五：保存设置并预览

完成设置后，点击保存。

接着，您就可以在网站前台预览您的网址模块，查看【精简/详细】功能是否已成功添加。

如遇点击无效果，请清理缓存、Ctrl+F15刷新网页

如果你安装了子主题，可以把CSS和JS添加到相应文件中！