首页 > 编程源码 > zblog怎么在移动端显示/隐藏侧栏模块

zblog怎么在移动端显示/隐藏侧栏模块

楼主:Evil son [1级] · 2020-4-9 ·  浏览1219 · 编程源码 · ID:

关于zblog主题模板手机移动端针对不同主题采用了不同的方案,有些是默认显示,有些不显示侧栏,总归没有一个完美的解决方案,所以今天就抽空水一篇文章,教大家怎么显示或者隐藏侧栏模板的内容。宁静致远主题没有侧栏,所以我们以这个主题模板为例,表演开始。。。

- 版权声明 - 1、本帖所有言论和图片等纯属网友个人意见,与流星社区立场无关;
2、其他单位或个人使用、转载或引用本帖时必须同时征得该帖子作者Evil son流星社区的同意;
3、备注原文地址:https://bbs.liuxingw.com/t/26271.html,可忽略第2条;
4、帖子作者需承担一切因本文发表而直接或间接导致的相关责任;
5、如本帖内容或部分内容转载自其它媒体,这并不代表本站赞同其观点和对其真实性负责;
6、如本帖若为资源类,将仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您安装或使用的设备中彻底删除上述内容;
7、如果您喜欢该程序,请支持正版软件,购买注册,可以得到更好的正版服务;
8、如本帖侵犯到任何版权或违法问题,请立即邮件告知我们,我们将及时予以处理。
15条回复 |  最后回复于2020-4-9

灵帝 [2级]

[大拇指]
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

1.首先打开谷歌浏览器(QQ/搜狗/360浏览器高速模式下也行),然后网页空白处单击鼠标右键,点击“检查”如图(其他浏览器可能叫“审查元素”),或者适用快捷键“F12”。
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

2.然后在网页底部会演出一个状态栏,点击左侧“手机”图标,不知道是什么的看图
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

3.然后整体布局发生改变,嗯嗯,这个图标的意思就是模拟手机端,然后在最右侧,点击“三个点”,然后点击最右侧图标”不懂看图
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

4.页面再次变动,变为竖屏,顶部可以调节像素尺寸
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

5.部分网站可能开启了“屏蔽F12”的功能,也就是开发者模式(检查,审查元素之类的名),无法查看具体元素,教你们一个办法,打开百度,按照如上操作,然后点击网址,换成被屏蔽开发者模式的网站就可以了。所以嘛,那些一直喜欢屏蔽F12的人,真的想不明白,意义何在;鸡肋的代码,一点作用没有,然后下一步,之前是准备工作,下边才是重点。
首先我们把页面滑动到最下面,然后点击鼠标图标如图,然后在页面随意滑动,右侧就会显示对应的模块代码,比如图中的主题DIV模块,因为主题模板已经隐藏了侧栏,所以找不到具体的元素值,然后我们在主题模块下查看其他模块
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

6.鼠标滑动右侧模块,左侧就会显示对应的模块
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

7.看到这里我们应该知道侧栏是哪个了,就是“side fr”这个DIV,这个慢慢找总能找到,侧栏的命名一般也都是sidebar之类的,直接找到就行,然后查看代码:如图,side模块在屏幕像素小于999px的时候就被隐藏了
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...

Evil son [1级]

8.这时候我们点击右侧加号,会自动新建一个css
发布于2020-4-9

回复列表

  • 内容加载中...

说点什么...
登录注册 后才可进行评论
签到
36人签到
已签0天
  • 46770帖子
  • 1939011热点量
  • 185970火热值