Step 1
檢視上週的 Sitemap 草稿
寫下服務對象與訪客最常找的資訊，從草稿選出 3–5 個主要入口，標出哪些內容適合 Page、哪些適合 Post。
檢查點 → 每個主選單名稱都能對應一項明確的訪客需求。
WEEK 03 / WordPress 網站建置
WordPress 2：全站框架與內容類型
01｜這週你會做出什麼用 Sitemap 決定內容與導覽，分辨 Page／Post，建立 Astra 全站樣式、頁首頁尾與主選單。
2026-10-16（學期第 5 週）先理解底層概念，再跟著操作；卡住時查操作參考。查看完成標準 ↓
02 / UNDERSTAND
底層概念｜技術變了也要會判斷
Sitemap 決定導覽
網站先回答訪客要找什麼、下一步要去哪裡。Sitemap 整理內容的關係；主選單挑出重要入口，名稱要讓第一次來的人看得懂。
Page 與 Post 是兩種內容安排方式
穩定且可形成層級的介紹資訊適合 Page；持續發布、可按時間或分類整理的內容適合 Post。判斷依據是用途與更新方式，不是文字長短。
全站預設與單頁例外
共同的字體、色彩、內容寬度與頁首頁尾先形成全站規則。單頁設定只用來處理有理由的例外；每次修改都要確認影響的是整站還是其中一頁。
03 / MAKE
操作示範｜在 WordPress 與 Astra 實作
Step 2
建立網站內容骨架
先建立首頁、關於與一個主題內容 Page，填入能說明用途的簡短文字；再建立一篇示範 Post，放入適合的分類。下一週再完成各頁內容與版面。
檢查點 → 公開前台能開啟至少三個 Page 和一篇 Post，並能說明它們為何使用該內容類型。
Step 3
設定 Astra 全站外觀
在 Astra 的全站設定選定主要色彩、標題與內文字體、按鈕樣式和內容寬度。從兩個頁面比較設定是否一致。
檢查點 → 不同頁面沿用相同的全站視覺規則。
Step 4
建立 Header 與主選單
在頁首放網站名稱或 Logo，依 Sitemap 把已發布的主要 Page 放入選單，確認選單名稱與目的頁相符。
檢查點 → 訪客從主要頁面都能找到主選單，並回到首頁。
Step 5
建立 Footer
在頁尾放必要的網站識別與補充資訊，例如聯絡入口或版權資訊；逐項確認連結指向已存在的內容。
檢查點 → 主要頁面都看得到頁尾，連結可正常開啟。
Step 6
比較單頁設定並檢查手機導覽
挑選目前 Astra 版本可用的一項單頁外觀設定，記錄修改前後及影響範圍；再用手機版預覽檢查頁首與選單。
檢查點 → 能指出一項全站設定與一項單頁設定的差別，手機上能操作選單。
04 / REFERENCE
操作參考｜需要時再查
必看
開始操作前看重點，完成後用清單自查。
WordPress 預設編輯器：Page 與 Post 的設定
示範在 WordPress 預設編輯器中如何建立與設定 Page 和 Post，對照兩種內容類型的用途與操作差異。
約 27 分鐘
在 YouTube 開啟 ↗頁首頁尾與全站設定
示範 Astra 的全站設定，包含頁首、頁尾與整站共用的外觀規則，說明全站設定與單頁設定的差別。
約 28 分鐘
在 YouTube 開啟 ↗Sitemap、Page／Post 與全站框架檢核
先決定內容用途和主要入口，再檢查全站樣式與共用頁首頁尾。
地方活動網站：主選單放「活動資訊／參加方式／交通資訊」，固定介紹用 Page，活動紀錄用 Post；首頁可以有不同版面，但全站字體仍一致。
05 / DELIVER
本週成果
本週過關目標
完成 Sitemap、全站外觀、頁首頁尾與可使用的主選單
勾選供本次瀏覽自我檢核，重新整理後重設。繳交與期限依 Google Classroom 或學校 LMS 公告。
06 / DEBUG
常見問題 / Debug
選單中找不到剛建立的頁面？
先確認 Page 已發布，再把它加入主選單並儲存；不同 WordPress 版本的選單入口可能不同。
改了全站設定，為什麼某一頁沒有跟著變？
檢查該頁是否有 Astra 單頁設定或區塊自身的樣式，先找出哪一層設定影響了它，再決定是否保留例外。
07 / KEEP GOING
下一週，繼續往前。
帶著已完成的全站框架與內容骨架，下一單元由教師從頭到尾完整示範一次，全班跟著做，把網站架好。