Step 1
先分清楚前端與後端
打開一個公開網站，再登入 WordPress Dashboard。前端是訪客看到與操作的畫面；後端是你管理內容、外觀與設定的工作區。
檢查點 → 能指出同一個網站的前端網址與後台入口，並說明兩者差異。
WEEK 02 / WordPress 網站建置
WordPress 1：建站與啟用 Astra
01｜這週你會做出什麼辨認網站前台與後台，完成 WordPress 基本設定並啟用 Astra，帶著網站主題草擬 Sitemap。
2026-10-02（學期第 3 週）先理解底層概念，再跟著操作；卡住時查操作參考。查看完成標準 ↓
02 / UNDERSTAND
底層概念｜技術變了也要會判斷
前端 / 後端
前端是瀏覽器呈現給訪客的畫面；後端是管理內容、權限、資料與設定的工作區。WordPress 後台就是其中一種內容管理介面。
WordPress / CMS
WordPress 是內容管理系統。你可以在後台編輯內容與網站設定，再由系統把結果呈現在前台。
內容、外觀與網站識別
網站內容與共同外觀需要分開思考。Astra 提供外觀的共用框架；網站名稱和 Site Icon 幫訪客辨認網站，內容要依訪客需求規劃。
03 / MAKE
操作示範｜在 WordPress 與 Astra 實作
Step 2
認識 WordPress 與 CMS
在 Dashboard 找到文章、頁面、媒體、外觀與設定，先理解 WordPress 是用後台管理網站內容的 CMS。這週先觀察位置，不急著建立完整內容架構。
檢查點 → 能說出 WordPress 後台至少三個主要區域，以及它們各自管理什麼。
Step 3
安裝並啟用 Astra
在外觀中安裝並啟用 Astra，觀察前台的共用版型。保留啟用前後的畫面，下一單元才設定全站樣式與頁首頁尾。
檢查點 → 前台已使用 Astra，且你知道如何回到佈景主題管理畫面。
Step 4
設定網站名稱與網站圖示
在網站識別或自訂器中設定網站名稱、簡短說明與 Site Icon。圖示建議使用清楚、簡單、在小尺寸仍看得懂的圖像。
檢查點 → 重新整理公開網站，瀏覽器分頁看得到新的網站圖示與網站名稱。
Step 5
從訪客視角檢查並草擬 Sitemap
用無痕視窗確認 Astra 與網站圖示已顯示，再寫下網站服務對象、主要目的與可能需要的 3–5 個內容入口，作為下週討論的 Sitemap 草稿。
檢查點 → 未登入的訪客看得到網站；能帶著一張 Sitemap 草稿進入下一單元。
04 / REFERENCE
操作參考｜需要時再查
必看
開始操作前看重點，完成後用清單自查。
網站架設的基本概念 01
先理解網站前端與後端各自負責什麼，以及 WordPress 在架站流程中扮演的角色。
課前影片
在 YouTube 開啟 ↗申請 WordPress 與決定網站架構
認識 WordPress 的基本介面與建立網站前要先做的架構決定。
課前影片
在 YouTube 開啟 ↗更改網站圖示
跟著操作設定網站圖示，讓瀏覽器分頁與網站識別更容易辨認。
課前影片
在 YouTube 開啟 ↗05 / DELIVER
本週成果
本週過關目標
完成 WordPress 與 Astra 基本設定，提出網站主題和 Sitemap 草稿
勾選供本次瀏覽自我檢核，重新整理後重設。繳交與期限依 Google Classroom 或學校 LMS 公告。
06 / DEBUG
常見問題 / Debug
我登入的是前端還是後端？
看到網站內容的是前端；看到 Dashboard、文章、外觀與設定選單的是後端。
Astra 啟用後，網站看起來沒有變？
先確認是否真的按下啟用，再用無痕視窗重新開啟公開網址。不同 Theme 的差異可能需要清除快取或重新整理才會看見。
網站圖示沒有更新怎麼辦？
確認已儲存或發布網站識別設定，再重新整理瀏覽器分頁。若仍看到舊圖示，先用無痕視窗檢查是否只是瀏覽器快取。
07 / KEEP GOING
下一週，繼續往前。
帶著已啟用 Astra 的網站與 Sitemap 草稿，下一單元決定 Page／Post，設定全站外觀、頁首頁尾與導覽。