Astra 主題免費版完整教學：功能詳解與範例

在 WordPress 官方目錄打上「Astra」，你會看到一個一百多萬活躍安裝的數字（WordPress.org 的 Astra 頁面，2026 年 8 月），這時候心裡通常會冒出兩個聲音：一個說「就用它吧，大家都在用」，另一個說「免費版到底能做出什麼東西，會不會弄到一半才發現要付費」。下面就把第二個聲音一次回答清楚。

先給結論。Astra 免費版是少數「真的能用免費做出一個像樣網站」的 WordPress 主題。它不是那種把核心功能鎖死、逼你升級 Pro 才能動的半成品。免費版給你的東西，足夠架出一個速度快的形象網站、部落格，甚至小型購物車的骨架。差別在於：你願意花多少時間把它的免費設定推到極限。

核心重點三句話

一、Astra 免費版的核心價值是輕量基礎與常用設計控制。
二、把 Customizer、Header Builder、頁面編輯器三層搞懂，多數基本網站就能先做起來。
三、Astra Pro 擴充主題進階功能；Premium Starter Templates 則要 Essential 或 Business Toolkit，兩者不能混為一談。

為什麼把 Astra 免費版排在新手架站的第一志願

WordPress 本身就是這個時代架站的預設選項。根據 W3Techs 的市佔調查，WordPress 在所有使用內容管理系統的網站裡，佔有率長期維持在六成以上。在這麼大的生態裡，佈景主題就是地基。地基選錯，後面所有外掛、設計、SEO 投入都會跟著歪。

Astra 之所以成為預設推薦，不是因為它功能最強，而是因為它做對了三件事：

• 前端載入極輕。它的預設打包檔很小，不會塞一堆你用不到的 jQuery 與動畫庫。網站變快，SEO 與使用者體驗同時受惠。
• 與頁面編輯器的相容性廣。Gutenberg、Elementor、Beaver Builder 它都能接，等於你選了 Astra 之後，編輯器這條路還是開放的。
• 免費版的誠意夠。很多主題的免費版只是「展示品」，關鍵設定全鎖。Astra 免費版把 Customizer 全域設計、Header Builder、WooCommerce 基礎相容都留給你了。

換句話說，選主題很像選房子。你要的是一個結構穩、採光好、水電通的空殼，然後再依自己的預算決定要怎麼裝潢。Astra 免費版就是那個結構夠穩的空殼。如果你還在比較其他主題，可以回頭看 WordPress 佈景主題的完整比較，把 Astra 放進脈絡裡一起評估。要是你評估完反而想要「主題連編輯器一次買齊」的全包系統，可以先看過 Avada 主題的購買、安裝與設定流程，再決定要不要往那條路走。

如果你連 WordPress 都還沒裝起來，主題的事先放一邊。先把 WordPress 跑起來，再回來設定 Astra。安裝流程可以照著WordPress 安裝教學走，四種主流方法都涵蓋了。

Astra 免費版跟其他免費主題差在哪

你可能會問：免費主題那麼多，Astra 到底贏在哪？這個問題是新手最常問的，最快的回答方式是一張橫向比較表。把市面上三款最常被拿來跟 Astra 相提並論的免費主題擺在一起，讓你一次看清楚各自的強項與取捨。

比較項目	Astra 免費	GeneratePress 免費	Kadence 免費
主題輕量程度	極輕	極輕（更精簡）	輕
Header Builder 拖曳	有	免費版功能較少	有
免費模板數量	Starter Templates 部分免費	少	部分免費
Customizer 控制深度	完整	精簡，進階鎖 Pro	完整
WooCommerce 基礎相容	有	有	有
學習曲線	平緩，新手友善	偏技術向	平緩

結論很簡單：這三款都是好主題，沒有絕對的優劣。Astra 的優勢在於「平衡感」最好，它的免費版在易用性、功能完整度、模板選擇之間，取得了一個對新手最友善的平衡。GeneratePress 更精簡、更技術向，適合追求極致效能的人；Kadence 近年進步很快，Header Builder 體驗也不錯。如果你已經習慣其中一款，沒有非換不可的理由，就繼續用。主題的選擇，真正重要的是哪一款你最願意花時間深入學。沒有絕對的最好，只有最適合你的。想看更完整的主題比較，可以回頭讀十五大 WordPress 佈景主題推薦。

Astra 免費版真實功能清單：你拿到什麼、沒拿到什麼

這一節是整篇文章最該看清楚的地方。很多新手以為「免費版 = 什麼都有」，也有人誤以為「免費版 = 什麼都沒有」。真相在兩個極端中間。用一張表把免費版實際拿到的、以及被 Pro 鎖起來的功能，一次列清楚。

功能區塊	免費版	Pro 版（需升級）
Customizer 全域設計（配色、字型、按鈕）	有，基礎選項完整	更多進階控制項
Header Builder	有，基本元素可拖曳	進階元素（社群圖示、觸發器等）
頁面容器與排版	有，含寬度、間距控制	更多版型與斷點控制
Starter Templates 模板匯入	可使用免費模板	Astra Pro 不解鎖 Premium；需另選 Toolkit
WooCommerce 相容	有，基礎購物頁可運作	購物頁細部設計控制
Typography（字型模組）	基礎	進階字型控制
顏色/背景進階模組	無	有
Sticky Header、透明 Header	透明 Header 可用；Sticky 受限	提供 Sticky Header 與進階控制
白標（White Label）	無	有

從這張表你可以看到一件事：免費版缺的，大多是「設計的細部控制」，而不是「網站能不能運作」這種核心能力。換句話說，Astra 免費版可以讓你的網站正常上線、正常被搜尋、正常販售，它只是沒辦法讓你把每一個像素都調到極致。對新手來說，這個取捨通常是可以接受的。

開工清單：主機、網域、SSL 憑證三件事先到位

主題再好，沒有主機和網域也跑不起來。建議你在碰 Astra 之前，先把接下來這三件事確認好，才不會做到一半被環境問題打斷。

主機：優先挑加速型的方案

Astra 主題本身很輕，所以主機的影響會被放大。如果你的主機回應慢，裝再快的主題也救不回來。新手通常會建議從口碑穩定的虛擬主機入門，例如 Bluehost 或 SiteGround；如果預算夠、想要更好的效能與控制權，可以考慮 Cloudways 這類雲端主機。對主機類型完全沒概念的話，先讀過共享主機、VPS 與雲端主機的比較，會幫你少走很多冤枉路。

網域：你的門牌，一次買定

網域就是讀者輸入的那串網址。買網域之前，先想清楚品牌名稱、是否要 .tw 還是 .com，因為這會跟著你很久。完整的網域查詢、註冊與 DNS 設定流程，寫在網域申請購買全攻略裡，照著走不會漏。

SSL 憑證：沒有它，連瀏覽器都會警告你

網站若未正確使用 HTTPS，瀏覽器可能顯示不安全警示，也無法妥善保護傳輸內容。許多主機提供免費的 Let's Encrypt 憑證，但啟用方式與自動續期仍依主機而異。SSL 的用途與安裝細節，可看SSL 憑證完整教學。

三件事都就位之後，你的環境長這樣：主機跑起來、網域指過去、HTTPS 亮綠鎖。這時候再來裝 Astra，節奏才會順。

Astra 主題安裝：三種方法怎麼選

Astra 的安裝方式跟一般 WordPress 主題一模一樣，有三條路徑。先講選擇，再說明每種的適合情境。

1. 後台搜尋安裝（最推薦新手）。進入 WordPress 後台的「外觀 → 佈景主題 → 安裝新佈景主題」，搜尋 Astra，點安裝再啟用。這條路最簡單，30 秒搞定。
2. 上傳 zip 檔安裝。從官網下載 Astra 免費版的 zip 檔，在後台「上傳佈景主題」選擇檔案安裝。適合你不想用後台搜尋、或需要指定特定版本時。
3. FTP 手動上傳。把解壓縮後的主題資料夾丟到 wp-content/themes/。這條路留給進階使用者，新手沒事不要碰 FTP。

九成的情況，方法一就夠了。如果你想知道更完整的安裝細節、或是想看每種方法的截圖流程，可以對照WordPress 佈景主題安裝教學。啟用 Astra 之後，你會在後台看到 Astra 的歡迎頁面，以及一個叫 Starter Templates 的外掛提示。先別急著裝，我們先把主題設定走一遍。

走完一次 Customizer：把全域設計主導權拿回來

WordPress 的 Customizer（自訂器）是 Astra 免費版最重要的戰場。你在這裡做的每一個設定，都會套用到整個網站，所以正確的順序是：先決定全域，再去調單頁。很多人架站會犯的錯，就是一頁一頁去改配色改字型，改久了整個網站風格四分五裂。Astra 的 Customizer 設計，就是為了讓你從源頭統一這些決策。

從後台進「外觀 → 自訂」，你會看到 Astra 的自訂器面板。用實際的操作順序帶你走一次：

第一步：Global（全域）區塊

• Typography：先設好全站字型。Astra 免費版讓你選系統字、Google Fonts。建議是：繁體中文站直接指定「Noto Sans TC」或「思源黑體」，英數再用一組搭配。一次設好，全站一致。
• Colors：設定全站的底色、文字色、連結色、按鈕色。這裡建議先定好兩到三個品牌色就好，不要超過。顏色一多，視覺就散。
• Container：決定內容區的寬度與佈局。Astra 提供幾種容器樣式（Boxed、Content Boxed、Full Width 等），新手先用預設的 Boxed，等熟悉了再調。
• Buttons：全站按鈕的圓角、配色、padding。設一次，全站的 CTA 按鈕風格就統一。

第二步：Header Builder（標頭建構器）

這是 Astra 最關鍵的功能之一。Header Builder 讓你用拖曳的方式，把 Logo、選單、按鈕、搜尋列排到標頭的三個區域（左、中、右）。免費版提供的元素雖然比 Pro 少，但 Logo、Primary Menu、HTML、Widget、Search 這些核心元素都有，夠你組出一個乾淨專業的標頭。

第三步：單頁與文章的設計

在 Customizer 裡，你也可以針對「單篇文章」「單頁」分別設定標題位置、精選圖片顯示與否、側邊欄佈局。這層設定決定了你的內容頁長什麼樣，而且一次套用全站，不用每一篇都改。

走完這三步，你的網站從「裝了 Astra 的空殼」變成「有一致設計系統的網站」。這個差別讀者一眼就看得出來。後台的完整操作邏輯，可以搭配WordPress 後台完全上手一起看，會更清楚整個管理介面是怎麼運作的。

Header Builder 與容器結構：免費版也能組出專業骨架

Header Builder 值得單獨拉出來講，因為它是新手最容易低估、卻最能決定網站質感的地方。一個網站看起來專不專業，標頭佔了五成以上的視覺權重。

Astra 免費版的 Header Builder 把標頭分成三個水平區域：左、中、右。每個區域你可以放不同的元素。實務上常用的搭配是這樣：

位置	常見元素	用途
左	Logo（網站標誌）	品牌識別，點擊回首頁
中	Primary Menu（主選單）	主要導覽
右	Button（按鈕）或 HTML	放置 CTA，例如「聯絡我們」「立即預約」

你可以透過拖曳把元素放到對的位置，即時預覽。調整的重點不是塞滿，而是「留白與層次」。一個乾淨的標頭，勝過一個塞了社群圖示、語言切換、次選單的雜亂標頭。

容器結構則是另一個值得花時間理解的設定。Astra 的容器控制了內容與頁面邊緣的關係：Boxed（框線）、Full Width（滿版）、Content Boxed（內容框線）。這三種會直接影響頁面的視覺張力。形象網站通常用 Boxed 或 Content Boxed 保留留白；活動頁或登陸頁可能用 Full Width 製造滿版衝擊。

選單的設計也很關鍵。標頭裡的主選單，是讀者在你網站裡找路的地圖。一份清楚的選單，會讓訪客停留更久、降低跳出率。選單的層級、順序、命名原則，在WordPress 選單設定教學裡有完整說明。

Starter Templates 免費模板：用現成版型縮短起步時間

前面是從零設定 Customizer 與 Header 的路線。Starter Templates 則讓你挑一個現成整站骨架匯入，再換成自己的內容。它能省下多少時間取決於模板吻合度與後續修改量，不能先保證固定時數。

Starter Templates 是一個獨立外掛，啟用 Astra 之後，後台會提示你安裝。裝好之後，你會看到一個模板圖庫，依產業分類：部落格、企業形象、電商、作品集、餐飲、教育等等。每一個模板都包含首頁、關於我、服務、聯絡等完整的頁面組合，匯入後你只要換文字、換圖，就能上線。

免費方案只能匯入圖庫中的免費模板；完整 300+ Premium Templates 目前包含在 Essential Toolkit 與 Business Toolkit，單買 Astra Pro 不會解鎖。想看方案與匯入差異，可以參考Astra Premium Starter Templates 教學。

實務建議是這樣：把 Starter Templates 當成「起點」，不要當成「終點」。匯入模板之後，一定要做三件事：

1. 換掉所有示範內容。模板裡的 lorem ipsum 文字、佔位圖片、假的公司名稱，全部換成你自己的。實務上常見新手忘了換，網站上線後還掛著模板的示範電話，這非常傷信任。
2. 調整配色與字型符合品牌。模板用的色票是設計師的選擇，不見得是你的品牌色。回到 Customizer 的 Global 區，把配色與字型改成你的。
3. 檢查每一頁的連結與選單。模板的選單結構是通用的，你的網站架構可能不同。確認選單項目都指向正確的頁面。

換個比喻：Starter Templates 給你的是一間樣品屋，不是你的家。你要把家具、擺飾、牆上掛的畫，全部換成自己的東西，它才會變成你的網站。如果你做的是作品集類型的站，Astra 的作品集展示功能也值得一併了解，完整做法在Astra WP Portfolio 作品集教學。

配色、字型、間距：會直接影響載入速度的設計選擇

這一節和大部分主題教學最大的不同。多數人把「設計」和「速度」當成兩件事來看，但在 Astra 免費版裡，它們是同一件事。你做的每一個設計決策，都會回頭咬你的載入時間。

Google 在 2018 年將頁面速度用於行動搜尋排名，後續也把 Core Web Vitals 納入頁面體驗訊號。這是眾多小幅訊號之一，良好分數不保證排名；速度對使用者體驗的影響更直接。Statista 的數據也顯示行動流量長期占有重要比例，手機效能仍要實測。

回到 Astra。下面是三個值得特別留意的設計決策，以及它們跟速度的關係：

1. 字型：能用系統字就別載 Google Fonts。每一組 Google Font 都是一個額外請求。如果你選了三種字體，每種又分粗細、斜體，字型檔加總下來很容易拖慢首屏。繁體中文字型尤其吃重。要進一步把字型本機化、完全不仰賴 Google CDN，可以參考WordPress 本機託管 Google Fonts的做法。
2. 配色：少用漸層與大面積背景圖。純色背景載入最快。如果你一定要用圖片當背景，務必做壓縮與延遲載入，不然手機上會卡。圖片優化的完整流程，寫在WordPress 圖片優化指南。
3. 間距：合理就好，別過度留白。過大的 padding 會讓一頁能容納的內容變少，讀者要滑更久才看得到資訊，這會影響停留與滿意度，間接影響 SEO。

本質上來說，設計的克制本身就是一種效能優化。你不需要把網站做得花俏才叫專業；乾淨、快速、層次清楚，反而更像一個值得信任的品牌。速度優化的整體策略，還可以對照載入速度優化全攻略一起落實。

Astra 免費版要配 Gutenberg 還是 Elementor

這是每一個用 Astra 的人都會遇到的問題。Astra 本身不幫你畫頁面內容，它只負責網站的骨架與全域設計。頁面裡的區塊、文字、圖片排列，你要再配一個頁面編輯器。兩個主流選擇：Gutenberg（WordPress 內建的區塊編輯器）或 Elementor。

選擇邏輯是這樣：

你的情況	建議選擇	原因
純部落格、文章型網站	Gutenberg	速度快、依賴少、長期維護輕
形象網站、需要豐富視覺排版	Elementor	拖曳直覺、成品好看、學習曲線友好
想減少頁面編輯器依賴	Gutenberg	使用 WordPress 原生區塊工作流，仍需實測效能
不會寫程式、又想做出像設計師做的頁面	Elementor	視覺化程度最高

實務上偏好傾向 Gutenberg，因為它輸出的前端最乾淨，長期對 SEO 與速度最有利。但也完全可以理解 Elementor 對新手有多友善。如果你決定走 Elementor 這條路，完整的入門流程在Elementor 頁面編輯器教學；想把兩者放在一起全面比較，可以看WordPress 頁面編輯器深度評測。日後若想替 Elementor 補上更多版面元件，也可以再評估 Astra 團隊的UAE 擴充模組。

如果你選 Gutenberg，想再強化它的區塊能力，可以搭配幾款區塊外掛，讓原生編輯器也能做出複雜排版。推薦選擇整理在Gutenberg 區塊編輯器外掛推薦。

有一個進階觀念值得你知道：這兩條路其實可以混用。很多成熟的網站會把「需要高度設計的登陸頁」交給 Elementor 處理，把「日常更新的文章與一般資訊頁」留在 Gutenberg 裡寫。這樣兼顧了設計自由度與長期維護效率。不過這個策略建議等你對兩種工具都熟悉之後再採用，新手先用一種上手就好，別一次學兩套，否則兩邊都學不精。

WooCommerce 購物車：Astra 免費版能不能跑電商

很多新手的第一個問題是：我想賣東西，Astra 免費版撐得起來嗎？答案是可以，但有條件。Astra 免費版本身就內建 WooCommerce 相容，你裝上 WooCommerce 外掛之後，Astra 會自動套用它的購物頁面樣式。商品頁、分類頁、購物車、結帳，這些核心流程都能正常運作。

免費版跟 Pro 版在 WooCommerce 上的差別，一樣是「設計控制權」。免費版讓電商功能跑得動，但你沒辦法微調商品頁按鈕的圓角、結帳欄位的間距、購物車空狀態的設計。對剛起步、商品數量還不多的小賣場來說，免費版完全夠用。等你營收穩定了、開始認真優化轉換率，再回頭考慮 Pro 的 WooCommerce 模組。完整的 Pro WooCommerce 設定，寫在Astra Pro 加 WooCommerce 購物網站教學。

有兩件事要特別提醒電商新手。第一，WooCommerce 會增加商品、購物車與結帳等功能負載，實際速度仍取決於主機、商品資料、圖片、外掛與快取設定。第二，主機資源會影響尖峰流量下的結帳穩定度；預期有促銷流量時，要先做負載與結帳測試，不能只看方案價格。整個購物網站的架設流程，從主機到商品上架，整理在WooCommerce 購物網站架設全攻略；想多比較幾款電商主題，可以看十大最佳 WooCommerce 佈景主題。

手機版與 Footer：別漏掉行動端與頁尾的細節

講到這裡，你有沒有發現我們都在講桌面版的設計？這是一個常見的盲點。Statista 的數據顯示，全球網站流量裡，行動裝置的佔比長期維持在高檔。對很多網站來說，手機讀者比電腦讀者還多。你的網站在手機上看起來怎麼樣，比在桌面上看起來怎麼樣更重要。

Astra 在這一點做得很扎實。它的 Customizer 裡有一個「行動裝置」的切換鈕，讓你即時預覽手機與平板上的樣子。你可以針對行動版單獨調整：

• 標頭在手機上要不要黏住。桌面版你可能不需要固定標頭，但手機版捲動時，把標頭固定住，能讓讀者隨時點到選單，降低跳出。
• 選單在手機上的呈現方式。Astra 提供幾種行動選單樣式（漢堡選單、全螢幕選單等），挑一個適合你的版型。
• 字型大小在手機上的可讀性。桌面看起來剛好的字，手機上可能太小。Astra 讓你為行動版單獨指定字級。
• 按鈕與可點擊區域的間距。手機是用手指點的，按鈕之間的距離不夠，會容易誤觸。這個細節很多人忽略。

Footer（頁尾）是另一個被低估的區域。很多新手把所有心力放在首頁與標頭，頁尾就隨便放個版權聲明。但頁尾是讀者看完內容後「下一步去哪」的引導點。一個好的頁尾，通常會放：網站簡介、快速連結選單、聯絡資訊、社群媒體連結。Astra 的 Footer Builder 在免費版裡提供基本元素，你可以用拖曳的方式排版。側邊欄與小工具的完整設定邏輯，可以對照WordPress 區塊小工具與側邊欄教學。

免費版的真實天花板：會讓你認真考慮升級的瞬間

Astra 免費版可以帶你走很遠，但它不是無限的。誠實地講，在哪些情境下你會開始覺得「免費版不夠用」:

• 當你想要 Premium Templates。這時要比較 Essential Toolkit 與 Business Toolkit，不是只升級 Astra Pro。
• 當你需要 Sticky Header（固定標頭）。捲動時標頭固定在頂端，是很多形象網站的基本需求。Pro 才完整支援。
• 當你想做更進階的 Header 行為。透明 Header 已在免費版提供；Sticky Header 與更多顯示控制才是 Pro 的差異。
• 當你想要更細的 WooCommerce 購物頁控制。免費版能讓購物車跑起來，但商品頁的按鈕、版面細節要調，需要 Pro。
• 當你想要進階的顏色與字型模組。Pro 的 Colors 與 Typography 模組給你更精細的控制項。
• 當你需要白標。如果你是幫客戶架站、想把 Astra 換成自己的品牌，Pro 才有 White Label。

這六個瞬間，就是免費版與付費版的真實分水嶺。但請注意一件事：這些都是「設計上的進階需求」，不是「網站能不能用」的需求。你的網站不會因為沒升級 Pro 就跑不動、不能被搜尋、不能賣東西。免費版的功能完整度，對八成的新手來說是綽綽有餘的。

如果你評估過後確實需要進階功能，完整的 Pro 版功能解析寫在Astra Pro 主題完整教學，裡面有每個模組的細節。想先比較免費版與付費版的差異、再決定要不要花錢，可以看Astra Pro 深度評測。

SEO 與效能：Astra 免費版要做的設定

Astra 主題本身對 SEO 是友善的：它的程式碼乾淨、有基本的結構化標記、行動裝置相容。但「主題友善」不等於「你不用做任何事」。接下來這些設定，是 Astra 免費版上實務一定會做的效能與 SEO 準備。

1. 裝一個快取外掛。Astra 再輕，WordPress 動態產生頁面還是有成本。快取可以把頁面存成靜態檔，大幅縮短回應時間。完整的快取外掛比較在WordPress 快取外掛推薦。
2. 裝一個 SEO 外掛。主題不管 SEO 細節（meta title、description、sitemap、schema）。推薦 Rank Math，它的免費版功能就非常完整。安裝與設定流程在Rank Math SEO 教學。
3. 確認網址結構。在「設定 → 固定網址」裡，把網址結構改成文章名稱（Post Name），讓網址乾淨、有意義、對 SEO 友善。網址路徑的設計原則，可以讀網址路徑是什麼。
4. 提交 XML Sitemap。讓 Google 知道你有哪些頁面。多數 SEO 外掛會自動產生 sitemap，你只要提交到 Google Search Console。完整流程在GSC 安裝教學與XML Sitemap 說明。
5. 壓縮圖片。圖片是載入時間最大的兇手之一。裝一個圖片壓縮外掛，上傳時自動壓縮。熱門選擇可以看圖片壓縮外掛比較。
6. 追蹤數據。裝 Google Analytics，看讀者從哪來、看哪些頁、停留多久。沒有數據，優化都是盲的。安裝流程在WordPress 安裝 GA 完整教學。
7. 定期備份。網站壞了、被駭了，沒備份就全毀。備份與還原的完整方法在WordPress 備份與還原指南。

把這七項做完，你的 Astra 免費版網站在效能與 SEO 上，就已經和付費主題站在同一個起跑點了。Core Web Vitals 的優化細節，整理在Core Web Vitals 完全攻略，等到基礎打底完，再往那裡鑽。WordPress 端到端的 SEO 流程，還可以對照WordPress SEO 全攻略。

把 Astra 變成道地繁體中文站

Astra 預設是英文介面，內建也有多語系支援。但要讓它變成一個真正道地的繁體中文站，你要處理兩層：介面翻譯與字型。

介面翻譯，指的是按鈕、表單、留言區那些「Leave a Reply」「Search」「Read More」字串。Astra 有提供 .po 檔讓你翻譯，但手動用 Poedit 編輯比較繁瑣。比較推薦用 Loco Translate 這個外掛，直接在後台翻譯，流程順很多。完整教學在Loco Translate 教學；想用傳統 Poedit 手動翻的人，可以看Poedit 翻譯指南。

字型，指的是繁體中文字體的選擇。前面 Customizer 那節提過，建議指定 Noto Sans TC 或思源黑體。中文字型的處理和英數不同，因為字數多、檔案大，載入策略要特別留意。如果你打算長期經營一個道地的台灣站，這一步不能省。

要不要裝子主題：免費版客製化的安全網

講到客製化，就一定會遇到一個問題：我想改 Astra 的程式碼，直接改主題檔案行嗎？答案是強烈不建議。原因很實際：每一次 Astra 更新（它更新很頻繁），都會把你直接改在主題裡的程式碼覆蓋掉，你的客製化就消失了。

正確的做法是裝一個子主題（Child Theme）。子主題繼承母主題（Astra）的所有功能與設計，但你自己的修改都放在子主題裡，母主題更新時不會被覆蓋。Astra 官方有提供免費的子主題檔案，下載後安裝、啟用即可。對只是改一點 CSS、加一段 functions.php 程式碼的新手來說，子主題是既安全又標準的做法。

多數只用 Customizer 與頁面編輯器完成版面的新手，不一定需要子主題。當你要加入自訂功能、修改底層 HTML 結構，或保留不被父主題更新覆寫的程式碼時，再建立子主題較合適；單純調整少量 CSS，可先評估 WordPress 的額外 CSS 或其他既有方式。若客製樣式逐漸變多，可再參考Sass 預處理器的變數與模組化寫法，並把編譯後的 CSS 正確載入網站。

新手常踩的五個坑：Astra 設定地雷清單

架站路上最容易出問題的，往往不是難的功能，而是那些「看起來沒事、其實有問題」的小設定。整理五個實務上常踩、也常見新手踩的坑，幫你提早避開。

地雷	症狀	解法
忘了停用預設佈景主題	同時啟用兩個主題，外觀行為不一致	啟用 Astra 後，回到主題列表把舊主題停用，一次只留一個啟用
外掛裝太多互相衝突	白屏、編輯器打不開、速度暴慢	只裝真正需要的，裝完一個測一次；裝新外掛前先備份
固定網址沒改	網址變成 ?p=123，對 SEO 不友善	「設定 → 固定網址」改成文章名稱，改完記得存檔
精選圖片沒設定	社群分享時縮圖空白，點擊率低	每篇文章都指定一張精選圖片，尺寸建議 1200×630
沒有備份就亂改	改壞了救不回來，心血全毀	動手前先備份；定期自動備份不能省

這五個裡面，要特別強調外掛衝突這一項。WordPress 生態裡的外掛數以萬計，品質參差不齊。Astra 可與許多主流外掛搭配，但兩個功能重疊的外掛裝在一起（例如兩款快取外掛、兩款 SEO 外掛），容易出現規則覆蓋、重複輸出或快取異常。裝外掛的原則是：功能不重複、用得到才裝、裝完就測。外掛安裝的完整方法，可以對照WordPress 外掛安裝教學；不知道該裝哪些，先看過WordPress 外掛終極推薦清單心裡會有底。

Astra 免費版上架清單：一套可調整的流程

把前面講的全部濃縮成一份可以照著做的清單。假設你已經有主機、網域、WordPress，從安裝 Astra 到網站可供檢視的時間，會隨頁數、內容準備與熟悉度而變。流程如下：

1. 啟用 Astra（5 分鐘）。後台搜尋安裝、啟用。先別管 Starter Templates。
2. 走一次 Customizer 全域設定（20 分鐘）。設全站字型（Noto Sans TC）、兩到三個品牌色、按鈕樣式、容器寬度。一次定好，全站統一。
3. 組 Header Builder（15 分鐘）。左 Logo、中主選單、右放一個 CTA 按鈕。確認手機版的漢堡選單正常。
4. 建首頁（30 分鐘）。用 Gutenberg 或 Elementor 把首頁的 hero、服務介紹、CTA 區組出來。內容先求有，再求好。
5. 建關鍵頁面（10 分鐘）。關於我、服務、聯絡。這幾頁是讀者判斷你「是不是真的」的依據。
6. 裝必要的效能與 SEO 外掛（10 分鐘）。快取、Rank Math、圖片壓縮。固定網址改成 Post Name。
7. 檢查手機版與速度（10 分鐘）。用手機看一次，確認沒有破版。跑一次 PageSpeed，看分數與改善建議。

走完清單後，你會有一個可供檢查與持續調整的網站骨架。它不是最完美的，但已能開始累積內容、接受搜尋引擎抓取並接觸讀者。對新手來說，這就是最重要的第一個階段成果。架站的完整流程視野，也可以對照WordPress 架站新手教學與WordPress 快速設定指南，把整張地圖看清楚。

再給你一個觀念。主題是地基，內容才是資產。Astra 免費版幫你把地基打好，接下來你要往裡面填的，是真正能讓 Google 與讀者都願意回來的內容。如果你不知道從哪裡開始寫，先讀過WordPress 部落格架站教學與文章發佈完整教學，把發文流程跑順。文章與頁面的差別、什麼時候該用哪個，整理在文章和頁面到底差在哪。

架站的旅程很長，但你現在已經把最關鍵的第一步走穩了。從這裡開始，每一次你打開後台、寫一篇文章、優化一個速度瓶頸，都是在把這個網站變成一份會長大的資產。準備好內容與測試環境後，就能照清單把 Astra 網站骨架搭起來。