跳至內容

Part 5・核心 · 網頁與右側編輯器:新增頁面、拖放區塊、改文字圖片

Part 5・核心

網頁與右側編輯器:新增頁面、拖放區塊、改文字圖片

這是全手冊最重要的一章。學會這裡,你就能自己新增頁面、把版面拼出來、換文字換圖片、發佈上線。核心觀念只有一句:「新增」多一頁 → 「編輯」改這頁 → 「儲存」→「發佈」。

路徑:進入網站 右上 新增(建頁)或 編輯(改頁)

A. 這一章的流程

① 新增頁面
② 拖放區塊
③ 改文字/圖片
④ 儲存
⑤ 發佈

B. 逐步操作

1
新增一頁:按右上「新增」

按右上角「新增」,畫面中央浮出可建立的內容類型:

新增內容浮層
① 頁面(一般網頁,最常用) ② 網誌文章 ③ 活動 ④ 商品。(部分類型需先安裝對應模組。)

選「頁面」後,選一個版型範本當起點:

新網頁範本選擇
① 左側分類(基礎、關於、服務介紹…) ② 空白頁(從零開始) ③ 現成設計版型(直接改字改圖最快)。
💡 新手建議第一次做,選一個「現成設計版型」比「空白頁」快得多——版面、配色都排好了,你只要把示範文字換成自己的內容。
2
認識編輯器:右側三個頁籤

不管新頁或舊頁,按「編輯」都會進入編輯器。畫面右側面板是你的工具箱,有三個頁籤

網站編輯器:內容區塊/自訂/設計主題三頁籤
① 內容區塊(拖積木上去) ② 自訂(改選中那一塊) ③ 設計主題(全站樣式,見 Part 3) ④ 儲存 ⑤ 捨棄。
頁籤用途白話比喻
內容區塊把預製區塊(圖文、特色、數據、表單…)拖到頁面「加積木」
自訂選中某區塊後,改它的背景、間距、欄數、動畫、手機隱藏「改這一塊積木」
設計主題全站字型、顏色、按鈕(會影響每一頁)「改整盒積木的顏色」
3
拖放區塊:把積木放到頁面上

在「內容區塊」頁籤,按住一個區塊縮圖,拖曳到頁面上想放的位置,看到藍色提示線時放開。頁面空白處會顯示「拖曳區塊到這裡」的落點。放上去後,該區塊就出現在頁面。

💡 選取的層級點一下選「最內層」(例如一段文字),再點一次它的外框可往上選「整個區塊」。搬移整塊時要選到整個區塊再拖。
4
改文字

直接用滑鼠點進文字就能打字修改,像 Word 一樣。選取一段文字時,上方會浮出小工具列可設粗體、顏色、連結、對齊。在空行輸入「/」可叫出指令選單,快速插入圖片、按鈕、表格等。

想做怎麼做
改字點進去直接打
加粗 / 上色 / 連結選取文字 → 用浮出的小工具列
插入元素在空行輸入 / → 選圖片/按鈕/表格…
5
改圖片

雙擊任何圖片,會跳出「選取媒體」視窗(和換 Logo 是同一個,見 Part 2):

選取媒體:換圖
① 上載圖片(用自己的圖) ② 加入網上圖片(貼網址) ③ 搜尋免費圖庫 ④ 加入。選好圖片還可在「自訂」面板裁切、加濾鏡、設定連結。
6
存檔前,先看手機版

電腦看起來漂亮,手機不一定。按頂部的手機圖示切到手機預覽:

手機預覽
① 手機預覽切換鈕 ② 手機上選單會收成「漢堡」符號(≡)。若手機版跑版,回「自訂」面板調整或隱藏該區塊。
7
儲存與發佈

改好按編輯器右上「儲存」。儲存只是存起來,還要「發佈」訪客才看得到。離開編輯器後,右上的「已發佈」開關轉成綠色即上線。

⚠️ 儲存 ≠ 發佈「儲存」把你的修改存進系統;「已發佈」才決定訪客能不能看到。新頁預設可能未發佈,記得把開關打開。
8
管理所有頁面:頁面清單與屬性

要總覽、改網址、複製或刪除頁面,用頂部「網站」→「頁面」

網站頁面清單
① 新增 ② 頁面網址欄 ③ 已發佈欄(一眼看哪些上線) ④ SEO 已最佳化欄。

單一頁的細節設定,用「網站」→「屬性」

頁面屬性對話框
① 網頁標題 ② 頁面網址(可改網址;改後系統會自動幫舊網址做轉址) ③ 已發佈 ④ 有索引(是否讓 Google 收錄) ⑤ 刪除頁面。
欄位填什麼 / 意義為什麼
網頁標題這頁的名稱影響分頁標題與 SEO
頁面網址這頁的路徑,如 /about改網址會自動建立 301 轉址,舊連結不失效(見 Part 8)
已發佈對訪客可見與否沒發佈=訪客 404
有索引是否允許搜尋引擎收錄感謝頁、測試頁可關掉
⛔ 注意事項
  • 沒儲存就離開=白做。系統會提醒「未儲存的修改將消失」,看到就先回去存。
  • 儲存了不等於上線。務必確認「已發佈」是綠色。
  • 刪除頁面前先想清楚。被選單或其他頁連到的頁面刪掉後,那些連結會變 404。可改用「取消發佈」代替刪除。
  • 拖曳區塊時若整頁亂掉,按「捨棄」放棄這次未存的修改即可還原。
如何查到 建頁:右上新增。改頁:右上編輯。全部頁面:網站 › 頁面。單頁設定:網站 › 屬性。搜尋關鍵字:「頁面 / Pages」。
評分
0 0

暫時沒有留言。

成為第一個留言的人。