zblog移动端侧边栏隐藏设置方法 新手也能一步完成的操作教程

很多用zblog搭建个人博客、资讯站的朋友都会遇到一个问题：PC端用侧边栏放导航、热门推荐很合适，但移动端屏幕小，侧边栏挤在一起既丑又影响内容阅读，拖慢加载速度还拉高跳出率。本文整理了新手也能看懂的两种操作方法，不管你用的是自带功能的热门主题，还是小众自定义主题，都能轻松搞定，接下来一步步讲清楚操作细节。

不用改代码：主题自带的zblog移动端侧边栏隐藏设置方法

现在市面上绝大多数热门zblog主题，不管是免费还是付费的，都已经预埋了移动端布局的开关，不用碰代码就能直接设置，新手优先用这个方法，不会改坏网站。具体操作步骤也非常简单：

• 登录你的zblog网站后台，找到左侧导航栏的「主题管理」，点击当前启用主题的「主题设置」按钮
• 在设置页找到「移动端设置」「布局设置」或者「外观设置」分类，大部分主题都会把侧边栏控制项放在这个分类下
• 找到「是否启用移动端侧边栏」这类选项，勾选关闭后点击保存设置，刷新移动端前台就能看到效果了

这种方法不会动主题核心文件，后续主题升级也不会失效，是最省心的，也是最推荐大家优先试的zblog移动端侧边栏隐藏设置方式。

主题无自带开关？代码修改实现隐藏

如果你用的是比较小众的自定义主题，找不到现成的开关也不用慌，只需要加几行CSS代码就能搞定，操作难度也很低，不用懂复杂的开发知识。

最安全的操作方式：加自定义CSS

现在几乎所有zblog主题都自带「自定义CSS」输入框，不用修改主题原文件，升级主题也不会丢失代码，具体操作如下：

1. 依旧是进入当前主题的设置页，找到「自定义代码」「自定义CSS」入口
2. 把下面的代码复制粘贴进去，替换成你自己主题侧边栏的选择器即可

``` @media only screen and (max-width: 768px) { / 把sidebar换成你自己主题侧边栏的ID或类名 / sidebar {display: none !important;} } ```

不知道侧边栏选择器是什么的话，用浏览器打开网站，右键点击侧边栏选择「检查」，就能看到对应的类名或者ID了，照着填进去就行。这种改CSS的方法适配所有zblog主题，是通用性最强的zblog移动端侧边栏隐藏设置方案，就算是新手跟着操作也不会出问题。

隐藏侧边栏后要注意这两个细节

很多站长改完之后就不管了，其实有两个小细节调整一下，能让体验好很多：

• 调整主内容区宽度：隐藏侧边栏之后，原来给侧边栏留的位置会变成空白，记得给主内容区加CSS把宽度改成100%，铺满整个移动端屏幕，阅读体验会好很多
• 保留核心导航功能：如果侧边栏有分类导航、热门文章这类常用功能，别直接全砍了，可以改成移动端底部导航或者抽屉式侧边栏，不占地方还能方便用户跳转

对于大多数做内容的zblog站点来说，移动端流量占比早就超过PC端了，做好zblog移动端侧边栏隐藏设置反而能提升内容阅读体验，降低页面跳出率。

其实现在做站点，很多人都喜欢堆很多功能在页面上，觉得内容越丰满越好，但实际上移动端用户要的就是快速读到内容，少一点冗余的模块，反而能让用户停留更久，小的布局调整带来的收益，往往比折腾很多花里胡哨的功能要实在得多。