| 
 | 
阿里云免登
腾讯云免登
 | 
 | 
有问必答
帮助中心
 | 
备案服务
 | 
独立后台
付款方式
 | 
网站管理
您好,欢迎来到五叶草互联,让云服务更有价值,提供有温度的服务。
隐藏模块功能

功能作用:实现响应式建站针对部分设备隐藏某些模块,达到页面精简美观;也可实现电脑和手机版展示不一样的页面。


隐藏设置的2种方式

一、分栏隐藏:(整个分栏的内容都隐藏)

1)登录网站编辑页面——鼠标移到需要隐藏的分栏——点隐藏:

2)跳出选择要隐藏的设备:(橙色表示显示,灰色表示隐藏)

3)切换到平板和手机版看到PC站的整个分栏内容,在手机上已隐藏:

注:提示有隐藏分栏这个框只在编辑的情况下看到,正式网站是不会显示。



二:模块隐藏:(只隐藏指定的模块)

1)登录网站编辑页面——鼠标移到需要隐藏的模块——选择要隐藏的设备:



2)切换到手机版看效果:



如何利用隐藏模块功能,实现PC跟手机显示不一样?

例如:

PC上设计好效果:


响应到手机,文字太长导致页面效果不佳:

需要把手机的文字整改,但不能在手机直接修改,否则PC也会同步修改。下面需要使用隐藏模块功能实现:


1)在网站编辑页面——鼠标移到需隐藏的文字模块——选隐藏——跳出模块隐藏设置——点选手机端隐藏

2)三个文字模块都隐藏后,切换到手机只显示三个图标,文字隐藏了:


3)在手机版为手机添加新的精简文字:(左侧模块,拖动文本图片模块到对应图标分栏下方,再编辑对应文字)


4)添加成功后手机显示合适,但添加后会同步到PC端


5)此时需要到PC上隐藏刚才手机添加的精简文字模块——设置电脑、横向平板及平板隐藏(因为此精简模块我们只需要显示在手机端)

6)完成后可查看效果:PC是原来的样子,手机就独立做出精简的效果


这样就可以实现电脑版和手机版响应出来的页面展示效果不一样。






常见问题:


1.问:为什么选择隐藏模块,切换到被隐藏的设备不会显示提示有隐藏分栏模块的灰色框?
答:提示有隐藏分栏模块是在选择隐藏整个分栏的情况下才会有提示的:如图


2.问:如果整个模块我编辑好了但是不想使用,可以将所有设备都隐藏,以后要用的时候才显示吗?
答:不能的,至少有一个设备要显示此模块。