簡易模式是 WEBA 全新的編輯方式，採用「單欄、由上到下」的版面排列，讓您不必處理元件的座標、對齊與圖層，只要專心安排內容順序，就能快速完成一頁活動頁或落地頁。
本文說明如何建立簡易模式專案，以及編輯介面怎麼操作。
在後台介面中，此模式統一顯示為 簡易模式。
簡易模式適合誰
想快速做出一頁活動頁、報名頁、落地頁，把心力放在內容而非排版的人
希望版面決策愈少愈好的行銷或活動企劃
主要在手機上編輯的使用者（手機版支援簡易模式編輯）
簡易模式的版面規則
單欄排列：所有元件由上到下排成一欄，水平自動置中。
預設尺寸：元件採用系統預設尺寸，專心安排內容與順序即可。
自動頁高：頁面長度依內容自動延展。
區塊間距：以 區塊間距 設定（S / M / L）控制元件之間的留白。
模式在建立專案時選定後即鎖定。 請在建立時依需求選擇；若想換一種編輯方式，請另建專案。
如何建立簡易模式專案
1. 點擊「建立專案」
於後台「我的所有專案」，點擊右上角綠色的 + 建立專案 按鈕。
2. 點選「簡易模式」
畫面會跳出「建立專案」視窗，提供 經典模式（使用完整編輯器自由設計版面）與 簡易模式（使用精簡流程快速建立專案）兩張選項卡。
點選 簡易模式 後，系統會立即建立專案並進入簡易模式編輯器，無需再按第二次確認。
編輯介面說明
單欄上下排列
所有元件會由上到下排成一欄、水平置中，並採用系統預設尺寸。您只要安排元件的「先後順序」即可。
元件操作
選取元件後，元件上方會浮出一排工具列，提供以下操作：
操作 | 說明 |
|---|---|
上移 | 將元件往上移一個位置 |
下移 | 將元件往下移一個位置 |
顯示／隱藏 | 切換該元件是否顯示於頁面上 |
複製 | 複製元件，並插入在原元件正下方 |
刪除 | 刪除元件 |
此外，直接拖曳元件可調整上下順序，雙擊元件或點 編輯（鉛筆）可開啟內容／設定編輯。
新增與複製元件的位置規則
新增元件：一律插入在頁面最下方，並套用預設區塊間距 M (24px)。
複製元件：插入在來源元件正下方，並完整繼承來源元件的設定與區塊間距。
刪除元件：若刪除的是目前選取的元件，系統會自動選取下一個元件（若沒有下一個則選上一個）；若刪到頁面已無元件，右側設定面板會顯示空狀態，提醒您新增元件。
右側設定面板
右側設定面板提供以下分頁：
基礎設定：頁面層級設定，背景設定 即在此分頁中（詳見下方）
元件設定：各元件原本的內容設定，並新增 排版設定
發布設定：發佈相關設定
排版設定：區塊間距與左右留白
選取任一元件後，右側 排版設定 中可調整 區塊間距，用來控制該元件下方的垂直留白。
選項 | 數值 |
|---|---|
- | 0px |
S | 16px |
M（預設） | 24px |
L | 32px |
所有元件都可設定區塊間距，包含最後一個元件。
重新排序元件後，原本設定的區塊間距會一併保留。
左右留白
部分元件（例如文字編輯器）另外提供 左右留白，用來控制該元件與畫面左右邊界的間距，選項同樣是無／S／M／L。
選項 | 數值 |
|---|---|
- | 0px |
S | 8px |
M（預設） | 16px |
L | 24px |
頁面長度與背景設定
頁面長度自動形成
簡易模式的頁面長度會依「元件數量」與「區塊間距」自動延展，無需手動調整頁高。
背景設定完整保留
頁面層級的 背景設定 完整保留，包含：
背景圖片上傳（Upload File／使用圖庫）與呈現方式
背景圖片位置 X／Y 微調
不透明度
背景延伸（-／延伸）
背景顏色
背景圖會作為頁面的背景層，隨頁面內容一起捲動。
關於 背景延伸 與顏色：
選 -：頁面內容範圍套用 背景顏色，內容範圍以外的留白則套用 溢版顏色，可分別設定兩種顏色。
選 延伸：背景延展至整頁，全頁為單一 背景顏色，不另設溢版顏色。
可使用的元件
簡易模式提供豐富的元件，可直接新增使用：
內容類：文字編輯器、圖片、影片、地圖、選單
排版類：輪播圖
社群類：社群追蹤
互動類：按鈕、表單、投票、心理測驗、電子報訂閱，以及各類抽獎元件（幸運轉盤、九宮格、戳戳樂、刮刮樂、搖獎機、幸運禮盒、抽紅包）
互動元件內部的步驟頁、結果頁、狀態頁等設定全部保留，可正常設定。
簡易模式不提供 圖示 與 裝飾圖案 這兩種元件，僅經典模式提供。
連結設定
按鈕、文字、圖片等元件可設定 連結設定，支援的連結類型為：
網址
電話
電子郵件
頁面
社群追蹤元件
可設定 社群類別、樣式選擇、社群網址。
圖片元件的圖庫
在圖片元件中可透過 使用圖庫 入口，使用串接的 Unsplash 免費圖庫照片。
目錄（漢堡選單）
建立簡易模式專案時，頁面預設就已經包含一個 Menu Components，以漢堡選單形式固定顯示在頁面左上角，不需要另外新增。每個頁面僅能有一個 Menu 元件，已存在時「新增元件」清單中的 選單 會呈現灰階、無法重複加入。在畫布上點擊該選單，即可開啟目錄相關設定（收合／展開預設狀態、圖示顏色、圖示背景、圖示框線、圓角等）。
關於目錄與頁面頂部的關係：
保留 64px 空間：頁面有目錄時，頂部會保留固定的 64px 空間給目錄，最上方的元件不會與目錄重疊。
可刪除目錄：若刪除 Menu 元件，這段 64px 空間會一併消失，最上方的元件會直接貼齊頁面頂端（y = 0）。
可重新加回：刪除後若想加回目錄，到「新增元件」中找到 Menu 元件再次加入即可。
WEBA 浮水印
每個頁面底部會顯示 WEBA 浮水印。在畫布上點擊頁底的浮水印區塊，右側會開啟 浮水印設定，可於 樣式選擇 中切換 淺色版本 或 深色版本（預設淺色版本）。
儲存、預覽與發佈
儲存：完成排序、新增／刪除、複製、內容編輯、背景設定或區塊間距調整後，請記得點選「儲存」按鈕，變更才會正式儲存。若有尚未儲存的變更就嘗試離開頁面，系統會跳出提示詢問是否暫存。
預覽／發佈：可隨時預覽與發佈，系統會依簡易模式的版面規則呈現。
再次開啟：之後每次開啟此專案，都會自動進入簡易模式編輯器。
手機版編輯
簡易模式專案在手機上也能編輯，且手機版的操作介面（⋯ 操作選單、底部設定面板）與桌機略有不同。完整說明請見〈WEBA 簡易模式手機版編輯教學〉。
簡易模式專案在手機上可直接進入手機版編輯器編輯。
經典模式專案，以及更早之前、未帶模式標記的舊專案，在手機上僅供預覽，內容編輯請使用桌機版。
其他須知
專案列表標記：每張專案卡片會在專案名稱右側，以低強調的淺灰樣式顯示 經典 或 簡易 標記，方便您不進入專案就能辨識模式。
複製專案：使用「複製專案」功能時，新專案會直接繼承原專案的模式；簡易模式複製後仍是簡易模式。
舊專案不受影響：所有既有專案維持原本的編輯方式，不會被要求重新選擇模式。
Frequently Asked Questions
建立後可以更換模式嗎？
模式在建立專案時就會鎖定，無法再更換。若想換一種編輯方式，請另外建立一個新專案。
元件可以調大小或移動位置嗎？
簡易模式中所有元件都使用系統預設尺寸並水平置中，您只要調整上下順序與內容即可，無需處理尺寸與位置。
如何使用免費圖庫照片？
在圖片元件中點擊 使用圖庫，即可使用串接的 Unsplash 免費圖庫照片。
頁面太短或太長怎麼調整？
頁面長度會依元件數量與區塊間距自動形成。若想增加留白，可調整元件的 區塊間距（無／S／M／L）；若想縮短頁面，可刪除或隱藏元件。
想做輪播效果可以用什麼元件？
可使用 輪播圖 元件，在簡易模式中可正常使用。
我的舊專案會受影響嗎？
不會。所有既有專案都維持原本的編輯方式，不需要重新選擇模式。