求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

  • 验证码
    看不清?换一张
    取消
    确定

隐藏模块

深量菌 北京深量技术有限公司
发表时间: 2021-04-02

功能作用


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



一、 隐藏设置的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 完成后预览的手机效果:



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


浏览:
点赞 | 0
分享
隐藏模块
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2京公网安备11010802028442号版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.