AI 生成網站後,您會進入 Kanorio 編輯網站。這裡是修改網站內容的主要工作區:改文字、換圖片、檢查不同裝置的畫面,以及準備發佈,都可以在這裡完成。
不用擔心一開始看起來有很多按鈕。先記住一個原則:看到哪個內容想改,就先點它。 編輯網站會依您選取的內容,顯示對應的設定欄位。
畫面最上方的工具列稱為 Topbar(頂部工具列)。
↶ 上一步、↷ 下一步 圖示按鈕與 版本紀錄(可預覽並找回過去 30 天的歷史版本)。視窗較窄時,右側面板按鈕只顯示圖示,把滑鼠移上去可看到名稱。手機上頂部工具列保留返回鍵、上一步/下一步與裝置深淺切換;底部導覽則放「發佈、模組、版面、頁面」與「更多」(點開可進入設計、品牌與版本紀錄)。
不需要先背下每一個按鈕。當您想完成某個任務時,再從工具列尋找相對應的功能即可。
中央是您的網站預覽。這裡顯示的是接近訪客實際會看到的頁面,而不是一堆程式碼或複雜設定。
您在面板裡修改文字、圖片、版型或設計時,預覽就會即時顯示修改後的樣子。這種「邊改、邊看效果」的操作方式,稱為所見即所得(WYSIWYG);白話來說,您看到的樣子就是接近發佈後的樣子。
把滑鼠移到預覽中的模組上,會出現細外框、左上角的模組名稱,以及右上角的「編輯」和「⋯」更多動作(上移、下移、移到其他頁面、再製、隱藏、刪除)。
點選預覽中模組的名稱或「編輯」後,編輯網站會在右側開啟對應的編輯面板。不同模組會有不同欄位,例如:
您不需要離開目前頁面。電腦上面板停靠在右側,預覽跟著讓出位置;畫布變窄時,電腦版網站會整個縮小顯示(右下角顯示縮放比例),排版仍是電腦版,不會變成平板版。
正在編輯的模組會以藍色外框和「編輯中」標籤標出。捲動預覽時若把它捲出畫面,預覽底部會出現「回到『模組名稱』」,點一下就捲回來。
編輯既有模組時,面板標題列右側會顯示「儲存中… → 已儲存」以及 ↶ 上一步、↷ 下一步 按鈕;修改完成後直接關閉面板即可。若是剛從目錄挑選的新模組,確認後請按面板底部的「加入網站」。
↶ 上一步 退回。如果您不知道某個模組屬於哪一類,先點選它即可;編輯網站會顯示可調整的內容。
這篇只帶您認識工作環境。要實際完成某件事,請直接閱讀對應指南:
訪客不一定用電腦看您的網站。編輯網站提供三種裝置預覽:
這與響應式網頁設計(RWD)有關。白話來說,網站會依不同螢幕調整排版,但您仍應檢查文字有沒有太長、圖片會不會被裁切、按鈕是否容易點到。
發佈前,至少切換一次手機預覽。許多訪客會從手機開啟社群連結,手機閱讀體驗往往比桌面版更重要。
用手機編輯時,工具列一樣可以切換裝置:平板和電腦版會縮小到符合螢幕寬度,方便看整體版面。字太小看不清楚時,點預覽右下角的縮放比例改看「實際大小」,左右滑動查看細節,再點一次回到符合寬度。
有些設定可以依裝置分別調整,例如「每行顯示數量」。在欄位標題旁選電腦、平板或手機,預覽會一起切換到那個裝置,邊選邊看,不用再到頂部工具列切換。
在手機或較窄的平板上,編輯面板會蓋住預覽。這時按面板標題列的「預覽」,面板會暫時收起,顯示含未儲存修改的網站並捲到正在編輯的模組;看完按底部的「返回編輯」,剛剛填的內容都還在。
工具列可切換淺色與深色預覽。這能幫您檢查網站在不同主題下的文字對比、圖片和品牌色是否仍清楚。
例如,淺色背景上看起來很淡的灰色文字,在深色模式中可能更難閱讀。切換預覽後,若發現不易辨識,請到「設計」調整品牌色、字體或外觀模式。
編輯網站中修改既有模組、頁首與頁尾時會自動儲存進草稿;拖曳排序、隱藏或刪除模組也會立即寫入草稿(隱藏後畫面下方會出現「復原」,按了就恢復顯示);在「設計」與「品牌」面板修改全站設定時,則按面板底部的「儲存」寫入。
不過要注意兩個不同概念:
所以「已儲存」不等於「訪客已經看到」。完成一批修改後,仍要按下右上角的「發佈」。
詳細流程(含上一步/下一步與 30 天版本紀錄還原)請閱讀:與。
等您熟悉基本操作後,可再使用工具列中的其他功能:
這些進階功能不必在第一天全部設定好。先完成首頁與基本聯絡方式,再逐步擴充就可以。
如果內容已經修改到接近完成,請先用手機預覽確認畫面,再閱讀為網站設定網址並上線。
會。編輯既有模組、頁首與頁尾的內容,以及拖曳排序、隱藏或刪除模組,都會自動儲存進草稿;只有新增尚未加入網站的模組(需按「加入網站」),以及在「設計」「品牌」面板修改全站設定(需按「儲存」)時才需要手動確認。若正在上傳圖片,請等上傳完成後再關閉頁面,避免中斷上傳。
儲存送出時如果剛好關掉分頁或斷線,修改會先留在這台裝置的瀏覽器裡;下次開啟編輯網站時會自動補送。若這段期間網站已在別處被改過,會先詢問您要不要套用,不會直接覆蓋。
因為修改先儲存在草稿。請從工具列開啟「發佈」,將目前草稿同步到公開網站。
可以。編輯網站支援手機、平板與電腦操作;在手機上,返回與上一步/下一步在畫面頂部,發佈、模組、版面、頁面與「更多(設計、品牌、版本紀錄)」在畫面底部。
內容、排版與品牌設定會以預覽為主要參考。部分外部服務或追蹤工具可能只會在公開網站載入,因此發佈後仍建議用實際網址再檢查一次。
AI 功能會使用計劃提供的 AI 點數,也可能暫時受到服務狀態影響。請先在「用量」確認剩餘點數,再稍後重試;一般文字與圖片編輯不使用 AI 點數。