Part 5・核心
① 頁面(一般網頁,最常用) ② 網誌文章 ③ 活動 ④ 商品。(部分類型需先安裝對應模組。)
① 左側分類(基礎、關於、服務介紹…) ② 空白頁(從零開始) ③ 現成設計版型(直接改字改圖最快)。
① 內容區塊(拖積木上去) ② 自訂(改選中那一塊) ③ 設計主題(全站樣式,見 Part 3) ④ 儲存 ⑤ 捨棄。
① 上載圖片(用自己的圖) ② 加入網上圖片(貼網址) ③ 搜尋免費圖庫 ④ 加入。選好圖片還可在「自訂」面板裁切、加濾鏡、設定連結。
① 手機預覽切換鈕 ② 手機上選單會收成「漢堡」符號(≡)。若手機版跑版,回「自訂」面板調整或隱藏該區塊。
① 新增 ② 頁面網址欄 ③ 已發佈欄(一眼看哪些上線) ④ SEO 已最佳化欄。
① 網頁標題 ② 頁面網址(可改網址;改後系統會自動幫舊網址做轉址) ③ 已發佈 ④ 有索引(是否讓 Google 收錄) ⑤ 刪除頁面。
網頁與右側編輯器:新增頁面、拖放區塊、改文字圖片
這是全手冊最重要的一章。學會這裡,你就能自己新增頁面、把版面拼出來、換文字換圖片、發佈上線。核心觀念只有一句:「新增」多一頁 → 「編輯」改這頁 → 「儲存」→「發佈」。
路徑:進入網站 › 右上 新增(建頁)或 編輯(改頁)
A. 這一章的流程
① 新增頁面
→
② 拖放區塊
→
③ 改文字/圖片
→
④ 儲存
→
⑤ 發佈
B. 逐步操作
1
新增一頁:按右上「新增」
按右上角「新增」,畫面中央浮出可建立的內容類型:
選「頁面」後,選一個版型範本當起點:
💡 新手建議第一次做,選一個「現成設計版型」比「空白頁」快得多——版面、配色都排好了,你只要把示範文字換成自己的內容。
2
認識編輯器:右側三個頁籤
不管新頁或舊頁,按「編輯」都會進入編輯器。畫面右側面板是你的工具箱,有三個頁籤:
| 頁籤 | 用途 | 白話比喻 |
|---|---|---|
| 內容區塊 | 把預製區塊(圖文、特色、數據、表單…)拖到頁面 | 「加積木」 |
| 自訂 | 選中某區塊後,改它的背景、間距、欄數、動畫、手機隱藏 | 「改這一塊積木」 |
| 設計主題 | 全站字型、顏色、按鈕(會影響每一頁) | 「改整盒積木的顏色」 |
3
拖放區塊:把積木放到頁面上
在「內容區塊」頁籤,按住一個區塊縮圖,拖曳到頁面上想放的位置,看到藍色提示線時放開。頁面空白處會顯示「拖曳區塊到這裡」的落點。放上去後,該區塊就出現在頁面。
💡 選取的層級點一下選「最內層」(例如一段文字),再點一次它的外框可往上選「整個區塊」。搬移整塊時要選到整個區塊再拖。
4
改文字
直接用滑鼠點進文字就能打字修改,像 Word 一樣。選取一段文字時,上方會浮出小工具列可設粗體、顏色、連結、對齊。在空行輸入「/」可叫出指令選單,快速插入圖片、按鈕、表格等。
| 想做 | 怎麼做 |
|---|---|
| 改字 | 點進去直接打 |
| 加粗 / 上色 / 連結 | 選取文字 → 用浮出的小工具列 |
| 插入元素 | 在空行輸入 / → 選圖片/按鈕/表格… |
5
改圖片
雙擊任何圖片,會跳出「選取媒體」視窗(和換 Logo 是同一個,見 Part 2):
6
存檔前,先看手機版
電腦看起來漂亮,手機不一定。按頂部的手機圖示切到手機預覽:
7
儲存與發佈
改好按編輯器右上「儲存」。儲存只是存起來,還要「發佈」訪客才看得到。離開編輯器後,右上的「已發佈」開關轉成綠色即上線。
⚠️ 儲存 ≠ 發佈「儲存」把你的修改存進系統;「已發佈」才決定訪客能不能看到。新頁預設可能未發佈,記得把開關打開。
8
管理所有頁面:頁面清單與屬性
要總覽、改網址、複製或刪除頁面,用頂部「網站」→「頁面」:
單一頁的細節設定,用「網站」→「屬性」:
| 欄位 | 填什麼 / 意義 | 為什麼 |
|---|---|---|
| 網頁標題 | 這頁的名稱 | 影響分頁標題與 SEO |
| 頁面網址 | 這頁的路徑,如 /about | 改網址會自動建立 301 轉址,舊連結不失效(見 Part 8) |
| 已發佈 | 對訪客可見與否 | 沒發佈=訪客 404 |
| 有索引 | 是否允許搜尋引擎收錄 | 感謝頁、測試頁可關掉 |
⛔ 注意事項
- 沒儲存就離開=白做。系統會提醒「未儲存的修改將消失」,看到就先回去存。
- 儲存了不等於上線。務必確認「已發佈」是綠色。
- 刪除頁面前先想清楚。被選單或其他頁連到的頁面刪掉後,那些連結會變 404。可改用「取消發佈」代替刪除。
- 拖曳區塊時若整頁亂掉,按「捨棄」放棄這次未存的修改即可還原。
如何查到
建頁:右上新增。改頁:右上編輯。全部頁面:網站 › 頁面。單頁設定:網站 › 屬性。搜尋關鍵字:「頁面 / Pages」。