W whoops.tw

Astra 主題免費版完整教學:功能詳解+實際範例,新手架站的第一選擇

Astra 是 Brainstorm Force 開發的 WordPress 多功能佈景主題,根據 WordPress.org 主題庫的公開統計累積超過百萬次安裝,免費版就內建全域…

Astra 是 Brainstorm Force 開發的 WordPress 多功能佈景主題,根據 WordPress.org 主題庫的公開統計累積超過百萬次安裝,免費版就內建全域設定、Header Footer Builder、Starter Templates 與本機託管字型,部落格、形象網站、內容站幾乎都能直接做上線,不必先掏錢買 Pro。把免費版的全域設定、頁首頁尾 Builder、Starter Templates、文章與資訊欄佈局這幾條主線一次跑通,九成網站不必再花錢。

要理解 Astra 為何值得認真看待,先看它背後的生態:依 W3Techs 的調查,WordPress 占全部網站的 41.5%,在已知內容管理系統的網站中更高達 59.2%,是現今市占最高的架站系統 [來源:W3Techs〈Usage Statistics and Market Share of WordPress〉 https://w3techs.com/technologies/details/cm-wordpress 2026-06-29]。Astra 長期穩坐 WordPress 主題下載量前段班,等於是站在這個最大生態系上提供免費就能用的完整方案。

重點先看: Astra 免費版功能完成度極高、不綁單一頁面編輯器,官方模板庫提供免費模板數十款、Pro 模板逾百款,部落格與形象網站通常不必升級。真正該買 Pro 的訊號只有三個:WooCommerce 深度強化、White Label、更多 Agency 模板。免費模板數十款、官方模板庫的 Pro 模板逾百款。

Astra 主題是什麼:為什麼免費版就值得認真用

Astra 是 Brainstorm Force 開發的 WordPress 佈景主題,走的是輕量、不綁頁面編輯器、免費版功能完成度就很高的路線。多數 Astra 教學一開頭就把免費版講成「試用版」,順勢推銷 Pro。事實恰好相反:Astra 之所以長期穩坐 WordPress 主題下載量前段班,靠的是免費版就做到不綁頁面編輯器、不強制載入 jQuery、速度還比一堆付費主題快。這三件事決定了它的新手留存率,也決定了它值不值得你認真用。

從用途看,Astra 是多功能主題,不是只能做某一種網站的窄主題。不論是WordPress 部落格架站、企業形象網站、WooCommerce 購物網站、線上課程網站、預約網站,Astra Theme 幾乎都能幫你完成。如果你還在主題之間猶豫,可先參考免費與付費 WordPress 佈景主題推薦做整體比較,再決定要不要進到 Astra。Astra 的開發商 Brainstorm Force 同時維護 Ultimate Addons 系列,根據官方說明,主題與外掛生態系完整。

免費版值得認真用的四個理由

  • 輕量且不強制載入 jQuery:頁面載入時少了一整包 jQuery,是 Astra 速度勝過多數付費主題的主因,這是官方文件說明的技術特性,不是宣傳話術。
  • 不綁單一頁面編輯器:Elementor、Beaver Builder、Gutenberg、Bricks 都能搭配,你今天用 Elementor,明天想換 Gutenberg 不會被主題綁死。想了解各編輯器優劣,可看WordPress 頁面編輯器深度評測
  • Starter Templates 免費版就有數十款一鍵匯入模板:新手不必從空白頁開始,挑一組改文案就能上線。
  • 商用沒問題:免費版以 GPL 釋出,商用上架、接案交付都合法,不必擔心授權。

換個角度想,判斷要不要升級 Pro 的真正訊號其實很窄:需要 WooCommerce 深度強化、需要 White Label、需要更多 Agency 模板與作品集外掛。這三項都沒用到,免費版就足以把形象網站、部落格、內容站一路做到上線。在那之前砸錢,本質上只是買心安。

輕量這件事為什麼重要

很多人把「主題輕量」當成行銷形容詞,覺得只要是 WordPress 都差不多。實際上主題的程式碼體積、是否載入 jQuery、是否預載一堆字型與圖示庫,會直接反映在前端載入時間與 Core Web Vitals 指標上,而這些指標又與 SEO 排名有關。Google 早在 2018 年就公告,自當年 7 月起,網頁速度成為行動搜尋的排名因素之一,會影響傳遞最慢體驗給使用者的頁面 [來源:Google Search Central Blog〈Using page speed in mobile search〉 https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search 2018-01-17]。2020 年 5 月,Google 再公布新的頁面體驗排名訊號,把 Core Web Vitals 與行動裝置友善、HTTPS、侵入性插頁等既有訊號合併成一組綜合評分 [來源:Google Search Central Blog〈Evaluating page experience〉 https://developers.google.com/search/blog/2020/05/evaluating-page-experience 2020-05-28]。

這兩條官方訊息的意思是:網站速度已經是會被搜尋引擎計分的項目,而不只是使用者體驗問題。Astra 不強制載入 jQuery、把字型改成可本機託管、程式碼結構精簡,等於在主題這一層就先幫你省下一批載入成本。當然,主題只是速度的一環,後續還要搭配快取外掛、圖片壓縮、主機品質一起看,主題本身沒辦法單獨決定排名。但選一個輕量的主題,是成本最低、也最不容易出錯的速度地基。想完整理解速度與 SEO 的關係,可讀Core Web Vitals SEO 指標優化

安裝與啟用:主題、子主題一次裝好

Astra 免費版從 WordPress 後台「外觀 → 佈景主題 → 安裝」搜尋 Astra 就能裝,裝完啟用即生效;若要保留自訂 CSS 與功能不被升級覆蓋,再額外裝一個子主題即可。整個過程不用 FTP,也不用碰程式碼。如果你連 WordPress 都還沒裝,請先回頭確認主機環境與WordPress 安裝主流方法教學,再回來裝主題。

很多人問「Astra 要不要裝子主題」。答案是:會在主題裡寫自訂 CSS 或 PHP 的人就要裝,純靠後台設定的人可以不裝。子主題的用途很單純,原主題升級維護時,改在子主題的程式碼不會被還原掉。如果你想知道更完整的安裝背景,可參考WordPress 佈景主題安裝完整流程

主題與子主題安裝步驟

  1. 裝原主題:後台 → 外觀 → 佈景主題 → 安裝 → 搜尋 Astra → 安裝 → 啟用。
  2. 下載子主題:到 Astra 官方提供的 Child Theme Generator 頁面,輸入子主題名稱(可任意命名),點 Generate 下載 zip 檔。
  3. 上傳子主題:後台 → 外觀 → 佈景主題 → 安裝 → 上傳主題 → 選擇 zip → 安裝 → 啟用。
  4. 確認啟用狀態:原主題與子主題只能擇一啟用,實務上啟用子主題即可,原主題留著不刪,升級時會一併更新。

裝到這一步,後台應該會看到兩個 Astra:一個是 Astra 主題、一個是你命名的 Astra 子主題,子主題維持啟用狀態。安裝外掛的路徑也類似,若不清楚可對照WordPress 外掛安裝的三種方法,兩者觀念互通。

說到底,新手最常卡的不是 Astra 本身,而是主機環境或 PHP 版本太舊導致主題裝不起來。遇到問題先查主機最低需求、PHP 版本與記憶體限制,多半與 Astra 無關。選主機時可參考Bluehost 虛擬主機完整教學SiteGround 主機架站評價Cloudways 雲端主機架站教學

有一種常見的誤判值得點出來:在後台搜尋 Astra 時,搜尋結果可能同時列出 Astra 與其他名稱相近的外掛或 Starter Templates 外掛,新手容易把外掛當主題裝。判斷方式是看類別欄位,主題會標示為 Theme,而 Starter Templates 屬於 Plugin,兩者安裝位置也不同。主題走「外觀 → 佈景主題」,外掛走「外掛 → 安裝外掛」。把主題誤裝到外掛區,或反過來把外掛上傳到主題區,都會出現套件格式不符的錯誤訊息。

用 Starter Templates 一鍵匯入模板

Starter Templates 是 Astra 的模板匯入外掛,先安裝外掛、在初始設定選定常用頁面編輯器,就能從免費模板庫挑一組一鍵匯入全站或單頁,再從裡面修改內容即可。這是 Astra 能讓新手「不從空白頁開始」的關鍵功能,也是它跟一堆只有空殼的免費主題拉開差距的地方。根據官方 Starter Templates 頁面,免費模板約數十款、進階版逾百款。

使用流程

  1. 安裝外掛:外掛 → 安裝外掛 → 搜尋 Astra Starter Templates → 安裝 → 啟用。
  2. 初始設定選頁面編輯器:第一次進入會問你常用哪個頁面編輯器,選 Elementor 或 Gutenberg 會直接影響可匯入的模板格式。習慣 Elementor 的人可順著讀Elementor 頁面編輯器完整教學
  3. 挑模板:左側 Astra → 上方選單 Starter Templates,會列出數十款模板,右上角標 Agency 字樣的是 Pro 限定。
  4. 匯入:點入喜歡的模板,可選全站安裝或單一頁面安裝。只想借首頁或某區塊,用單頁安裝較省事。
  5. 改內容:匯入後務必手動改文案、圖片、聯絡資訊、版權年份,不要直接上線,否則會看到一堆佔位文字與示範 Logo。寫文案卡關時,可借助 Claude Desktop 這類桌面端 AI 工具協助起草。

如果你想用的是標 Agency 的模板,那是 Astra 進階版才能用,可參考Astra 進階模板一鍵匯入教學。免費模板雖然數量有限,但做部落格、形象網站、內容站夠用,品質也不差,不至於像有些免費主題只給你一個陽春首頁。

老實說,Starter Templates 最大的價值在於它幫你把「配色、排版、字體、區塊結構」一次配好,模板本身反而是次要。新手最怕的就是面對空白頁不知從何下手,匯入一組再改,比從零拉快上十倍。搭配30 分鐘快速架好 WordPress的流程,整站從零到能看,一個下午就能搞定。

頁面編輯器怎麼選:影響匯入與後續維護

Starter Templates 初始設定的那一個選擇,會一路影響到日後的維護成本,值得多想三十秒。同一個模板往往會同時提供 Elementor 版與 Gutenberg 版,兩者匯入後的編輯方式完全不同。Elementor 版用拖拉介面操作,Gutenberg 版用原生區塊編輯器操作。選哪一邊,取決於你日後打算由誰來維護、有多依賴視覺化拖拉。

考量點選 Elementor 版選 Gutenberg 版
編輯方式拖拉視覺化,所見即所得區塊式,貼近原生編輯器學習曲線新手直覺,上手快需熟悉區塊觀念,長期較省
額外外掛負擔需常駐 Elementor 外掛不必額外裝大型編輯器
載入成本多一層編輯器腳本輸出較精簡
適合情境接案交付、需要快速視覺調整內容站、部落格、追求精簡

這張表的原則很簡單:網站以發文章為主、維護人手精簡、追求載入速度,Gutenberg 版通常是更划算的選擇;網站需要頻繁調整視覺版型、交給不碰程式碼的人維護,Elementor 版較省溝通成本。兩者都是免費模板就能匯入,不必為了這個選擇先買 Pro。

匯入前後的常見錯誤

  • 忘了改版權年份與示範 Logo:模板內建年份與 Logo 是佔位用,直接上線會讓網站看起來像半成品,交付前一定要逐頁檢查頁尾與聯絡資訊。
  • 全部頁面都匯入再用不到:很多模板一次帶十幾頁,全站匯入後反而多出一堆空白頁與示範頁。用不到的頁面直接刪除或設為草稿,避免被搜尋引擎收錄到空頁。
  • 重複匯入造成選單與頁面錯亂:換模板時沒有先清掉上一組的頁面與選單,兩組內容疊在一起會出現重複選單項目。換模板前先記下現有頁面清單,匯入後逐一比對。
  • 圖片授權沒確認:模板的圖片多半是示意用途,正式上線前要換成自己有授權的圖片,否則日後可能踩到圖庫授權問題。

全域設定:排版、色彩、按鈕一次掌握

Astra 把「改了會影響整站」的項目集中在全域設定,包含排版樣式、色彩、內容容器、按鈕、返回頂端等,改一次全站跟著變。進入方式是到前台任一頁面,點上方工具列的「自訂」,就會打開 Customizer。Astra 容易上手的原因,是它把整個頁面切成幾個清楚的區塊,想改什麼就進那個區塊調整,不必在海選單裡翻找。

全域設定可調項目

  • 排版樣式調的是預設字體、H1 到 H6 標題字型大小與段落下邊界,電腦、平板、手機可分別設定。最上方的預設集一次套用全站字體,標題編號越小預設字級越大,對應的 SEO 權重也較高。
  • 色彩這區管文字、主視覺、連結、標題與背景顏色,改壞了點 ⟲ 按鈕就能一鍵回到預設。
  • 內容容器決定全站寬度與版面,區塊式或全幅都行,也能手動指定容器寬度。
  • 按鈕的色差、字型、圓角、間距都能調,按鈕預設集可以快速套一組樣式。
  • 返回頂端就是開不開、放哪邊、用哪個圖示這幾個選項。

前台如果看到部分文字顯示英文,可用 Loco Translate 主題外掛中文化做翻譯;想用 Poedit 離線作業也行,對照Poedit 繁體中文翻譯教學。字型選擇上,Astra 支援系統字、Google 字型與繼承上層元素三種,想沿用前一個字型設定就選「繼承上層元素」。

這裡有一個常被忽略的點:全域色彩改了之後,單一頁面如果還顯示舊色,多半是該頁面在後台被設成「覆寫全站設定」。全域設定是地基层,先把字體、主色、按鈕樣式定下來,後續做頁面才不會每開一頁就重調一次。想更系統化理解 WordPress 全站設定,可讀WordPress 架站與 SEO 全攻略

全域設定 vs 單頁覆寫的優先順序

Astra 的設定有兩層來源:一層是 Customizer 裡的全域設定,一層是個別頁面或文章編輯器裡的覆寫。判斷一個樣式為什麼沒生效,要先確認它是哪一層控制的。原則上是「單頁覆寫優先於全域設定」,意思是只要某一頁被設了覆寫,全域怎麼改都不會反映到那一頁。遇到改了全域色彩或字體卻只有幾頁沒變,就去那幾頁的後台把覆寫關掉,或直接把全域值套回去。

  • 改了全域按鈕顏色,只有首頁的按鈕沒變:首頁被單獨覆寫,進首頁編輯器把按鈕覆寫關掉。
  • 改了全域字體,整站都變了只有某篇文章沒變:該篇文章的標題或容器被覆寫,進文章設定檢查。
  • 全部頁面都沒變:全域設定可能還沒發佈,Customizer 右上角要按發佈才會套用。

Header / Footer Builder 怎麼拆頁首頁尾

Astra 用 Header Builder 把頁首拆成上方、主要、下方三層,可拖曳工具、調 Logo 與選單;手機版選單要切到手機視窗才會出現 OFF CANVAS 專屬設定,頁尾操作邏輯相同。Header Builder 是 Astra 免費版最值錢的功能之一,很多付費主題的頁首自訂能做到的事,它免費就給你。

Header Builder 三層結構

  • 頁首分成上方、主要、下方三層,點齒輪進設定可調欄位數、寬高與垂直對齊。
  • 左側 ELEMENTS 列出 Logo、選單、按鈕、社群圖示、HTML 等可用工具,點下去右側 DESIGN 就切到對應設定。
  • OFF CANVAS 是行動版專屬的滑動選單區,不切到平板或手機檢視模式看不到,電腦版完全不顯示。

新手最常卡的就是手機版選單。Astra 的電腦版選單(Primary Menu)與手機版選單(Mobile Menu)是兩個獨立設定,必須先切換裝置模式才能分別調整。你怎麼調都改不到手機版選單,多半是忘了切裝置。這一個動作決定了行動版導覽能不能用,是接案交付前一定要檢查的項目。畢竟依 Statista 的數據,2026 年第一季手機裝置(不含平板)已占全球網站流量的 52.27% [來源:Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28],超過半數訪客從手機進站,手機選單能不能用直接決定流失率。

LOGO 與透明頁首

LOGO 上傳後,點電腦圖示可針對不同裝置設大小與能見度,手機版面較小時可隱藏網站標題或說明。選單項目長按可拖曳排序,拖曳位置決定是主要項目還是子項目,操作直覺。關於選單與導覽的整體觀念,可搭配WordPress 選單與導覽設定

部分 Starter Template 用的是「透明頁首」,辨識方法很直接:看一下當前頁面頁首是不是透明的就大概知道。透明頁首的樣式調整在另一個位置,不是在一般頁首設定裡;如果你發現改了樣式畫面沒反應,多半就是踩到透明頁首,要到對的位置才能改。

頁尾操作邏輯跟頁首一致,分上方、主要、下方三層,可調欄位數量、寬度、對齊,也可新增工具。Copyright 設定是頁尾最常用的功能:頁尾區域點 + → Copyright → ELEMENTS 點 Copyright 即可編輯,Astra 會自動帶入當前年份與網站名稱的動態文字,可自行增刪。DESIGN 分頁可改文字色彩、字型大小與間距。

功能頁首 Builder頁尾 Builder
層級結構上方 / 主要 / 下方上方 / 主要 / 下方
可加工具Logo、選單、按鈕、社群、HTMLCopyright、選單、社群、小工具
裝置獨立設定電腦 / 手機分開,含 OFF CANVAS電腦 / 手機分開
透明樣式部分模板支援,需到專屬位置改

想知道頁尾能塞什麼小工具、側邊欄怎麼配置,可延伸讀WordPress 小工具與側邊欄設定;想美化登入畫面則看WordPress 登入畫面美化教學

文章、資訊欄與本機字型

網站文章設定分「文章列表 / 彙整」與「單篇文章」兩塊,可調容器佈局、文章寬度與相關文章;資訊欄就是側邊欄佈局;本機託管 Google Fonts 可在 Astra 效能設定開啟,把字型下載到自家主機以降低遠端請求、加速網站。這三塊是內容型網站的命脈,部落格能不能好看、能不能快,就看這裡有沒有調好。

文章設定兩大區塊

  • 文章列表 / 彙整:調 Banner Layout、容器與資訊欄版面配置、文章標題字型大小、封面精選圖片、內容摘要、文章結構。調整時可開著文章列表頁對照變化。
  • 單篇文章:功能與列表差不多,差別在多了「相關文章」。可在「文章查詢條件」設定關聯依據(相同分類或標籤),排序依發佈日期、文章順序或留言數。

資訊欄版面配置有三種:無資訊欄、左側資訊欄、右側資訊欄,點筆即可編輯。設成右側資訊欄代表全站都出現右側邊欄;若某頁要不同配置,可在該篇文章或頁面單獨覆寫全站設定。側邊欄可放搜尋框、最新文章、電子報訂閱等小工具。文章與頁面的差異若不清楚,可先讀WordPress 文章和頁面的差異,再回來設定會更有概念。文章上線後的網址結構也影響 SEO,認識網址路徑怎麼設計值得一起看。

資訊欄與相關文章關聯

項目可選值說明
資訊欄版面無 / 左 / 右三選一,可在單頁覆寫全站
相關文章關聯分類 / 標籤依相同分類或標籤帶出延伸閱讀
相關文章排序發佈日期 / 文章順序 / 留言數依需求決定排序邏輯

相關文章看似只是延伸閱讀的小功能,對內容站的停留時間與跳出率其實有實質影響。判斷要設哪一種關聯,看你的內容結構:分類清楚、每篇文章只歸一個主分類,用分類關聯較精準;標籤用得多、一篇文章常跨多個主題,用標籤關聯能帶出更多元的延伸閱讀。排序上,希望讀者看到最新內容選發佈日期,希望熱門討論浮上來選留言數。

本機託管 Google Fonts 是 Astra 效能設定的亮點。路徑是 Astra → 設定 → 效能,開啟後會把 Google Fonts 字型下載到自家主機託管,降低向遠端請求資源的數量,優化字型讀取速度。想了解這件事對速度的影響,可讀WordPress 本機託管 Google Fonts網站速度優化核心技巧

但別誤會,單靠主題開個本機字型並不能讓網站變快。完整的速度優化還要搭配快取外掛與圖片壓縮。快取可選WordPress 快取加速外掛推薦裡的方案;圖片壓縮可參考WordPress 圖片優化提升速度Smush 圖片壓縮外掛設定。Core Web Vitals 對 SEO 的影響則可看Core Web Vitals SEO 指標優化

導覽標記(Breadcrumb,俗稱麵包屑)也在這一帶設定,用 Header 頁首為基準點,可選無、內部、下方或標題上方顯示。麵包屑對 SEO 與使用者導航有幫助,但網站結構簡單時可設成「無」。想做更完整的 SEO,再搭配Rank Math SEO 外掛設定教學WordPress SEO 外掛完整評測。網站還沒上線就先想好 SEO 路線會輕鬆很多,可先看沒有網站要如何開始做 SEO把地基打穩。

免費版 vs Pro:什麼時候才真的該升級

只要做的是部落格、形象網站、一般內容站,免費版就夠;只有在需要 WooCommerce 深度強化、White Label、更多 Agency 模板、WP Portfolio 作品集時,升級 Pro 才有實質效益。Pro 定價以官方公告為準,不建議引用可能過期的具體數字。

免費版 vs Pro 功能對照

功能分類免費版Pro 版
全域設定排版、色彩、按鈕、內容容器更多進階選項與預設集
Header / Footer Builder完整三層、OFF CANVAS更多元件與版型
Starter Templates數十款免費模板逾百款含 Agency 模板
本機字型
WooCommerce 強化產品目錄、單品、結帳頁深度樣式
White Label可改後台品牌標示,適合接案交付
WP Portfolio作品集、服務案例展示外掛

選方案的邏輯很單純。第一次嘗試 Astra 的人,先從最便宜的 Astra Pro 方案入門,不必一次買整套 Bundle;本身是 Elementor 或 Beaver Builder 重度使用者,或需要客製化作品集與服務案例頁面,再考慮 Mini Agency Bundle,可一併取得 Ultimate Addons 與更多模板。想深入了解 Pro 功能,可讀Astra Pro 進階功能完整教學Astra Pro 免費版與付費版差異評測

升級前先做一件事:確認免費版真的卡到哪個功能。很多人買了 Pro 才發現自己只用得到免費版那幾項,花了錢卻用不到。如果你確實需要 Elementor 擴充,再看Astra Pro 搭配 Elementor 的擴充模組;要做形象網站先看用 Astra 打造專業形象網站;要做作品集看Astra WP Portfolio 作品集展示

做購物網站要搭配 WooCommerce,金物流要獨立設定才完整,Pro 的 WooCommerce 強化才有實質意義,可參考Astra Pro 結合 WooCommerce 購物網站WooCommerce 佈景主題推薦。其他主流主題如 Flatsome 也值得比較,見Flatsome 購物網站主題教學;想跨主題比較則看Divi 主題完整使用指南Bricks Builder 新世代編輯器教學

升級決策卡:四個問題決定要不要花錢

與其比較功能表,不如用四個具體問題檢視自己到底有沒有升級必要。這四題只要有一題答「是」,Pro 才有實質價值;全部「否」,免費版就足以做到上線。

  1. 你的網站是購物網站,而且需要產品目錄、單品頁、結帳頁的深度樣式客製?
  2. 你接案交付後要把 WordPress 後台的品牌標示換成自己的,給客戶看到的是白標後台?
  3. 免費模板的數十款都不符合需求,必須用到 Agency 等級的進階版型?
  4. 你需要作品集或服務案例展示頁面,而且要用 WP Portfolio 這類專用外掛來做?

多數個人部落格、內容站、中小企業形象網站,這四題的答案都是「否」,免費版就能完成。把這個檢查當成花錢前的煞車,能避開很多「買了用不到」的狀況。如果還在猶豫,WordPress 自架網站費用拆解能幫你把整體預算看得更清楚。

什麼情況不該用 Astra

Astra 是多功能主題,涵蓋面廣,但「多功能」不等於「什麼都能做最好」。有幾種情境硬用 Astra 反而會卡住,事前知道能少走冤枉路。

  • 極重度客製的購物體驗:Astra 配 WooCommerce 做一般商店綽綽有餘,但若要做到大量客製的結帳流程、複雜的會員等級與分潤機制,Astra 的 WooCommerce 強化可能不夠用,這類需求通常要回到專用購物主題或全客製方案。
  • 需要主題內建頁面編輯器:Astra 不綁頁面編輯器是優點,但若你希望主題本身就附一套完整的視覺編輯器(像 Divi 或 Bricks 那樣內建編輯器),Astra 要另外接 Elementor 或 Gutenberg,多一道設定手續。
  • 高度設計導向的品牌網站:Astra 的模板偏實用與商務風格,若品牌調性需要強烈的設計語彙與動態效果,從 Astra 改起反而比直接挑一個設計導向主題更費工。
  • 需要主題層級的深度 SEO 控制:Astra 提供基本的麵包屑與標題結構,但技術 SEO 的深度控制(結構化資料、進階標題範本、網址規則)通常還是要靠 SEO 外掛補上。Astra 在這一層是中性角色,不會幫你多爭取什麼。

列出這些不是要勸退,而是幫你對齊期待。知道 Astra 的邊界在哪,才不會在錯的地方硬撐。對照組可以看Divi 主題完整使用指南Bricks Builder 新世代編輯器教學,或是跨主題的免費與付費 WordPress 佈景主題推薦

疑難排解:Astra 常見問題與排查順序

網站出狀況時,新手的第一反應常常是怪罪主題。實務上 Astra 本身出錯的比例很低,九成問題來自主機、外掛衝突、快取或 PHP 版本。建立一套固定的排查順序,能幫你快速定位真正的原因,避免在主題設定裡亂翻。

排查清單:由外而內四步

  1. 先確認是不是只有你看不到:開無痕視窗、清瀏覽器快取、換一個裝置看,排除是本機快取或瀏覽器擴充造成的假性故障。
  2. 清除網站快取:快取外掛、主機層快取、CDN 快取逐一清過,很多「改了沒反應」其實是舊快取還在。
  3. 暫時停用非必要外掛:逐個停用,找出是哪個外掛與 Astra 或頁面編輯器衝突。最常見的衝突來自快取、SEO、安全與其他頁面編輯器外掛。
  4. 檢查主機與 PHP 環境:PHP 版本太舊、記憶體限制太低、執行時間過短,都會讓主題或外掛裝不起來或跑一半就白畫面。

白畫面與匯入失敗怎麼辦

白畫面(White Screen of Death)通常不是 Astra 壞掉,而是 PHP 致命錯誤被隱藏起來。排查時開啟 WordPress 的偵錯模式,把錯誤訊息印出來,就能看到是哪個檔案、哪一行出問題。常見根因是某個外掛與 PHP 版本不相容,或主題子主題裡寫了過時的函式。匯入 Starter Templates 失敗,多半跟主機的 max_execution_time 與 memory_limit 有關,把這兩個值調高再重試,通常就能解決。

症狀最可能原因優先檢查
改了設定畫面沒變快取未清清網站快取、主機快取、無痕視窗
白畫面PHP 致命錯誤開偵錯模式、停用外掛逐一排查
匯入模板失敗主機資源不足調高 memory_limit 與執行時間
手機選單改不到沒切裝置模式切到手機檢視再進 OFF CANVAS
部分頁面樣式不跟著全域變單頁覆寫未關進該頁編輯器關閉覆寫

排查的時候有一個動作很關鍵:動任何設定前先備份。Astra 的 Customizer 匯出可以單獨存一份主題設定,搭配WordPress 備份與還原指南,改壞了能整批還原,避免一邊排查一邊把原本正常的設定也改掉。

常見問題與下一步

Astra 對主流頁面編輯器相容性高、免費模板數十款、速度優於多數付費主題。下一步是依網站類型(部落格、形象、購物)挑對應實作路線,把模板與必裝外掛補齊。卡關時優先查主機、外掛衝突、快取設定,多半與 Astra 本身無關。網站上線後也要顧好搜尋引擎的收錄狀況,Google Search Console 安裝Bing Webmaster Tools 安裝兩套工具一起裝,能同時掌握 Google 與 Bing 的檢索結果。

新手最常問的問題集中在相容性、功能範圍與升級時機。Astra 支援 Elementor、Beaver Builder、Gutenberg、Bricks 等主流編輯器,根據官方相容性說明,相容性是其長期受歡迎的主因。想往哪個方向走,可從對應問答找到入口。要讓搜尋引擎完整收錄文章,也要補一份XML Sitemap;若想讓 AI 模型更正確讀懂站點內容,可認識一下llms.txt 這份 AI 時代的實驗性文件

FAQ

Astra 主題是什麼?

由 Brainstorm Force 開發的 WordPress 輕量多功能佈景主題,免費版即可商用,部落格、形象網站、購物網站都能做,特色是不綁單一頁面編輯器、不強制載入 jQuery。

Astra 免費版要怎麼安裝?

後台走「外觀 → 佈景主題 → 安裝」,搜尋 Astra 後安裝並啟用即可。需要保留自訂程式碼再額外裝子主題,否則純設定用不到。

Astra 免費版有哪些功能?

涵蓋全域設定(排版、色彩、按鈕、容器)、Header Footer Builder、Starter Templates 基礎模板、文章與資訊欄佈局、本機託管字型,足以把網站做到上線。

Astra 免費版跟 Pro 差在哪?

Pro 主要補 WooCommerce 深度樣式、White Label、更多 Agency 模板與 WP Portfolio;做純內容站、部落格、形象網站,免費版就夠。

Astra 主題速度快嗎?

快。輕量程式碼、不強制載入 jQuery 是主因,這是官方技術特性,不是宣傳話術。但完整加速還要搭配快取與圖片壓縮外掛。

Astra 支援哪些頁面編輯器?

Elementor、Beaver Builder、Gutenberg、Bricks 都能搭配,可隨時切換不會被綁死。

Astra Starter Templates 怎麼用?

先裝 Starter Templates 外掛,初始設定選常用編輯器,再從免費模板庫挑一組一鍵匯入全站或單頁,匯入後改文案即可。

Astra 什麼時候該升級 Pro?

當你需要 WooCommerce 深度強化、White Label、更多 Agency 模板或作品集外掛時才升級;否則免費版就足以應付多數網站類型。

Astra 適合做購物網站嗎?

適合,搭配 WooCommerce 即可。若需要更深入的商店頁面樣式與功能,Pro 的 WooCommerce 強化才會派上用場。

改了全域設定為什麼部分頁面沒跟著變?

單頁覆寫的優先順序高於全域設定。如果某一頁在編輯器裡被設成覆寫全站,全域怎麼改都不會反映到那一頁。進該頁編輯器關閉覆寫,全域值就會套回去。

Starter Templates 要選 Elementor 版還是 Gutenberg 版?

需要視覺化拖拉、由不碰程式碼的人維護,選 Elementor 版較省溝通成本;以發文章為主、追求載入精簡,Gutenberg 版更划算。兩者都是免費模板就能匯入。

網站白畫面是 Astra 壞掉了嗎?

通常不是。白畫面多半是 PHP 致命錯誤,常見根因是某個外掛與 PHP 版本不相容或子主題寫了過時函式。開啟偵錯模式把錯誤訊息印出來,再停用外掛逐一排查,就能定位真正原因。

下一步怎麼走

把免費版的主線跑通之後,依網站類型分流。做部落格可順著WordPress 部落格主題與設定WordPress 文章發佈與分類流程走,分類排序可看WordPress 分類排序自訂教學;做形象網站從WordPress 形象網站新手架站入門,頁面編輯對照WordPress 頁面建立與編輯指南;要裝外掛看必裝 WordPress 外掛清單Gutenberg 區塊編輯器外掛推薦

網站成本拆解可參考WordPress 自架網站費用拆解,避免買了用不到的東西;SSL 對 SEO 的影響看SSL 憑證安裝與 SEO 影響;網域設定看網域申請與 DNS 設定全攻略。主機類型選擇可讀四種虛擬主機類型比較虛擬主機挑選與推薦指南,A2 Hosting 方案可看A2 Hosting 主機架站指南,Bluehost 全流程則在Bluehost 自架 WordPress 全流程Bluehost 主機速度與方案評價

最後,做內容站別忘了分析與 SEO。WordPress 安裝 Google AnalyticsWordPress SEO 外掛推薦教學是基本功,還沒接觸過 GA4 的人可從GA4 是什麼入門,後台操作細節可查WordPress 後台教學。如果舊站在 WordPress.com,搬家流程看WordPress.com 搬家到 org 教學WordPress 搬家外掛推薦評比,備份還原看WordPress 備份與還原指南。把這幾條路走完,Astra 免費版的實力才算真正發揮出來。

相關文章