功能作用:实现响应式建站针对部分设备隐藏某些模块,达到页面精简美观;也可实现电脑和手机版展示不一样的页面。
隐藏设置的2种方式
一、分栏隐藏:(整个分栏的内容都隐藏)
1)登录网站编辑页面——鼠标移到需要隐藏的分栏——点隐藏:
2)跳出选择要隐藏的设备:(橙色表示显示,灰色表示隐藏)
3)切换到平板和手机版看到PC站的整个分栏内容,在手机上已隐藏:
注:提示有隐藏分栏这个框只在编辑的情况下看到,正式网站是不会显示。
二:模块隐藏:(只隐藏指定的模块)
1)登录网站编辑页面——鼠标移到需要隐藏的模块——选择要隐藏的设备:
2)切换到手机版看效果:
如何利用隐藏模块功能,实现PC跟手机显示不一样?
例如:
PC上设计好效果:
响应到手机,文字太长导致页面效果不佳:
需要把手机的文字整改,但不能在手机直接修改,否则PC也会同步修改。下面需要使用隐藏模块功能实现:
1)在网站编辑页面——鼠标移到需隐藏的文字模块——选隐藏——跳出模块隐藏设置——点选手机端隐藏
2)三个文字模块都隐藏后,切换到手机只显示三个图标,文字隐藏了:
3)在手机版为手机添加新的精简文字:(左侧模块,拖动文本图片模块到对应图标分栏下方,再编辑对应文字)
4)添加成功后手机显示合适,但添加后会同步到PC端
5)此时需要到PC上隐藏刚才手机添加的精简文字模块——设置电脑、横向平板及平板隐藏(因为此精简模块我们只需要显示在手机端)
6)完成后可查看效果:PC是原来的样子,手机就独立做出精简的效果
这样就可以实现电脑版和手机版响应出来的页面展示效果不一样。
常见问题:
1.问:为什么选择隐藏模块,切换到被隐藏的设备不会显示提示有隐藏分栏模块的灰色框?
答:提示有隐藏分栏模块是在选择隐藏整个分栏的情况下才会有提示的:如图
2.问:如果整个模块我编辑好了但是不想使用,可以将所有设备都隐藏,以后要用的时候才显示吗?
答:不能的,至少有一个设备要显示此模块。