雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

鼠標 科技 朱鸝 2017-05-24

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

一個網站內包含很多模塊與內容,在建站的時候靈活的調整頁面版式,網站的佈局會出現不同的視覺與體驗效果,在雲翼建站頁面建站時,你可以使用以下幾種方法,實現靈活的頁面佈局。

方法1:使用“自由版式”設置頁面佈局

在建站時,在“頁面版式”一欄除了8種標準的固定版式可供選擇外,還能使用“自由版式”,實現網站不同板塊的自由增刪。

具體操作:登錄賬號---管理企業網站---網站設計---頁面版式,選擇“自由版式”在模擬圖中,點擊數字板塊可直接增刪該區域,綠色區域表示為已選區域,網站的模塊可置放於這些已選區域,如圖:

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

方法2:直接拖動現有的模塊

除了使用“自由版式”改變頁面佈局外,也可以直接拖動現有的模塊,讓模塊動起來,隨意擺放來調整頁面佈局。

具體操作:把鼠標移動到想要移動的模塊右上角,當出現灰色十字型按鈕時,可拖動模塊至你需要的位置,或拉動模塊邊框來調整模塊的大小尺寸。如圖:

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

方法3:使用“模塊列”模塊,實現多列自由排版

當出現多個模塊需要並列排版的時候,可以使用“模塊列”模塊,實現模塊排版上的並列效果。

具體操作:

(1)進入網站,點擊網站頁面上的“模塊”按鈕,網頁側邊出現側拉欄目,點擊“排版”,根據需要選擇模塊,例如這裡選擇一個“多列排版”,如圖:

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

(2)選擇後,可以選擇需要幾列排版,例如選擇“二列排版”,把想要添加的模塊,拖動放置想要模塊列上,如圖:

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

雲翼建站企業網站教程六:如何實現更靈活的頁面佈局

相關推薦

推薦中...