第二堂：網站內容編輯魔法！文章與頁面大解密

「網站蓋好了，但裡面空空的怎麼辦？這堂課，我們要教您如何填充內容，用 WordPress 輕鬆撰寫文章、建立頁面，讓您的網站開始『說故事』！」

1. 文章 vs. 頁面：傻傻分不清楚？

在 WordPress 裡，最主要的內容形式就是「文章」和「頁面」，它們雖然都能放文字圖片，但用途大不同：

• 文章 (Posts)：
  • 適合： 部落格文章、新聞、最新消息等時效性、會持續更新的內容。
  • 特色： 可以有分類、標籤，通常會顯示發布日期和作者。
  • 舉例：「最新產品開箱文」、「2025 年旅遊趨勢」
• 頁面 (Pages)：
  • 適合： 像是「關於我們」、「聯絡方式」、「服務項目」等靜態、不常變動的固定內容。
  • 特色： 沒有分類和標籤，通常不顯示發布日期。
  • 舉例：「公司簡介」、「常見問題 Q&A」

2. 內容編輯新利器：區塊編輯器 Gutenberg

WordPress 預設的編輯器叫做「區塊編輯器 (Gutenberg)」，它像堆積木一樣，把內容拆分成一個個「區塊」，讓編輯排版變得更直覺！

實際操作：撰寫你的第一篇文章 (Posts)

1. 進入文章編輯介面： 在 WordPress 後台，點擊左側「文章 (Posts)」>「新增文章 (Add New)」。
2. 設定標題： 在最上方輸入您的文章標題，例如：「我的 WordPress 架站初體驗」。
3. 使用區塊編輯：
   • 點擊「+」號新增區塊。
   • 段落 (Paragraph)： 輸入一般文字。
   • 圖片 (Image)： 上傳圖片，或從媒體庫選取。
   • 標題 (Heading)： 設定 H1, H2, H3 等標題層級，有助於 SEO。
   • 清單 (List)： 建立項目符號或編號清單。
   • 引文 (Quote)： 引用他人文字。
   • 影片 (Video)： 直接貼上 YouTube 連結就能嵌入影片。
   • 小撇步： 您也可以直接在文章中輸入文字，系統會自動轉成段落區塊。
4. 右側設定欄：
   • 文章 (Post) 設定：
     • 分類 (Categories)： 為文章分類，例如「教學」、「生活」。
     • 標籤 (Tags)： 為文章加上關鍵字，例如「WordPress」、「架站」、「網站設計」。
     • 特色圖片 (Featured Image)： 文章的代表圖片，會顯示在文章列表或分享時。
   • 區塊 (Block) 設定： 針對選定的區塊調整樣式，例如文字顏色、大小等。
5. 發布或儲存： 點擊右上角「儲存草稿 (Save Draft)」或「發布 (Publish)」。發布後，您的文章就會在前台顯示囉！

3. 建立你的靜態門面：新增頁面 (Pages)

頁面的建立方式跟文章很像，但通常會搭配選單使用。

實際操作：建立「關於我們」頁面

1. 進入頁面編輯介面： 在 WordPress 後台，點擊左側「頁面 (Pages)」>「新增頁面 (Add New)」。
2. 設定標題： 輸入「關於我們」。
3. 編輯內容： 使用區塊編輯器，填寫您的公司簡介、個人故事等等。
4. 右側設定欄： 頁面設定相對簡單，主要可以調整頁面屬性 (Page Attributes)，例如設定父子頁面關係。
5. 發布： 點擊「發布 (Publish)」。

4. 網站的眼睛與耳朵：媒體庫管理

「媒體」是您網站所有圖片、影片、音訊檔的家。管理好媒體庫，網站才能跑得順！

實際操作：上傳與管理媒體

1. 進入媒體庫： 在 WordPress 後台，點擊左側「媒體 (Media)」>「媒體庫 (Library)」。
2. 上傳檔案：
   • 點擊「新增 (Add New)」，拖曳檔案或選擇檔案上傳。
   • 小撇步： 上傳圖片前，建議先壓縮圖片大小 (可以使用 TinyPNG 等線上工具)，這樣能大大提升網站載入速度！
3. 編輯媒體資訊： 點擊已上傳的圖片，可以編輯「替代文字 (Alt Text)」、「標題 (Title)」、「說明 (Description)」等，這些對 SEO 和無障礙設計都很重要。

本堂課小結：

恭喜您！學會了如何撰寫文章、建立頁面，並管理媒體庫，您的網站已經不是空殼子了！

下一堂課，我們將要進入「外觀」設定，學習如何選擇和客製化佈景主題，讓您的網站變得更漂亮、更有特色！