網站內容編輯器
最後更新 63 天前
你在找什麼？
編輯器採用所見即所得(WYSIWYG)設計，您修改的內容會即時反映在預覽中，無需切換模式。介面分為三大區塊：頂部工具列、中央預覽、右側編輯面板。RWD (響應式網頁設計) 預覽讓您切換電腦、平板、手機三種裝置寬度，確保各螢幕尺寸的排版正確。
介面三大區塊
| 區塊 | 功能 |
|---|---|
| 頂部 Topbar | 新增模組、排版、頁面、設定、發布、裝置預覽切換、淺色／深色預覽、支援、未發布提示 |
| 中央預覽 | 即時顯示網站，修改後立即反映 |
| 右側編輯面板 | 點擊模組後顯示對應表單，依模組類型提供不同欄位與 Layout 選項 |
模組列表可透過 Topbar 或 Drawer 存取。Topbar 取代傳統側邊欄，為未來功能擴展預留空間。
裝置預覽：電腦 / 平板 / 手機
編輯時可切換三種預覽模式，即時檢視網站在不同裝置上的呈現：
- 電腦：桌面全寬預覽
- 平板：768px 寬度模擬
- 手機：375px 寬度模擬
有助於您確認各螢幕尺寸的排版與顯示效果，避免發布後才發現手機版跑版。
依您使用的裝置
預覽呈現方式會依您目前使用的裝置而不同：
- 手機編輯：所有預覽皆填滿畫面，無拖曳 frame。
- 平板或電腦編輯：手機、平板預覽模式會顯示可拖曳 frame，可微調預覽尺寸；電腦預覽在寬螢幕為全寬，在較窄螢幕以 1440px 模擬桌面寬度。
淺色／深色預覽
Topbar 可切換淺色與深色預覽，讓您在編輯時即時檢視網站於不同主題下的呈現。預覽效果與訪客實際看到的一致，方便調整品牌色與對比度。
草稿與發布
編輯器中的修改會自動儲存為草稿，不會立即影響已上線的網站。當您準備好時，點擊「發布」即可將草稿內容同步至正式版。Topbar 會顯示「尚未同步」提示，提醒您有未發布的修改。詳見 草稿與發布。
頁面管理
點擊 Topbar 的「頁面」，可管理網站的多個頁面：
- 新增頁面：建立新的內容頁面
- 頁面可見性：設定頁面為公開或隱藏 (隱藏頁面不會出現在導航中，但可透過直接連結存取)
- 頁面 SEO：為每個頁面獨立設定 Meta 標題、描述與 Open Graph
- 跨頁面搬移模組：將模組從一個頁面搬移至另一個頁面
頁首導航設定
頁首模組除了基本的 Logo 與導航選單，還支援進階設定：
- 自訂按鈕：在導航列新增自訂按鈕 (如「聯絡我們」「立即預約」)，可設定連結與樣式
- 開啟方式：每個導航項目可設定為在新分頁開啟，適合連結外部網站或社群平台
全站模組
全站模組會自動套用到網站的所有頁面，無需逐頁設定。常見的全站模組包括：
- 頁首：Logo 與導航選單，出現在每個頁面頂部
- 頁尾：聯絡資訊與版權聲明，出現在每個頁面底部
設定全站模組後，修改一處即可同步更新所有頁面。
新增與編輯模組
- 新增模組：點擊「新增模組」，選擇類型 (頁首、主視覺、圖文並排等)，點擊即可加入頁面底部
- 編輯模組：點擊欲編輯的模組，右側面板會顯示編輯表單，修改後預覽即時更新
- 調整順序：拖曳模組可改變顯示順序，放開即儲存
- Layout 選項：部分模組提供多種版型 (如圖文左右對調、標題置中或靠左)，於編輯面板中選擇即可切換
常見問題
會。編輯器每 2 秒自動儲存草稿，無需手動點擊。但修改不會立即反映在已上線網站上，需點擊「發布」才會同步。
可使用瀏覽器或鍵盤的復原功能(Ctrl+Z / Cmd+Z)復原部分操作。
編輯器預覽與發布後的網站一致。部分追蹤代碼或外部嵌入可能僅在正式網站上運作。
可透過新增相同類型模組再手動填寫內容。刪除則於編輯面板或模組選單中選擇「刪除」即可。
部分欄位為必填 (通常標示 *)，未填寫可能無法儲存或發布。選填欄位可留空。
可能是 AI 點數不足或頻率限制。請確認點數餘額並稍後再試。編輯器的一般編輯 (非 AI 功能) 不受影響。
點擊 Topbar 的「頁面」，在頁面列表中可設定各頁面的可見性。隱藏的頁面不會出現在導航選單中，但仍可透過直接 URL 存取。