編輯器基本功能介紹

本文為編輯器的基本功能介紹

1.頁面編輯的架構:一個完整的頁面是由多個 “Container”所組合而成

  • Container 中可再加入Container,將一個區塊區分成好幾個區塊

  • Container 中也可再分別加入需要的物件元素(鉛筆編輯圖示)

2.如何新增空白區塊:

  • 點選粉色 “+” 圖示,新增 Container 即可

  • 點選新增 Container 後,下一步驟即會讓您選擇區塊樣式。
    選擇後若要增減區塊數量,可將滑鼠移至該區塊,並點選右鍵進行”再製”或”刪除”


  • 加入 物件(element):請點選左方功能列的”九宮格”圖示,並選擇要使用的元素後,再以滑鼠拖曳至其包含的 Container 區塊中即可

3. Container 功能設定:
點選要編輯的 Container 區塊後,左方功能列即會出現該區塊類型可設定的功能項目

  • 版面配置:主要調整寬度、Container排序方向、對齊等功能

  • 樣式:設定該區塊類型之背景,或區塊內的色彩相關設定

  • 進階:設定區塊邊界、邊框間距等


*當設定邊界或邊框間距時,紅框標示的”將值連結在一起”之鎖定按鈕其預設狀態為開啟,此時若進行設定上下左右都會同步連動。若只要單獨設定其中一個項目,請先點選一下鎖定按鈕即可解除,並可進行單一項目的設定。

4.物件(element) 功能設定:
點選要編輯的物件後,左方功能列即會出現該物件可設定的功能項目

  • 內容:主要設定該物件的顯示內容

  • 樣式:依照不同的物件功能,設定其樣式相關項目(例如:顏色、尺寸)

  • 進階:設定區塊邊界、邊框間距,及背景顯示等

5.常用功能操作:

  • 複製區塊/物件:滑鼠先點選該區塊/物件,再按右鍵選擇”再製”


  • 刪除區塊/物件:滑鼠點選該區塊/物件,再按右鍵選擇”刪除”


  • 移動區塊/物件:滑鼠點選該區塊/物件,再使用滑鼠拖曳至指定位置

  • 儲存頁面:當編輯頁面後,請記得點選”更新”來存檔現有頁面

返回頂端