文章內容

巔云自助建站系統企業全能版H5可視化拖拽功能升級使用說明
作者:admin | 時間:2020-06-03 19:09:10

增加快捷鍵說明:

左鍵-------------拖動模塊位置

右鍵-------------功能菜單(復制、刪除,背景設置,區域設置等),模塊和區域都支持。

雙擊-------------打開模塊設置面板,如是文字模塊將被激活,在頁面上直接可編輯(僅文字),不會破壞樣式。

增加-------------“+”號按鈕可彈出增加模塊面板,拖動模塊到頁面任意位置,再細調拖動位置、雙擊該模塊即可設置。

多選-----------在區域內框選可多選模塊,進行批量對齊排版(以最左邊模塊為基準)。鍵盤上Shift鍵+左鍵點選也可多選,彈出設置屬性面板中:長,寬,Z,X,Y五項統一。

撤銷-----------排版后臺右上方功能按鍵,Ctrl+z快捷鍵。

恢復-----------排版后臺右上方功能按鍵,Ctrl+y快捷鍵。

區域-------------網頁可分為頭部全屏區(紅線外),頭內容區(紅線內),中全屏區(紅線外),中內容區(紅線內),底全屏區(紅線外),底內容區(紅線內),均可插入模塊,及背景設置。

功能------------屏幕左上分別進入PC,手機,平板排版模式及公眾號,小程序排版,撤銷,恢復,語言切換,頁面切換等。

規則-----------系統分為管理設置后臺(欄目設置,系統設置,產品,文章,語言包等)和排版后臺(管理設置后臺設置好后再進入排版后臺,用模塊化調用管理設置后臺你設置的數據,靜態圖/文類可直接設置除外)。

標尺-----------點擊系統上或右標尺并拖動即可拖出一條參考線,輔助設計定位對齊。

排版技巧:

1、拖拽-----------拖動圓點調整模塊大小時,當接近紅色邊線或其它模塊時,盡量放慢速度,讓鼠標控制在模塊邊框及以內。

2、兼容性-----------系統后臺排版部分功能在360極速模式下會更好使用,或者采用Google Chrome瀏覽器,不建議IE或低版本

3、拼圖式-----------模塊可重疊擺放,雙擊或右鍵菜單設置Z值。z大將顯示在最上層。全屏區內模塊Z值設置為大于0時浮出紅線框上可更方便拖動,否則需在紅外區外選擇該類模塊。

4、共享-------------雙擊設置面板-屬性面板里,共享可將當前模塊應用于所有頁面,頭部底部風格統一必備。

5、一級標題-----------模塊邊框標題,樣式面板里預設邊框后,需改標題請點擊屬性面板欄設置。

6、二級標題----------導航二級菜單,產品文章標題。

7、模塊鏈接----------雙擊屬性面板,模塊鏈接,用于按鈕跳轉,文字編輯器中選中文字也可加鏈接。文字編輯器上邊HTML字樣圖標開啟進入HTML代碼編輯模式,設置好后再次點擊即可切回普通模式即可。

8、系統網址----------系統欄目,產品分類,文章分類,文章詳情等都有實際網址,請打開鏈接后在瀏覽器地址欄獲得網址如:http://www.xxx.com/p120.html,系統內部使用時我們可以直接使用:/p120.html即可。

9、多國語----------在管理后臺語言設置好后,在網頁上增加語言切換功能入口,再編輯好所有語言版本頁面

10、系統設置----------包括網站名即公司名,電話,開啟QQ客服+系統設置增加客服號碼自動在網頁中顯示、站標,網頁統一背景等。

11、html代碼插入----------頁面增加HTML模塊(支持插入所有HTML元素結構script,html,css)除BODY,HEAD,TITLE外(因為網頁本身已經有了)。均在BODY前,HEAD后,如需插入HEAD前請在管理后臺系統設置里HEAD驗證輸入框放代碼。

12、響應式----------在電腦版排好之后,同一網頁不同狀態下分別設計模塊大小,位置。響應式重在取舍刪除、模塊位置、大小。自定義元素盡量使用百分比大小及定位。

13、小程序生成----------排版后臺左上小程序圖標進入排版編輯后,修改源碼包里的接口地址即可上傳。

14、模塊飄浮----------模塊設置面板中樣式設置中可設置

15、頭部固定----------全屏頭部紅線外背景設置中,頭部固定項

16、背景固定----------模塊背景設置中圖片上傳后支持設置為固定不與屏幕一起滾動。

17、模塊關聯----------將塊與塊關聯,將鼠標事件在當前塊后,對關聯塊產生動作,如鼠標移入當前塊切換顯示關聯塊。

18、保存/備份---------設置網頁排版大部分功能是在你本地瀏覽器上操作,請及時保存操作,有規律備份是數據安全的保障(管理設置后臺備份恢復)。

功能截圖