元件設定

你可以在「編輯區 > 左側工具區」中，查看由 WEBA 提供的「元件」，並透過這些「元件」和其功能設定，組合出各種網頁應用。

元件分類

元件又分為四大類，分別有：內容、排版、社群和互動。

1. 內容：文字編輯器、圖片、影片、地圖、選單
2. 排版：圖示、裝飾圖案、輪播區塊、輪播圖、錨點
3. 社群：社群追蹤
4. 互動：按鈕、表單

元件通用設定

元件通用設定是指所有元件都擁有的基礎和附加設定，這類設定通常和該元件的主要功能無直接關係，設定位置則位於「右側設定區」。

A. 對齊與排序

1. 對齊：點選任一元件後，可依「元件和元件」或「元件和畫布」之間進行對齊。
2. 排序：點選任一元件後，可變更該元件的圖層排序。

B. 外觀設定

1. 絕對位置：透過調整 X 軸（橫向）和 Y 軸（縱向），或直接拖曳元件，改變該元件在畫布的顯示位置。
2. 尺寸：透過調整寬和高，或直接拖曳元件上的「控制點」改變該元件在畫布的顯示尺寸。
3. 旋轉：透過調整角度，或直接拖曳元件上的「控制點」改變該元件在畫布的顯示角度。
4. 開啟穿透：此設定僅出現於「圖片」、「圖示」、「裝飾圖案」、「輪播圖」元件。勾選開啟後，該元件將會被「穿透」，即無法被終端使用者點選。

C. 動畫設定

1. 動畫效果：共分為「強調效果」、「進入動畫」、「 離開動畫」三大分類，並提供多達 57 種動畫效果。
2. 動畫列表：顯示該元件被加上的單個或多個動畫效果，可透過下方設定產生不同的播放組合。
   1. 持續時間：透過調整秒速，影響動畫的變化速度。
   2. 延遲時間：透過調整秒速，網頁載入後動畫的出現時機。
   3. 動畫次數：透過調整次數，驅動動畫效果的出現次數
   4. 循環動畫播放列表：勾選開啟後，即依序循環播放動畫列表中的所有動畫效果。
3. 設定方式：
   
   1. 點選任一元件，在「右側設定區」往下滑動到「動畫設定」。
   2. 點選你所需的「動畫效果」，該動畫即同時出現於下方「動畫列表」中。
   3. 你可在選取狀態時，設定「持續時間」、「延遲時間」、「動畫次數」、和「循環動畫播放列表」。
   4. 如需要在一個元件中加上多個動畫效果，請在「動畫效果」區內點擊空白處，再點擊其他動畫效果即可新增。
   5. 你可透過拖曳控制點，設定「動畫列表」中的「動畫效果」播放順序。

D. 框架設定

1. 固定位置：開啟後，可將元件對齊固定在「瀏覽器上方」或「瀏覽器下方」。
2. 同步其他分頁：勾選開啟後，可自行勾選將被固定的元件，同步出現於其他分頁的相同位置。