認識與操作模組
概述
模組是網站上的獨立內容區塊,就像樂高積木一樣。封面、服務介紹、圖片畫廊、常見問題、影片與表單,都是不同的模組。您把多個模組依序放在同一個頁面,就能組成完整網站。
模組不是「頁面」。頁面像一本書的章節,例如首頁、關於我們或聯絡我們;模組則是章節裡的段落。每一頁可放多個模組,同一種模組也能重複使用。
開始前
新增模組
1. 開啟「模組」
在編輯器頂端開啟「模組」。面板會將可用項目分成「內容」、「商店」與「整合」三類,並可使用搜尋快速找到名稱。
2. 選擇適合的積木
點選模組卡片前,先看卡片上的預覽與用途說明。例如,要說明服務可選「圖文並排」或「圖文小卡畫廊」;要收集問題可選 Google 表單、Typeform 或 SurveyCake 整合模組。
不知道該選哪一種時,請閱讀「模組類型完全指南」。選錯模組不會破壞網站,您可以刪除後改用其他模組。
3. 選擇加入方式與位置
有範本且支援 AI 生成的模組,會讓您選擇「AI 輔助」或「從範本修改」。AI 輔助會先請您描述需求,再建立初稿;從範本修改則加入預先準備好的內容,供您之後改寫。
其他模組會依功能直接帶您選擇插入位置、開啟設定表單,或要求提供外部服務資料。請依畫面選擇放在頁面最前方,或某個既有模組之後;系統不會一律自動加到頁面底部。
頁首與頁尾不會出現在這個模組面板;請到「排版」中新增或編輯它們。
4. 填入自己的內容並儲存
依加入方式不同,模組可能先插入範本,或在右側開啟設定表單。填入標題、內文、圖片、按鈕或連結後,按表單中的「加入網站」或「儲存」。範本模組加入後,也可以隨時從預覽或「排版」開啟表單再編輯。
編輯模組內容
您可以直接點選預覽中的模組,或在「排版」清單中選擇它。右側表單會顯示該模組可設定的項目;不同模組可調整的內容不同,這是正常的。
常見可調整項目包括:
- 標題與內文 - 說明訪客應該知道的內容。
- 圖片與 ALT 文字 - 上傳圖片,並補上圖片的文字描述。
- 按鈕 - 選擇共用按鈕或設定前往的連結。
- 版型 - 調整圖片在左或右、卡片欄數、圖片比例或標題位置。
- 顯示狀態 - 暫時隱藏模組,讓它不出現在公開網站。
排序、隱藏與管理模組
在編輯器頂端開啟「排版」,可看到目前頁面的模組清單。這是整理內容最快的地方。
拖曳排序
按住模組旁的拖曳控制並移動位置。一般內容模組可在頁面中重新排序;頁首與頁尾是固定在最上方與最下方的網站外框,不參與中間內容排序。
顯示或隱藏
使用眼睛圖示切換顯示狀態。隱藏適合季節性活動、暫時不想公開的方案,或還沒完成的內容。隱藏不是刪除,之後可重新顯示。
複製模組
對可複製的內容模組使用更多選項中的「複製」。複製後請立刻修改標題、圖片與連結,避免公開網站出現兩段完全相同的內容。系統管理的部落格文章列表不能任意複製。
移到另一個頁面
若網站有多個一般頁面,可在更多選項中選擇「移動到其他頁面」。移動前先確認目的頁面的主題與順序;模組離開原頁面後,原頁面不會再保留一份。
刪除模組
刪除會移除該模組及其內容。請先確認不是要暫時下線;若只是暫時不顯示,使用「隱藏」較合適。頁首和頁尾不能從排版清單直接刪除,但可以隱藏或重新設定。
全站共用模組
全站共用模組是同一份內容在多個頁面重複使用的方式。舉例來說,頁首與頁尾通常是全站共用:您改一次 Logo 或聯絡資訊,使用該頁首或頁尾的頁面會一起更新。
部分模組的表單也提供「全站共用」選項。開啟前,先確認這段內容是否真的要在多個頁面完全相同;關閉共用時,系統會要求確認,避免您不小心影響其他頁面。
用手機預覽
建立模組後,請切換編輯器的電腦、平板與手機預覽。Kanorio 會依螢幕寬度調整版面,但很長的標題、文字放在圖片上的設計,以及過多卡片仍可能需要您手動簡化。
小技巧
- 一個模組只傳達一件主要事情,例如「我們做什麼」或「如何預約」。
- 將最重要的內容放在頁面前段,訪客不必滑很久才知道下一步。
- 新增圖片後,請同步填寫具體 ALT 文字,尤其是產品、作品與場地照片。
- 大幅調整前,先隱藏或複製模組進行測試,再決定要不要刪除原內容。
常見問題
可新增的數量會依網站方案與發布限制而異。免費方案目前發布時最多保留 10 個可見內容模組;頁首與頁尾不計入這個數量,而同一個全站共用模組只會計算一次。請以編輯器提示與方案說明為準。即使可以放很多,仍建議只保留能幫訪客做決定的內容。
Kanorio 不提供可依賴的模組版本還原功能。刪除前請先確認,或先使用「隱藏」保留內容。若已刪除,通常需要重新新增模組並補回內容。
會。網站會依螢幕大小自動調整欄數、排列與間距。請使用手機預覽檢查重要文字和按鈕是否仍清楚、容易點擊。
目前跨頁面移動只限同一個網站內的頁面。若要在另一個網站使用相似內容,請在該網站重新建立或複製文字與圖片。
所有正在使用該共用模組的頁面都會一起更新。編輯前可先從全站共用清單查看使用範圍,避免不小心改到不想變動的頁面。