隐藏模块功能

隐藏模块

功能作用

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

一、 隐藏设置的2种方式

1.1、分栏隐藏：（整个分栏的内容都隐藏）

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

2）跳出选择要隐藏的设备：（可勾选整栏隐藏，或可单选某一栏，灰色表示隐藏）

2.2、模块隐藏

1）登录网站编辑页面——鼠标移到需要隐藏的模块——（例如需要隐藏PC端的模块，在PC端编辑页面选择要隐藏的模块，点眼睛即隐藏，手机端同理）

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

二、如何还原显示已隐藏的模块

• 编辑页面——勾选左上角菜单——显示隐藏模块
  
• 找到之前隐藏过的闭上眼睛的模块——点击眼睛——即可还原显示模块
  

• 手机端同理：
  

三、如何利用隐藏模块功能，实现PC跟手机显示不一样？

• 例如：PC上设计好效果：
  

• 响应到手机上的效果不理想：
  

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

3.1 切换到手机端编辑页，把三个文字模块隐藏手机端

• 隐藏后效果：
  

3.2 在手机端分别重新添加模块，为手机端做出理想效果

• 添加后的效果：
  

• 同时刚手机端添加的模块也会响应到PC端：
  

3.3 再到PC端的编辑页面，把刚响应过来手机端的内容隐藏

3.4 完成后预览的PC效果：

3.5 完成后预览的手机效果：

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