WordPress教學可以分成網域主機、後台操作、版面設計、開店收款、搜尋與維運五個層次，先判斷自己站在哪一層，再從那一層讀起。贊贊小屋把過去架設WordPress網站的實作文章依此排成學習地圖，每節說明這一層的問題與值得先看的文章。
一、WordPress教學先看地圖：網站可以分成哪五個層次
一個WordPress網站大致可以拆成五個層次：最底下是網域與主機，讓網站有一個地址、有一台機器放著；往上是WordPress後台的基本操作，也就是文章、頁面、選單與網址；再往上是版面設計，決定網站看起來像什麼樣子；接著是開店收款，這一層只有需要賣東西的網站才會用到；最後是搜尋引擎的呈現，以及日常的備份與維護。
這五層是一張概念地圖，不是每個網站都必須依序走完的流程。只想寫部落格的人，可能完全不需要開店這一層；已經有主機的人，也不必從第一層重新來過。比較實際的讀法，是先判斷自己現在站在哪一層，再從那一層開始讀。
要先說明的是，這些文章大多寫於2023到2025年，是贊贊小屋當時實際操作後留下的紀錄。軟體與服務的介面會更新，因此讀的時候請把它們當成理解流程與判斷方向的參考，實際畫面若和文章不同，以官方現行的說明為準。
二、網域、DNS與主機：讓網站先真正上線
架設網站的第一件事，是讓別人能夠用一個網址找到你的網站。這背後牽涉三個東西：網域是你購買的名字，主機是真正存放網站的地方，DNS則負責把名字翻譯成主機的位置。很多新手第一次接觸時會覺得複雜，原因就在於這三件事分散在不同的平台，要在彼此之間來回設定。
贊贊小屋在Kinsta主機代管的實作中，把這個過程整理成三個基本觀念：網址要怎麼指向主機、Proxy代理是什麼、HTTPS為什麼重要。從新增網站網域、驗證所有權，到設定優先網址、處理連線不安全的提醒，一路走完之後，會發現核心操作其實就是DNS設定。如果只想先把觀念弄清楚，這是整個領域最值得先讀的一篇。
觀念有了之後，可以接著看如何在Kinsta WordPress控制台新增一個WordPress網站。這篇文章從選擇資料中心、了解CDN是什麼，到完成新建流程，讓你熟悉主機平台一次建站的基本樣貌。
網域與DNS的部分，另有兩篇偏向實作。一篇是DNS設定教學，以Cloudflare的名稱伺服器為例，搭配主機平台，說明如何新增TXT與CNAME類型的記錄，把自己的網域設定成網站的自訂網域；另一篇是Cloudflare DNS設定教學，從註冊網域之後開始，說明如何在Cloudflare免費方案下新增網站、更新名稱伺服器，完成網域解析。贊贊小屋當時使用的就是免費方案，並以此完成了網域解析的設定。
最後，動手改動網站之前，備份與測試環境是這一層很重要的安全網。贊贊小屋也記錄了Kinsta主機備份還原的做法：每日自動備份、手動備份，以及把備份還原到測試網站。先在測試網站上試過改版或升級，再決定要不要套用到正式網站，可以避免許多不必要的意外。
三、WordPress後台基本操作：文章、頁面、選單與網址
網站有了地址，接下來就是走進WordPress後台，學會最基本的內容管理。新手通常最先碰到的是文章與頁面。贊贊小屋記錄了如何用WordPress區塊編輯器新增第一篇文章：輸入標題、新增段落區塊、設定分類，再到發佈與設定可見度；另一篇是WordPress編輯器，補上新增頁面、更改永久連結，以及如何把某個頁面設為網站的靜態首頁。這兩篇合起來，就涵蓋了部落格與一般頁面最基本的流程。
內容建立之後，讀者要能在網站裡移動，這就是選單的工作。WordPress選單設定說明了在外觀中建立選單、把頁面加入選單，以及用自訂網址建立連結，也提到選單有不同的類型，可以先從最常用的兩種開始。
網址結構是這一層最容易被忽略、卻最值得一開始就想清楚的部分。文章、頁面與商品各自有預設的網址形式，WordPress也提供多種連結設定可以調整，WordPress URL設定有詳細說明。因為網址一旦上線被搜尋引擎收錄、被別人引用，之後再修改就會牽動轉址的問題，所以建議在內容還不多的時候，就先決定好永久連結的結構。
後台操作最後會碰到外掛，也就是擴充WordPress功能的主要方式。WordPress外掛安裝有三種常見的做法：直接在後台搜尋安裝、上傳ZIP檔，以及進階的FTP手動上傳，每一種都有適合的情境。學會這三種方法，後面的Elementor、WooCommerce與SEO外掛，才能順利裝上去。
四、Elementor版面設計：容器、範本與手機版
後台基本功熟悉後，就會想把網站做得更像樣。贊贊小屋過去架設WordPress網站時，使用過Elementor這套頁面編輯器。這一層的文章數量很多，但不需要全部依序讀完，可以依需要分成三個方向來看。
版面基礎與常用小工具
Elementor的起點是容器。所有的小工具都放在容器裡，所以必須先學會建立容器、設定版面配置、切換內容寬度，以及調整背景樣式。贊贊小屋把這個最基本的元素獨立寫成一篇Elementor頁面容器文章，適合作為進入Elementor的第一站。
容器學會之後，日常最常遇到的問題是間距：文字和邊框離多遠、左右留多少空白、手機上又要不要不同的設定。WordPress文字間隔這篇文章整理了四種邊距調整方法，並說明如何針對電腦與手機分別設定，讓版面更靈活。
範本與可重複使用的版型
當網站頁面越來越多，就不會想每次都從頭設計。贊贊小屋當時使用的Elementor，可以把設計好的元素儲存為全域小工具，在其他頁面重複使用，修改一處就能同步更新所有使用它的頁面（做法見Elementor版型庫）；這項功能的適用方案與現行介面，請以Elementor官方的最新說明為準。另一篇Elementor主題建構器則以網站底部固定出現的版型為例，說明如何建立統一範本，並設定顯示條件，讓全站共用同一個頁尾。
手機版與響應式版面調整
網站設計完成後，一定要用手機實際檢查。響應式網頁設計的意思，就是讓同一個網頁在電腦與行動裝置上都有良好的呈現。贊贊小屋以WordPress RWD中一個手機跑版的實際情形為例，示範如何在Elementor中切換電腦與手機預覽、調整手機版的設定，再測試最終結果。排版在電腦上看起來沒問題，不代表手機上也一樣，這一點越早習慣越好。
五、WooCommerce開店：商品、購物車與促銷
不是每個網站都需要賣東西，但只要想開店，WooCommerce是WordPress網站常見的開店外掛。這一層的文章依照開店的順序，可以分成商品、購物流程與促銷三個部分。
商品管理
第一步是認識WooCommerce並完成安裝。贊贊小屋記錄了WooCommerce中文教學：從搜尋下載、啟用到開始設定的九個步驟，過程中會選擇事業所處的階段、填寫商店所在地等基本資料，也會看到電商平台通常需要的基本頁面架構。
安裝完成後，最先碰到的商品問題，往往是同一個商品有不同款式。WooCommerce可變商品的設定，就是用屬性建立顏色、尺寸等不同規格，再自動產生各種款式，並統一設定價格。文章用兩個顏色與尺寸的例子，帶你走完建立與測試的流程。
購物流程
商品放上去之後，顧客要能加入購物車、前往結帳。購物車是購物網站的核心功能，贊贊小屋說明了如何在網站外觀編輯器中找到WordPress購物車的範本，並用區塊編輯器調整頁面。結帳頁面承接購物車的資料，往後連接付款，WooCommerce結帳頁面設定介紹如何改用自訂頁面，搭配短代碼區塊，取得更靈活的設置。
促銷與折價券
最後是促銷。折價券是電商經營最常用的工具之一，贊贊小屋在WooCommerce折價券教學中以建立一組500元優惠代碼為例，從設定名稱與種類、折扣金額與使用限制，到實際在購物車與結帳頁輸入並測試成功，完整走過一遍。
六、金流與電子發票：WooCommerce收款、綠界串接與開票
商品與購物流程完成後，最後一個問題是怎麼收到錢。這一層的概念比操作更重要，所以建議從觀念開始看。
線上付款方式有很多種，最接近傳統做法的是ATM轉帳。贊贊小屋以自己網站的實際結帳流程為例，說明從商品加入購物車、選擇付款方式、填寫發票資訊，到取得轉帳帳號與繳費期限的完整過程，並藉此介紹金流公司是做什麼的。接著，WooCommerce內建的離線付款方式，例如銀行轉帳，是最基本的收款設定，不用串接任何第三方服務就能開始收款，相關做法可參考WooCommerce金流。
如果要使用金流公司的服務，就會碰到申請的流程。以台灣常見的綠界科技為例，依贊贊小屋當時的申請紀錄，在開啟線上收款功能之前，需要註冊賣家、驗證手機與信箱、填寫基本資料與證件、設定銀行帳號並通過匯款1元的驗證，最後還要設定販售網址與信用卡收款額度。實際流程可能已經調整，申請時請以綠界現行說明為準。綠界科技登入流程這一篇讓你在正式申請之前，先知道要準備哪些資料。申請通過後，再用WooCommerce綠界教學把綠界的外掛安裝到WooCommerce，完成串接。
收款之後，電子發票是另一個需要提早了解的環節。贊贊小屋記錄了收到財政部配號通知後，如何在金流公司的後台新增與審核字軌號碼（電子發票字軌號碼取號）。完成字軌設定，是之後能自動開立發票的前置步驟。
在這之外，藍新金流查詢的訂單對帳、綠界信用卡退刷流程，以及遇到金流問題需要調整網站的TLS安全性設定等情況，贊贊小屋也各有一篇記錄；這些屬於上線之後才會用到的進階與疑難，可以等到真正遇到時再查閱。
七、Rank Math SEO與搜尋引擎：讓網站被看懂
網站做好之後，下一個問題是搜尋引擎看到的是什麼。贊贊小屋過去經營WordPress網站時，使用過Rank Math這套SEO外掛，這一層的文章可以分成基礎設定與進階操作兩個部分。
基礎設定主要是讓搜尋引擎正確讀懂每一個頁面。第一件事是meta description，也就是網頁的內容摘要：先檢視網頁原始碼，知道搜尋引擎看到什麼，再從文章摘要與外掛設定去調整。第二件事是標題，搜尋引擎看到的標題有時和網頁上呈現的不同，可以先用Google Search Console了解網頁的索引狀態，再透過外掛的標題設定修改。
中文網站使用SEO外掛時，有時會遇到評分項目不適用的問題。贊贊小屋在Rank Math SEO設定中記錄了如何向外掛客服詢問，並以程式碼調整，讓分數達到100分。這裡需要提醒的是，外掛的分數是協助檢查的工具，不等於搜尋排名，也不是SEO的最終目標，Rank Math官方說明同樣把它視為參考指引；有條件地參考就好，不必為了滿分而改變文章原本該有的寫法。
進階操作則有兩項。一項是結構化資料標記，也就是Schema，贊贊小屋在Rank Math SEO Schema這篇文章中，用外掛提供的功能為頁面選擇適當的類型，以課程頁面為例說明設定的方式。另一項是網頁轉址：當外掛更新造成網址變更，就可以在Rank Math的重新導向功能中，建立來源與目標網址，將舊網址導向新網址。如果想在伺服器端處理轉址，贊贊小屋也有另一篇用Cloudflare Redirect Rules設定301與302轉址的教學，可以搭配閱讀。
八、外掛衝突、更新、降級、備份與故障排除
網站上線之後，每天面對的就不再是新功能，而是維護。這一層的核心觀念是外掛不是越多越好，每一個外掛都可能帶來更新的風險與衝突的可能。
選擇外掛時，贊贊小屋從網站狀態的警示出發，在WordPress外掛推薦中說明如何依來源與大小篩選自動載入的選項、找出網站已不再使用的外掛殘留，並提醒選擇與使用外掛時要注意什麼。遇到問題時，最實際的做法是分段排查：Javascript Delay造成外掛衝突這篇文章記錄了網頁影片無法播放的案例，原因是速度優化外掛的JavaScript延遲功能與影片外掛互相衝突，最後透過設定例外而恢復正常。外掛更新後編輯器無法使用，也是常見的情形，另一篇Elementor版本更新的文章記錄了如何向外掛技術人員提出支援、下載系統資訊，再透過調高WordPress記憶體容量解決。
外掛更新後如果出現問題，有時候可以考慮版本降級。贊贊小屋以Tutor LMS為例，說明如何找到舊版本、下載再上傳安裝來取代現有版本。要提醒的是，降級是遇到特定故障時的處理選項，不是一般更新時的預設做法，操作前應先備份，並留意新舊版本在相容性與安全性上的差異。
備份則是所有維護工作的基礎。贊贊小屋使用WPvivid這類WordPress備份外掛，只要一個動作就能把整個網站匯出，也能匯入到測試網站完成復原，順便完成網站搬家。在動手改動、更新或降級之前先做一次備份，是整個維護流程最划算的習慣。
另外，贊贊小屋也記錄過資料庫清理、圖片壓縮，以及在網站上放置影片、廣告的外掛應用；這些屬於選用功能，可依自己的需要再查閱，不是架設網站的必經步驟。
依自己的目標選一條閱讀路線
看完整張WordPress教學地圖之後，不需要全部讀完，只要依照自己的目標挑一條路線。
如果目標是先完成WordPress架站，建議先走網域與主機，再讀後台基本操作：先把網址與主機的觀念弄清楚，再學會新增文章、頁面、選單與永久連結，之後再考慮版面。這條路線完成後，你已經擁有一個可以對外公開、能夠發佈內容的網站。
如果目標是賣東西，就在這條路線之後加上WooCommerce與金流發票。這一段的順序是商品、購物流程、促銷，最後才是金流與發票；其中金流公司的申請需要準備不少資料，建議提早開始。
如果目標是讓網站更容易被搜尋到，則是在網站有了內容之後，再讀Rank Math的基礎設定，先確認標題與摘要，再視需要處理結構化資料與轉址。無論走哪一條路線，維護與備份都是長期要做的事，可以隨時回到最後一節。
再提醒一次，這些文章是贊贊小屋過去實際操作的紀錄，介面與功能可能已經更新。把它們當作理解流程、判斷方向的地圖，遇到實際操作時，再對照官方的最新說明，才會走得更穩。
