欢迎访问广州微梦信息科技有限公司

帮助中心

隐藏模块功能

一、隐藏模块功能和作用


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





二、 隐藏设置的2种方式



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

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


lsdfkie (1).jpg



2)跳出选择要隐藏的设备:(可勾选整栏隐藏,或可单选某一栏,灰色表示隐藏)



lsdfkie (2).jpg




2.2、模块隐藏

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


lsdfkie (3).jpg


lsdfkie (4).jpg


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




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

编辑页面——勾选左上角菜单——显示隐藏模块

找到之前隐藏过的闭上眼睛的模块——点击眼睛——即可还原显示模块


lsdfkie (5).jpg




lsdfkie (6).jpg




手机端同理:


lsdfkie (7).jpg


lsdfkie (8).jpg





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


例如:PC上设计好效果:


lsdfkie (9).jpg


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


lsdfkie (10).jpg





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


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


lsdfkie (11).jpg


隐藏后效果:


lsdfkie (12).jpg






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


lsdfkie (13).jpg


添加后的效果:


lsdfkie (14).jpg


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

<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; border: none; color: rgb(51, 51, 51); font-family: "He

QQ咨询

联系QQ:2261589765

在线沟通
服务时间:9:00-18:00

电话咨询

联系电话:400-888-12349

020-28185650
7*24小时客服服务热线

微信咨询

微信扫一扫

留言咨询

返回顶部