在一個安靜的工作室裡,初次打算建立 WordPress 網站的你,像是握有一張尚未揭露的地圖。地圖分成兩條路:wordpress.org 的自由與 wordpress.com 的商務方案。選對路徑,旅程從租用主機、註冊域名開始,再安裝 WordPress。接著選 Astra 主題、安裝 Starter Templates、啟用 Elementor,學會用模板快速成形。再到編輯內容、自訂頁首與頁尾、建立導航,並以 SEO 打開流量之門。本篇以穩妥要點與實作指南,帶你從零到成型,成為自信的網站創作者。
文章目錄
- 了解 WordPress 的兩大版本與成本差異:為何選擇 WordPress.org 而避開 WordPress.com 的高額方案
- 實務選擇與安裝:以 Hostinger 為例的低成本高穩定性主機與域名註冊策略
- 從零到上線:完整的 WordPress 安裝與基礎設定流程要點
- 快速佈景與功能擴充:Astra 主題配合 Starter Templates 與 Elementor 的實作要點
- 內容編輯與站點架構實作:建立頁面、設定導航、以及自訂頁首與頁尾的最佳流程
- 常見問答
- 最後總結來說
了解 WordPress 的兩大版本與成本差異:為何選擇 WordPress.org 而避開 WordPress.com 的高額方案
在建立 WordPress 網站時,最容易踩到的坑是忽略兩大版本的成本與彈性差異。WordPress.org 是開源軟體,免費下載後自行部署在自己的伺服器上,讓你擁有完整的掌控權與自訂空間;相對地,WordPress.com 是以盈利為核心的託管平台,若要解鎖全部主題與外掛,通常需要升級到商務方案,月費起價為 25 美元/月。若改用其他主機商,整個 WordPress 生態系統往往能以低於 3 美元/月的成本提供相同的靈活性與安裝便利,這也是為何我在本系列中建議以 WordPress.org 為起點,而非直接投身 WordPress.com 的原因,長期花費往往低十倍以上。
| 項目 | WordPress.org | wordpress.com |
|---|---|---|
| 成本 | 軟體免費,加上主機與域名等費用,通常低於每月 3 美元起 | 商務方案起價 25 美元/月,進階功能需額外付費 |
| 主機與托管 | 自行選擇主機商,自行安裝 WordPress | 平台提供一體式托管 |
| 主題與外掛 | 可完全自由存取與安裝 | 部分主題/外掛受限,解鎖需商務方案 |
| 控制權與資料 | 對網站、資料與設定擁有完全控制權 | 資料與設定需遵循平台規範,彈性較低 |
簡單地說,如果你想要高性價比與長期擴充,選擇 WordPress.org 顯得更具彈性;如果追求極致的即時便利與「一站式」托管,WordPress.com 可能短期看起來更省事,但長期成本與限制會逐步顯現。
在這系列教學中,我會以 Hostinger 為例,展示如何在同一步驟中完成穩定且具成本效益的部署。Hostinger 提供快速、穩定且比多數競爭對手更友善的價格,且透過文章中的第一個連結註冊,還能再享 10% 折扣。此外,Hostinger 提供 30 天退款保障,若在前 30 天改變主意,能輕鬆取得全額退款,讓你在實作前有充分的試用空間。
- 掌控與彈性:自行選擇主機、域名與後續擴充,無網路平台的限制。
- 成本友善:低到每月幾美元的主機費用,長期來說比起 WordPress.com 的標準方案更具優勢。
- 開源生態:海量主題與外掛、活躍社群,能快速找到解決方案與支援。
實作上,若你選擇 WordPress.org 的路徑,核心步驟通常包含:選擇主機與購買域名、安裝 WordPress、設定站台外觀(主題)、安裝第一批外掛與模板、使用頁面建置工具進行內容製作,並在完成後透過自訂導覽與頁尾、頭部等區塊建立完整網站結構。以下是快速提要,供參考與後續延伸學習使用:
- 選擇主機:以 Hostinger 為例,速度與穩定性兼顧,且價格親民。
- 購買域名:挑選易記且符合品牌的域名,完成註冊與域名驗證流程。
- 安裝 WordPress:透過主機後台的自動安裝流程完成安裝。
- 設定與佈景:安裝 Astra 主題與 Starter Templates 插件,以建立起步模板與設計框架。
實務選擇與安裝:以 Hostinger 為例的低成本高穩定性主機與域名註冊策略
在建立第一個 WordPress 網站的實務路線上,選對主機與域名是長久穩定運作的關鍵。先了解 WordPress 的兩種版本:wordpress.org 提供免費的開源軟體,任何伺服器皆可安裝;而 wordpress.com 是以託管服務為主的商業方案,要解鎖完成的主題與外掛往往需要較高的月費。相較之下,選用像 Hostinger 這樣的主機,能以更低成本取得完整的 WordPress 生態系統,通常低於每月三美元,並且設置流程同樣直覺。若想要最佳效能,建議選用商務方案;若預算有限,Premium 方案亦能滿足初期需求。為了讓新站起步更順,本站連結註冊可享額外折扣,並包含 30 天無條件退款保證,讓你無風險試用。
| 方案 | 主要特點 | 適用場景 |
|---|---|---|
| 商務方案 | 最佳效能與穩定性、完整的資料中心與快取選項 | 流量較高、對穩定性有高要求的商業網站 |
| Premium 方案 | 成本友善、功能充足,適合新站與小型專案 | 預算有限、需要穩定支援的個人/小型網站 |
第二步,域名註冊策略也相當重要。你的域名就等於網站的名片,請盡量選擇短、易記且容易輸入的名稱,並優先考慮 .com 類型,因為它在全球最廣泛被信任。以「danfrommetics.com」為例,完成域名查詢後可直接註冊;註冊時需選擇是個人站或公司/組織站,並填寫聯絡資訊,完成註冊後還要再次驗證電子郵件遞送的地址以完成生效。域名啟用後,你會在 Hostinger 後台看到狀態更新,此時域名就正式可用。為了更順利執行,建議在註冊過程中務必開啟郵件驗證,避免日後連結與設定出現問題。
第三步,安裝 WordPress 的流程設計得既快速又穩妥。在 Hostinger 後台點選「創建新網站」,選擇與你已註冊的域名關聯,並選擇以 WordPress 作為建站工具。接著設定 WordPress 管理員帳號密碼、預設佈景主題(先用預設的 2025 主題即可)、以及資料中心位置(選離目標讀者最近的伺服區域以提升速度)。完成安裝後,你可以透過域名/wp-admin 進入 WordPress 控制台,開始正式管理網站與內容。若未來需要重新進入後台,也能在新分頁輸入域名/wp-admin 直接進入。Hostinger 同時提供 30 天退款保證,讓新手在不確定時也能放心嘗試。
第四步,佈景與外掛的安裝要點在於「快速上手且可擴充」。先安裝 Astra 佈景,因其免費版就具備良好設計與相容性,適合作為初期的視覺框架;接著安裝 Starter Templates 外掛,讓你可以快速取得大量免費網站模板,減少從零設計的時間。再安裝 elementor 作為頁面編輯器(若尚未出現在頁面編輯器中,可另行設定補齊),讓你可透過拖放的方式打造專業頁面。理解佈景與模板的區別:佈景控制整站的整體風格與佈局;模板則是一個頁面的特定佈局。大量模板雖有付費標註,但也有許多免費選擇,適合初期練手並迅速上線。
第五步,利用 Elementor 進行內容與頁面排版的編輯。每個頁面都由單一或多個「容器(Container)」組成,新增容器只需點擊加號並拖動到你想的位置,移除容器則點擊叉叉。編輯文本只需選中對應元素並輸入新文字,樣式可在左側的「風格」選單調整字型與排版;編輯圖片則點擊圖片並上傳新圖,樣式可調整位置與對齊。新頁面想要上線時,先在網站前端新建頁面,輸入頁面名稱並發佈,之後再於自訂選單中將新頁面加入主導覽列。完整掌握後,你就能在不需寫一行程式碼的情況下,完成從版面設計到內容編輯的整體流程。若要進一步量身定制頁眉與頁尾,請在自訂介面中進入相應設定,逐步微調整體風格與結構,讓網站呈現專業而一致的品牌形象。
從零到上線:完整的 WordPress 安裝與基礎設定流程要點
開始前先理解版本差異,有助於避免高額的成本與踩雷。兩個版本分別是 WordPress.org 與 WordPress.com。WordPress.org 提供免費的開源軟體,下載後可安裝在任一伺服器上,完全自主管理;而 WordPress.com 是商業托管,若要解鎖全部主題與外掛,通常需升級到商業方案,起價約每月 25 美元。若選擇其他主機商,往往能以低於 3 美元/月 的價格取得完整生態系統與相同便利性,因此本指南不建議以 WordPress.com 為起點。
第一步:取得主機( hosting ),就是租用伺服器讓網站 24/7 上線。眾多選項中,我們以 Hostinger 為例:速度快、穩定、設定容易,且比大多數方案更經濟。透過本文所述連結註冊,還能額外獲得 10% 折扣。為了最佳效能,建議選擇商務方案;預算有限時,Premium 方案亦能正常運作。完成付款後,會進入 Hostinger 的新手導覽,待辦清單中需要先完成 驗證電子郵件。
- 要點:選好主機商、關注效能與價格比。
- 要點:完成郵件驗證以啟用帳戶。
第二步:取得網域( domain )。網域就是網站的名稱,例如 apple.com。點擊 claim domain,挑選「短、好記,最好是 .com」的域名。此處以示例域名 danfrommetics.com 為例。選擇是個人網站或公司/機構網站,填寫基本聯繫資訊,完成註冊。完成後通常會再跳出推廣項目,先點選略過;接著需再次驗證電郵以完成域名註冊。完成後回到主機面板即可看到域名啟用,完成第二步。
- 要點:選擇簡短易記的.com 域名。
- 要點:驗證郵件以完成域名啟用。
第三步:安裝 WordPress。在 Hostinger 主控台,點選「首頁」,在待辦清單中點擊「Continue」以開始建站,選擇「Create new website」並選擇以 WordPress 建站。設定 WordPress 帳戶密碼,接著選擇佈景主題,先以預設的 2025 為例,稍後再變更。安裝過程中,先選「Do not stop plugins」以暫時跳過外掛安裝。選擇已註冊的域名與最近的資料中心,以提升載入速度,最後點選 Install WordPress。安裝完成後,點擊左上角的 Dashboard,或在新分頁輸入 yourdomain/wp-admin 即可登入 WordPress 後台。
第四步與第五步:安裝佈景與外掛、與內容編輯。先安裝 Astra 佈景(免費版本也相當受歡迎),再安裝外掛 Starter Templates,它提供大量免費範本,讓設計更快速。接著在外掛清單中啟用 Elementor 作為頁面編輯器。佈景與模板的區別在於:佈景掌控整站的整體外觀與版型,而模板只影響單一頁面的版型。選擇範本後,先自訂網站 LOGO、字型與顏色,然後根據需求套用模板,網站就會看起來比從零開始更專業。接著使用 Elementor 編輯:點擊 Edit with Elementor,頁面以容器 (containers) 組成,新增容器、拖放元件、編輯文字與按鈕、替換圖片。完成頁面後,新增頁面至網站導覽列,方法是前往 自訂 > 導覽列,把新頁面加入 主導覽。要編輯頁首與頁尾,可在 自訂 介面中進行設定,讓整個網站的標頭與版面更加一致與專業。
| 步驟 | 重點要點 | 建議設定 |
|---|---|---|
| 1. 選擇主機 | Hostinger、商務或 Premium 方案 | 30天退款保障 |
| 2. 註冊網域 | 簡短易記,建議 .com | 驗證郵件完成註冊 |
| 3. 安裝 WordPress | 登入、選擇近客群資料中心 | 完成後登入 wp-admin |
| 4. 安裝佈景與外掛 | Astra、Starter Templates、Elementor | 先避免啟用過多外掛 |
快速佈景與功能擴充:Astra 主題配合 starter Templates 與 Elementor 的實作要點
快速佈景與功能擴充 的實作要點正是 Astra 主題搭配 Starter Templates 與 Elementor 的核心價值。先把基礎講清楚:有兩種 WordPress 版本,wordpress.org 允許你免費取得原始碼並自建伺服器;wordpress.com 是商業託管平台,全面解鎖佈景與外掛往往需升級,成本較高。若以穩定性與長期擴充考量,建議採用自架方案,像是 Hostinger 這類提供較低門檻與良好效能的方案,並搭配配套的折扣入口以降低初期成本。
快速佈景流程要點,遵循以下步驟即可快速落地:
- 購買主機與域名:選擇靠近目標受眾的資料中心,取得短且易記的 .com 域名,並利用 30 天退款保障降低風險。
- 安裝 WordPress:在主機後台建立新網站,設置基本密碼與站點資訊,完成後可直接進入後台管理。
- 安裝 Astra 與 Starter Templates 外掛:在外掛頁面搜尋並安裝 Starter Templates;同時啟用 Astra 主題,確保網頁風格可全站統一。
- 設定 elementor 作為頁面建立工具:在 Elementor 選擇為預設頁面建構工具,後續頁面即採用拖放式編輯。
- 理解模板與主題的區別:主題決定整站風格與排版規則,模板只影響單一頁面的布局,善用模板快速佈景再做細節調整。
在 Astra 與 Starter Templates 的實作要點,你可以先從模板庫中挑選免費模板,並用 Elementor 逐步自訂。進入模板後,透過左側面板修改網站的標誌、字體與顏色;需要搖身一變的按鈕、區塊等元件,也都可以在同一介面進行風格調整。若想要建立新頁面,先打開網站並新增頁面,然後用 Elementor 編輯;也可從模板庫直接匯入整頁布局,完成後再透過自訂選單把新頁加入導覽。
| 步驟 | 重點與說明 |
|---|---|
| 新增與編輯頁面 | 在後台 > 新增頁面,選擇編輯與 Elementor,拖放元件組成新內容。 |
| 模板與佈景的區分 | 主題掌控整站風格,模板僅影響單頁布局,搭配可快速打造專案感。 |
| 導覽與頁眉頁腳 | 透過 自訂 > 導覽選單 設定導航,Header/Footer 可在自訂介面完成編輯與預覽。 |
完成後的實作小貼士:在自訂中測試多裝置介面,確保桌面與手機顯示都順暢;建立新頁面並加入主選單,避免使用者在導航上迷路;若遇到 Elementor 無法顯示的選項,先檢查是否有更新外掛與主題,或重新啟用頁面建構工具,避免卡住整站。
內容編輯與站點架構實作:建立頁面、設定導航、以及自訂頁首與頁尾的最佳流程
在踏入內容編輯與站點架構實作之前,先把核心觀念打穩:wordpress 的選擇並不只有一條路。有兩個版本要理解:wordpress.org 允許你下載開源軟體並安裝於任一伺服器,讓你掌握全部外掛與佈景的自由;而 wordpress.com 是以托管為主的商業方案,常常需要升級才能解鎖完整功能,長期成本偏高。因此,若要充分掌控整個生態,通常會走自訂主機的路線。以 Hostinger 為例,結合穩定與經濟的方案,即可建立低成本但專業的網站。透過本教學的完整流程,你將清楚看到如何以每月不到三美元的成本,獲得完整的 WordPress 生態與順暢的設定體驗。 [[1]]
接下來的流程會帶你從「租用主機」到「取得域名」再到「安裝 WordPress」。主機/托管 的選擇直接影響網站穩定性與效能,本文以 Hostinger 為案例,說明如何快速完成註冊、驗證電郵、取得域名以及完成域名註冊與指向。你將看到:
- 30 天退款保證,提升嘗試信心
- 選擇最適合的計畫以平衡成本與效能
- 域名取得與註冊流程的實務操作
整個過程清晰易懂,讓新手也能快速落地。 [[1]]
第三步是安裝 WordPress:在控制台建立新網站、選擇域名與網站資料中心、設定管理帳號與密碼,並完成 WordPress 安裝。安裝完成後,透過 wp-admin 入口就能進入後台開始設定。接著進入佈景與外掛區域,先安裝 Astra 主題,並安裝 Starter templates 外掛,以取得大量免費模板,快速搭建專業外觀與版型。這些步驟在指引中被詳實展示,讓你少走彎路。 [[1]] [[5]]
第四步是打造頁面與佈局:安裝 Astra 主題之後,透過 Starter Templates 擴充模板庫,選擇免費模板並搭配 elementor 進行頁面設計。重要的是要理解兩者的區別:主題決定整站的整體外觀、顏色與字型等全域樣式;模板則負責單一頁面的排版布局,例如首頁、關於、聯絡等。你可以在左側編輯區自訂網站標誌、字體、顏色,並透過模板快速建立專業外觀。若遇到 Elementor 選項顯示異常的情況,也可參考教學做修正。 [[1]] [[5]]
| 項目 | 說明 |
|---|---|
| Theme | 控制整站外觀、色彩、字型與整體佈局 |
| Template | 單一頁面的特定排版,例如首頁/關於/聯絡 |
第五步是內容編輯與站點導航的落地實作:使用 elementor 編輯器逐步調整文字、按鈕、影像與排版,以及如何新增和管理頁面。新增頁面後,透過自訂介面將新頁加入主導航,並在「自訂」>「選單」中建立或修改主選單。為了全站的一致性,亦可在自訂介面中調整頁首與頁尾的設定,確保所有頁面共享相同的品牌風格與導覽結構。這部分的操作與知識,能讓你在短時間內完成一個可實戰的站點框架。 [[4]] [[5]]
常見問答
問1:為什麼要選用 WordPress.org 而不是 WordPress.com?這在成本與自由度上有何差異?
答1:WordPress.org 提供的是開源的 WordPress 軟體,免費下載後可安裝在任意伺服器上,擁有最大自由度與彈性,能自由安裝主題與外掛,並掌控網站的整體設定與數據。相比之下,WordPress.com 是營利公司提供的付費主機服務,要解鎖全部主題與外掛通常需要商務方案,月費起價約 $25,長期下來成本可能高於自己找主機商的方案。若選用像 Hostinger 這樣的主機商,往往能以低於每月 3 美元就取得完整的 wordpress 生態系統與設定便利,且仍有 30 天退款保證等保障。換句話說,選擇 WordPress.org 提供更低成本、更多權限與長遠的發展空間,是初學者更穩妥、成本更友善的路徑。
問2:新手建站的五步驟是什麼?實作上有哪些關鍵要點?
答2:核心五步如下:1) 設定主機(Hosting)— 選擇可靠且價格友善的方案,例如 hostinger,並利用首支連結享有額外折扣,注意選擇適合的方案與可接受的月費。2) 設定網域(Domain)— 註冊易於記憶的域名,完成申請後需驗證電子信箱。3) 安裝 WordPress — 在主機後台建立新站點,設定管理帳號與密碼,並選擇預設佈景(先用 2025 主題臨時就緒,後續再調整)。4) 安裝主題與外掛 — 安裝 Astra 主題(免費版本即可用),再安裝 Starter Templates 外掛以快速取得模板,並確認頁面建構器(如 Elementor)設定完成。5) 自訂與內容編輯 — 使用 Elementor 編輯頁面內容、建立新頁面並加入導覽選單,學會編輯文字、圖片與排版,以及調整頁首與頁尾等。這些步驟讓網站在成本、速度與專業度上都更具競爭力。
問3:要如何快速且專業地建立並自訂網站,應該使用哪些工具與工作流程?
答3:關鍵組合是 Astra 主題、Starter Templates 外掛與 Elementor 頁面建構器。步驟如下:先安裝 Astra 主題(免費即可),再安裝 Starter Templates 外掛,開啟模板庫選擇合適的免費模板,搭配 Elementor 進行頁面編輯。主題(Theme)決定整站的整體外觀、顏色與版面;模板(Template)則是特定頁面的佈局,能快速套用到首頁、關於頁、聯絡頁等。建立新頁面時,透過 Elementor 拖放元件、編輯文字與圖片,並在「自訂」中的「菜單」將新頁面加入主選單,讓導航更順暢。要編輯網站的頁眉與頁尾,可在自訂介面進行,這樣就能在不寫程式碼的情況下完成專業的網站架構與美觀設計。透過這套工具組與流程,即可以較短時間建立出看起來專業、易於維護的 wordpress 網站,同時保留日後擴充與調整的空間。
最後總結來說
透過本篇《2026 初學者 WordPress 教學》所提供的穩妥要點與實作指南,你已具備從安裝、域名與主機、佈景與外掛、內容編輯到 SEO 的完整工作流程。你將能用 WordPress.org 的彈性、Astra 佈景與 starter Templates/Elementor 等工具,快速建立專業且適合未來成長的網站,並以清晰的內容策略與基本 SEO 知識,讓網站在搜尋與使用者體驗上都穩健發展。現在就開始動手實作,建立你的第一個穩定網站,觀察流量與互動的變化,並在實作中逐步優化。若喜歡本教學,歡迎訂閱更新、留言分享你的成果,或下載實作檢核清單,一同把你的網路影響力推向新高度。

中央大學數學碩士,董老師從2011年開始網路創業,教導網路行銷,並從2023年起專注AI領域,特別是AI輔助創作。本網站所刊載之文章內容由人工智慧(AI)技術自動生成,僅供參考與學習用途。雖我們盡力審核資訊正確性,但無法保證內容的完整性、準確性或即時性且不構成法律、醫療或財務建議。若您發現本網站有任何錯誤、過時或具爭議之資訊,歡迎透過下列聯絡方式告知,我們將儘速審核並處理。如果你發現文章內容有誤:點擊這裡舉報。一旦修正成功,每篇文章我們將獎勵100元消費點數給您。如果AI文章內容將貴公司的資訊寫錯,文章下架請求,敬請來信(商務合作、客座文章、站內廣告與業配文亦同):[email protected]





