一为导航(OneNav)侧边栏主菜单隐藏美化教程

一为导航(OneNav)侧边栏主菜单隐藏美化教程

在优化和个性化WordPress网站的过程中，你可能需要对特定区域进行调整，例如在一为导航（OneNav）主题中，有时希望将侧栏主菜单彻底隐藏以实现更简洁的布局效果。那么就需要通过修改CSS来实现此功能。【仅支持4.x版本主题，目前5.x版本已不适用】

效果图

步骤1：查找侧栏主菜单对应的HTML元素

首先，你需要找到侧栏主菜单在HTML中的class或ID名称。通常，这可以通过浏览器开发者工具（如Chrome DevTools、Firefox Developer Edition等）来完成。打开网页，右键点击你想隐藏的侧栏菜单，选择“检查”或“Inspect”，你会看到相应的HTML元素及其类名或ID。

可见，一为导航自带的伸缩侧栏主菜单的容器div的class是 `.mini-sidebar`进行控制的，那么我们只需要更改其CSS属性即可。

步骤2：编写CSS样式隐藏侧栏主菜单

在你的WordPress主题的自定义CSS区域（如果主题支持的话，一般在外观->自定义->额外CSS），或者在主题的style.css文件中添加以下CSS代码来达到隐藏侧栏主菜单

隐藏内容！

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

提交

这段代码会使一为导航(OneNav)侧边栏主菜单隐藏。