認識編輯器

AI 生成網站後，您便會進入 Kanorio 編輯器。這是修改網站內容的主要工作區：更改文字、更換圖片、檢查不同裝置的畫面，以及準備發佈，都可以在這裡完成。

不用擔心一開始看起來有很多按鈕。請謹記一個原則：看到哪個內容想改，就先點擊它。 編輯器會根據您選取的內容，顯示對應的設定欄位。

編輯器的三個主要區塊

頂部工具列：所有工具的入口

畫面最上方的工具列稱為 頂部工具列。您會在這裡找到常用功能：

• 模組 - 新增內容、商店或整合模組。
• 排版 - 調整模組、頁首與頁尾的順序。
• 頁面 - 管理一般頁面、法律條款頁與部落格頁面。
• 設定 - 調整網站整體外觀與共用內容。
• 裝置預覽 - 在電腦、平板與手機寬度間切換。
• 發佈 - 讓已確認的草稿出現在公開網站。

不需要預先記下每一個按鈕。當您想完成某項任務時，再從工具列尋找相應的功能即可。

中央預覽區：即時看到網站的樣貌

中央是您的網站預覽。這裡顯示的是接近訪客實際會看到的頁面，而不是一堆程式碼或複雜設定。

您修改文字、圖片或版型時，預覽會即時更新。這種「邊改、邊看效果」的操作方式，稱為所見即所得（WYSIWYG）；簡單來說，您看到的樣子就是接近發佈後的樣子。

編輯面板：點擊什麼，就編輯什麼

點擊預覽中的某個模組後，編輯器會開啟對應的編輯面板。不同模組會有不同的欄位，例如：

• 文字模組：標題、段落、按鈕文字和連結
• 圖片模組：上傳圖片、更換圖片、圖片說明
• 頁首模組：Logo、導覽與自訂按鈕
• 頁尾模組：聯絡資訊、社交連結與版權文字

您不需要離開目前頁面。修改後先查看中央預覽；若面板出現「儲存」或「加入網站」，請完成儲存後再離開。

最基本的操作：修改內容

1. 在中央預覽找到想修改的內容。
2. 點擊該模組。
3. 在出現的編輯面板中，找到標題、內文或按鈕等欄位。
4. 根據面板提示按「儲存」或「加入網站」，再回到預覽確認排版是否自然。

如果您不知道某個模組屬於哪一類，先點擊它即可；編輯器會顯示可調整的內容。

接下來要做什麼？

這篇只帶您認識工作環境。要實際完成某項任務，請直接閱讀對應指南：

• 想新增、編輯、排序、隱藏或複製內容 - 認識與操作模組。
• 想比較不同模組的用途 - 模組類型完全指南。
• 想建立服務、活動或作品集頁 - 管理網站頁面。
• 想調整字體、品牌顏色、密度或圓角 - 品牌視覺與風格設定。
• 想處理草稿、儲存與公開更新 - 草稿、儲存與發佈。

檢查手機、平板和電腦的畫面

訪客不一定用電腦瀏覽您的網站。編輯器提供三種裝置預覽：

• 電腦：查看較寬的桌面版畫面
• 平板：查看中等寬度的版面
• 手機：查看窄螢幕的閱讀與按鈕操作

這與響應式網頁設計（RWD）有關。簡單來說，網站會根據不同螢幕調整排版，但您仍應檢查文字會不會太長、圖片會不會被裁切、按鈕是否容易點擊。

發佈前，請至少切換一次手機預覽。許多訪客會從手機點擊社交連結，手機閱讀體驗往往比桌面版更重要。

預覽淺色與深色模式

工具列可切換淺色與深色預覽。這能幫助您檢查網站在不同主題下的文字對比、圖片和品牌顏色是否仍然清晰。

例如，淺色背景上看起來很淡的灰色文字，在深色模式中可能更難閱讀。切換預覽後，若發現難以辨識，請到「設定」的「設計」分頁調整品牌顏色、字體或外觀模式。

儲存草稿不等於已經上線

編輯器的修改會先進入草稿，但不同操作的儲存方式不同。拖曳排序、隱藏或刪除模組通常會即時寫入草稿；在模組、頁首或頁尾的表單修改內容時，請根據畫面提示按「儲存」或「加入網站」後再離開。

不過要注意兩個不同概念：

• 草稿：您正在編輯的版本，只有您自己和具備權限的團隊成員可以看到。
• 發佈：將草稿同步到公開網站，訪客才會看到最新內容。

所以「已儲存」不等於「訪客已經看到」。完成一批修改後，仍需按下「發佈」。

詳細流程請閱讀：草稿、儲存與發佈與發佈您的第一個網站。

編輯器還能做什麼？

待您熟悉基本操作後，可再使用工具列中的其他功能：

• 頁面：新增、管理或調整網站頁面。
• 設定：調整網站整體設計與內容設定，例如字體、品牌顏色或共用按鈕。
• AI 輔助：根據功能使用 AI 生成頁面、模組或優化內容。
• 發佈：首次設定公開網址，之後將新草稿同步到線上版本。

這些進階功能不必在第一天全部設定好。先完成首頁與基本聯絡方式，再逐步擴充即可。

下一步

如果內容已經修改到接近完成，請先用手機預覽確認畫面，再閱讀發佈您的第一個網站為網站設定網址並上線。