隱藏模塊

功能作用

• 實現響應式建站針對部分設備隱藏某些模塊，達到頁面精簡美觀；也可實現電腦和手機版展示不一樣的頁面。
  
  

一、 隱藏設置的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 完成後預覽的手機效果：

• 這樣就可以實現電腦版和手機版響應出來的頁面展示效果不一樣。