頁面編輯器介紹


操作

說明

⓵ 頂部導航列

・查看頁面的狀態和最後儲存時間
・切換不同裝置模式或自訂畫布寬度
・設定頁面名稱、尺寸、活動時間、SEO 資訊、是否啟用自動儲存功能
・儲存、預覽或發布頁面

⓶ 新增元件

查看元件選項或系統 Section 模板,點按住後可拖曳新增至畫布

⚠️ 如果要往空白畫布新增第一個元件,請先將元件拖曳至畫布最上方,出現藍色定位線後,再放開滑鼠

圖層樹

・查看整個頁面的元件結構
・拖曳、自訂命名、複製或刪除特定元件

CSS 編輯器

使用 CSS 語法實現元件面板尚未支援的進階樣式效果

模板庫

查看或套用模板;如果是自訂的 Section 模板,還可以進行編輯

⓺ 麵包屑

選中某個元件後,可查看它的上層結構

⓻ 畫布

編輯頁面內容的主要操作區塊;在畫布點選切換不同元件,右側元件設定面板會跟著改變

⓼ 設定基底標籤

決定這個段落(Section 區段)要和哪些 AMP 標籤產生關聯,這將影響下層子元件的設定內容

⓽ 設定元件細項

在 [設定] tab 決定元件要呈現什麼內容,在 [樣式] tab 決定如何呈現