W whoops.tw
WordPress 主機 最近加入

Astra 主題是什麼:為什麼新手第一個站常用它

Astra 主題教學的核心在於一個事實:它的免費版就足以獨立完成一個可上線的形象網站或部落格。Astra 由 Brainstorm Force 開發,是 WordPress.org…

Astra 主題教學的核心在於一個事實:它的免費版就足以獨立完成一個可上線的形象網站或部落格。Astra 由 Brainstorm Force 開發,是 WordPress.org 上活躍安裝數超過百萬次的輕量多功能佈景主題 [來源:WordPress.org〈Astra〉 https://wordpress.org/themes/astra/ 2026-06-29];而 WordPress 本身已是全球最普及的內容管理系統,依 W3Techs 的調查,WordPress 被使用於 41.5% 的所有網站(佔已知 CMS 網站的 59.2%)[來源:W3Techs〈Usage Statistics and Market Share of WordPress〉 https://w3techs.com/technologies/details/cm-wordpress 2026-06-29],Astra 正是在這個龐大生態裡新手最常被推薦的入門主題之一。只要掌握 Starter Templates 一鍵套版加自訂器六大區塊的對應邏輯,新手能在完全不碰程式碼的狀態下做出像樣的客製外觀。

重點先看: Astra 免費版內建 Starter Templates,可用模板約數十款,頁首頁尾、全域色彩字型、文章列表、側邊欄全都能調,足以獨立做出可上線的形象網站或部落格。純內容站先免費、要做電商深度再評估 Pro。

Astra 主題是什麼:為什麼新手第一個站常用它

Astra 是 Brainstorm Force 開發的 WordPress 多功能佈景主題,主打輕量、速度快、與主流頁面編輯器高度相容,免費版就能做形象網站、部落格與小型電商,是新手架站最常被推薦的入門主題之一。它的定位很清楚:輕量多功能主題,免費版加進階版雙軌,新手先免費體驗再決定要不要升級。

市面上主題百百種,為什麼 Astra 特別常出現在「新手第一個站」的推薦清單裡?我自己歸納出三個原因。第一是它的程式碼夠精簡,前端不載入 jQuery、資源載入量小,這兩點是 Astra 速度表現優於很多同類主題的根源,根據 Astra 官方對效能的說明也是如此。第二是它跟主流頁面編輯器的整合做得很深,Elementor、Beaver Builder、Gutenberg 都能無縫搭配,不必自己寫一行程式碼。第三,免費版沒有被閹到不能用,基本套版、頁首頁尾、全域色彩字型都開放。

說到底,能做的網站類型涵蓋很廣:部落格、企業形象網站購物網站、線上課程網站、預約網站幾乎都能搭。對預算有限、又想做出「不像套版」外觀的人來說,Astra 幾乎是公認的起點。如果你還在比較幾款主題,可以參考這篇 WordPress 佈景主題推薦比較,把選擇邏輯一次理清楚。

Astra 適合做的網站類型免費版夠不夠用要不要 Pro
個人 / 公司部落格夠用通常不用
形象官網、品牌網站夠用進階頁首才考慮
作品集 / 服務案例部分WP Portfolio 較划算
WooCommerce 購物站基礎可用深度優化建議升級
線上課程 / 預約站夠用視整合需求而定

一句話判斷:想在預算內快速做出不像套版的網站,Astra 是起點。它未必是最強大的主題,但很可能是 CP 值最高的那一個。順帶一提,如果你想找的是純內容取向的免費主題,免費 WordPress 部落格主題這篇也有整理。

輕量主題為什麼值得新手優先選:速度與排名的關聯

新手常問:主題輕量到底有什麼實際好處?答案落在兩個層面,一是使用者體驗,二是搜尋排名。Google 早在 2020 年就宣布,把 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];而自 2018 年 7 月起,頁面速度已成為行動搜尋的排名因素之一,雖然只影響 delivering 最慢體驗的頁面與少數查詢 [來源: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]。Astra 前端不載入 jQuery、初始資源量小,意味著它的 LCP(最大內容繪製)與 CLS(累計版面位移)起跑點就比多數厚重主題好,這對預算有限、沒有專職工程師優化的新手站長來說,等於是「免費拿到一部分 SEO 基本分」。

從流量版圖看,行動裝置已經是網站訪客的主力來源。依 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]。行動裝置的網路條件普遍比桌面差、CPU 也弱,這時候主題的輕量程度會被放大檢視。一個在桌面看起來都還過得去的厚重主題,到手機上往往就會拖垮整個載入體驗,而 Astra 這類精簡主題在行動端的優勢會更明顯。

速度對電商站的意義更具體。web.dev 整理的案例顯示,Rakuten 24 投資 Core Web Vitals 後,每位訪客營收提升 53.37%、轉換率提升 33.13%;Vodafone 把 LCP 改善 31%,帶動銷售提升 8%;redBus 改善 INP 後銷售提升 7% [來源:web.dev (Google)〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。這些數字說明一件事:速度不是「有空再做」的裝飾品,它直接換算成營收。如果你用 Astra 搭 WooCommerce 購物站,主題本身給你的速度底子,就是這條轉換鏈的起點。

Astra 免費版能做什麼、缺什麼:先認清再動手

能。免費版內建 Starter Templates 約數十款可用模板,頁首頁尾、全域色彩字型、文章列表、側邊欄都能調,足以獨立完成一個可上線的形象網站或部落格;真正缺的是更多進階模板、進階頁首結構、WooCommerce 深度優化與作品集外掛。所以該問的問題是「你要做的網站需要哪一層功能」,把需求分層之後,免費版夠不夠用就一目了然。

這裡要先點破一個迷思:網路上常看到「Astra 有三百多款模板」這種數字,但其實來源先後寫過 300 多種、70 多種、30 多種免費,彼此矛盾又沒附官方出處。我採取保守講法:免費可用約數十款,進階版(Agency / Premium 標記)另有更多。精確數字以官方 Premium Starter Templates 進階模板 庫為準,不要拿來路不明的數字當依據。

  • 免費版夠用的部分: 模板套用、全域設定、Header Builder、Footer Builder、響應式預覽全部開放。
  • 模板數量保守看: 免費可用約數十款,標註 Agency / Premium 的需進階版。
  • 免費版明確上限: 進階 Header/Footer 結構、進階 WooCommerce、WP Portfolio、Premium Starter Templates。
  • 決策建議: 純形象站或部落格先免費;要做作品集、大量 Elementor 擴充或購物車深度優化,再評估付費版(ThemeForest 付費 WordPress 主題 是另一條對照路線)。

老實說,多數人卡住不是 Astra 難用,而是沒想清楚自己要做哪一種網站就動手。如果你只是要寫文章、放個關於頁面、留個聯絡方式,免費版綽綽有餘;但如果你要的是那種有動態作品集、有會員專區、有複雜結帳流程的站,那硬要靠免費版反而會走到死胡同。講了這麼多,免費版最該避免的雷只有一個:不要為了「解鎖」進階功能去裝來路不明的破解版,安全風險遠高於省下的授權費,這不是省錢是找麻煩。

想深入了解免費版到底開放哪些細項,可以看 Astra 主題免費版功能詳解;至於要不要付費的取捨,Astra Pro 免費版與付費版差異評測 講得更細。「能做什麼、缺什麼」先釐清,動手時才不會白做。

安裝與啟用:主題加子主題的正確流程

到 WordPress 後台「外觀 → 佈景主題 → 安裝」搜尋 Astra 即可安裝啟用;接著用官方生成器產出 Astra Child Theme 並上傳啟用。裝子主題的原因是:直接改原主題的程式碼或設定,會在主題升級時被覆蓋,子主題能把你的客製內容保留下來。如果你連 WordPress 後台都還不熟,先看 WordPress 後台管理實戰 會順很多。

這一節我刻意把「主題」跟「子主題」分開講,因為新手最容易在這裡出錯。很多人以為裝了原主題就萬事 OK,結果改了一堆 CSS 與 function,過幾天主題自動更新,全部被還原,當場傻眼。子主題就是為了解決這件事而存在的隔離層。

  1. 後台 → 外觀 → 佈景主題 → 安裝 → 搜尋 Astra → 安裝 → 啟用。詳細可對照 WordPress 佈景主題安裝教學
  2. 用 Astra Child Theme Generator 線上生成子主題、命名後下載 zip,再上傳啟用。子主題的作用是隔離客製程式碼與設定,升級原主題時才不會被還原。
  3. 原主題與子主題只能擇一啟用,這裡啟用的是 Child。確認成功的方式:後台會同時看到 Astra 與 Astra Child,目前啟用的是 Child。

如果你的站還沒裝好 WordPress,請先回頭看 WordPress 完整安裝教學WordPress 架站全攻略。主機還沒選定的人,Bluehost 自架 WordPress 教學 是新手常見的入門組合。裝完主題跟外掛之前,你也可以順手把 WordPress 外掛安裝方法 看一遍,後面裝 Starter Templates 會用上。

一個小提醒:原主題跟子主題「只能擇一啟用」,這是規則不是建議。我碰過有人兩個都啟用,結果後台出現不可預期的衝突。裝完子主題後,啟用它、把原主題留著當底層就好,不要刪,刪了子主題就失去依附。

子主題到底隔離了什麼:檔案層與設定層的差別

很多人聽過「子主題保留客製」,但分不清楚它到底保留哪些東西。實際上子主題的隔離只覆蓋「檔案層」的修改,也就是你放在子主題裡的 style.css、functions.php、以及複製過來修改的 template 檔案(例如自訂的 single.php、header.php)。這些檔案在原主題升級時不會被覆蓋,因為升級只動原主題的資料夾。

但「設定層」的客製是另一回事。你在自訂器裡調的色彩、字型、頁首結構,這些值存在資料庫的 option 裡,跟主題檔案是分開的。換句話說,就算你沒裝子主題,自訂器裡的設定在原主題升級後通常還會在;裝子主題的主要保護對象,是你手寫的程式碼與範本,而不是自訂器的點選設定。新手常把兩者混為一談,以為「裝了子主題就什麼都不會掉」,其實掉不掉要看你改的是哪一層。

實務上會建議:大改動走檔案層(CSS、PHP),放進子主題;小調整走設定層(自訂器點選),直接存。這樣分層之後,升級風險可控,也容易回溯是哪一層出問題。如果你完全沒有寫程式的需求,那麼子主題對你的價值主要是「以後若想加 CSS 或 function 時有地方放」,可以先把空殼子主題裝好備著。

用 Starter Templates 一鍵套版

Astra 提供 Starter Templates 外掛,安裝後可依頁面編輯器(Elementor、Beaver Builder、Gutenberg 等)分類瀏覽模板,找到喜歡的版型後能一鍵匯入全站或單一頁面。免費版可用模板約數十款,標註 Agency 或 Premium 的需要進階授權,這在 Astra Starter Templates 的官方說明中有清楚標示。

套版這件事,是我認為新手最該優先學的功能,沒有之一。理由很實際:套一個現成版型再修改,比從零拉版面快上數倍,而且成品水準立刻拉高。很多人架站架到半途放棄,不是因為不會做,是因為從空白頁開始太挫折了。先用模板把骨架撐起來,再慢慢換配色、換圖、換文字,心理負擔會小非常多。

  • 前置: 先安裝 Starter Templates 外掛,首次設定會問你常用哪個頁面編輯器。
  • 入口: 左側 Astra 選單 → Starter Templates,或外掛設定頁。
  • 匯入彈性: 可全站安裝,也可只匯入單一頁面(首頁、關於我們、聯絡頁)。
  • Agency / Premium 標記: 代表需進階版,免費版用不到就跳過。
  • 效率觀念: 套版後再修改,是新手最該優先學的功能。

選頁面編輯器時,如果你打算走 Elementor 路線,可以先看 Elementor Pro 功能與購買指南,或 Elementor 外掛推薦清單,把擴充生態一次摸熟。喜歡用區塊編輯的人,則推薦 WordPress 頁面編輯教學。若你還在比較不同視覺化編輯器,WordPress 頁面編輯器比較Bricks Builder 視覺化編輯器 都值得參考。

想快速搭好一個站的人,30 分鐘架好 WordPress 網站 這篇的流程可以跟套版一起用。我自己習慣的順序是:裝 Astra → 裝 Starter Templates → 套首頁 → 再回頭改自訂器。這條動線比「把每個設定都看完再動手」有效率得多。

套版後的清理清單:避免示範內容殘留

套版是快,但它帶來一個容易被忽略的副作用:模板裡的示範內容會一起匯入。首頁的佔位文字、範例文章、示範選單、佔位圖片,這些東西如果不清,等於你的站上掛著別人的假資料,訪客看了一頭霧水,搜尋引擎也可能把這些低品質內容當成你的站的一部分。套完版之後,務必跑一次清理。

  • 刪示範文章與頁面: 套版匯入的 Hello World、範例 blog 文章、Sample Page,確認沒用到就刪掉或改成草稿,別留在正式站。
  • 換掉佔位圖片: 模板的 hero 圖、服務區塊圖常是通用素材,務必換成你自己的圖片或合授權的素材,避免版權爭議與「撞圖」。
  • 檢查選單項目: 示範選單可能連到不存在的錨點或示範頁,逐項確認連結目標,沒用的移掉。
  • 改聯絡資訊: 電話、信箱、地址、社群連結,套版時多半是預設值,全部換成真實資料。
  • 清快取再預覽: 改完後清一次快取,以前台訪客視角走一遍,確認沒有殘留的示範字串。

這份清單看起來瑣碎,但它決定了你的站上線那一刻看起來是「專業」還是「半成品」。很多新手覺得套完版就等於做完了,結果上線第一天就被客戶或讀者抓到示範文字,反而要花更多時間解釋。把清理當成套版的固定第二步,這個習慣會跟著你一輩子。

自訂器的全域與單頁設定

Astra 把後台自訂器拆成幾個大區塊:全域設定(排版、色彩、容器、按鈕)、頁首編輯器、導覽標記、網站文章、資訊欄(側邊欄)、頁尾編輯器。核心觀念是「全域改了影響全站、單頁設定會覆蓋全域」,搞懂這層關係就不會改一個地方、另一個地方卻沒動。

這組「全域 vs 單頁」的關係,是我看過最多人卡住的地方。你以為改了全域色彩全站就會變,結果某幾個頁面就是不動,因為那幾頁被設了單頁覆蓋。反過來也一樣,你在單頁調了半天,全站卻跟著一起變,因為你其實改到的是全域。確認你人在哪一層,是操作 Astra 自訂器前最基本的動作。

自訂器區塊管什麼影響範圍
全域設定排版、色彩、容器、按鈕、返回頂端全站
頁首編輯器Logo、選單、社群圖示、三層結構全站(可單頁覆蓋)
導覽標記麵包屑路徑顯示位置全站
網站文章文章列表、單文版面、相關文章全站(可單頁覆蓋)
資訊欄(側邊欄)無/左/右三種配置全站(可單頁覆蓋)
頁尾編輯器上中下三層、Copyright、可見度全站(可單頁覆蓋)

換個角度想,這六大區塊其實對應到一個網站最常被改的六個地方:字型色彩、頁首、麵包屑、文章版面、側邊欄、頁尾。Astra 把它們全部集中到自訂器,你不用到處找設定入口。不過話說回來,功能集中不代表好懂,頁首頁尾、色彩字型、文章列表這幾個地方最容易出錯,得各自細看。

覆蓋邏輯的除錯法:改了沒反應怎麼辦

當你在自訂器改了某個值、前台卻沒變,背後多半是覆蓋鏈出了問題。除錯的順序是固定的,照著走能省下大量猜測時間。先確認你目前在哪一層:自訂器頂端會顯示你正在編輯的是「全域」還是某個具體頁面。很多人以為自己在改全域,其實 Astra 把他帶進了該頁的單頁設定。

  1. 確認所在層: 自訂器頂端標示你正在改全域或單頁,改之前先看清楚,這是第一道關。
  2. 查單頁覆蓋: 該頁編輯畫面裡的「Astra 設定」分頁,看側邊欄、頁首、內容版面是否被勾成「自訂」,勾起來就會蓋過全域。
  3. 清快取: 頁面快取、瀏覽器快取、外掛快取都可能讓你看到舊版,清完再重新整理。
  4. 檢查頁面編輯器覆蓋: 若該頁是用 Elementor 等編輯器拉的,頁面層級的版面設定會蓋過主題自訂器,得到編輯器裡改。
  5. 排除外掛衝突: 暫時停用快取、最佳化、SEO 類外掛,看是否其中之一攔截了你的樣式。

這套流程的重點在於「由近到遠」排除:先看自己有沒有改錯層,再看覆蓋設定,接著清快取,最後才動外掛。順序顛倒的話,你會花很多時間在停用外掛上,結果問題其實出在你人在單頁層卻以為在改全域。養成「先確認層級」的反射動作,Astra 自訂器的除錯就會快很多。

頁首與頁尾怎麼改

到前台任一頁面點上方「自訂」進入頁首/頁尾編輯器,點 Logo 可改標誌與標題、點選單可增減項目、頁尾則用 + 新增 Copyright 元素。要注意:部分模板使用「透明頁首」,它的樣式調整入口與一般頁首不同,改了沒反應多半是找錯位置,這在實際操作 Astra 自訂器時常見。

這一節我想直接點破三個最常踩的坑,因為我自己都踩過。第一,透明頁首。有些模板首頁的頁首看起來是透明的,那是因為它用了「透明頁首」這個獨立設定,你跑到一般頁首那邊改半天當然沒反應,得進到透明頁首的設定頁才有效。第二,手機選單。Astra 的電腦版 Primary Menu 跟手機版 Mobile Menu 是兩組,要切換裝置模式才能各自設定,沒切裝置就改手機選單是改心酸的。第三,頁尾 Copyright。它內建動態文字會自動帶入年份跟站名,不用自己每年手動改。

  • Logo 改法:移到 Logo 點筆圖示,可上傳、調大小、依裝置設可見度。
  • 選單分兩組:Primary Menu 管電腦版,OFF CANVAS 區域管手機版,要切換裝置模式才能各自設定,OFF CANVAS 的項目長按可拖曳排序。
  • 頁尾 Copyright 是系統動態文字,會自動帶入年份與站名,不用自己手改。
  • 透明頁首要另外找:前台頁首看起來透明,代表用了透明頁首這個獨立設定,得到對應設定頁調整才會生效。

選單設定的細節,可以對照 WordPress 選單設定教學;想把頁首頁尾做得更精緻,Elementor Pro 頁首頁尾設計 提供另一條路。如果你用 Elementor 想做客製頁首,Ultimate Addons for Elementor 擴充模組 也派得上用場。登入頁想要統一風格的話,WordPress 登入頁面美化 值得順手做。

退一步看,頁首頁尾之所以重要,是因為它們出現在每一頁。改錯這裡,全站都會出問題;改對這裡,全站質感立刻提升。所以操作時寧可慢一點、確認你在哪一層,也不要急著亂點。

色彩、字型與本機託管字型

色彩與字型都在自訂器的「全域」底下:色彩可調文字、連結、標題、背景與主視覺色;排版樣式可設字型系列與 H1–H6 大小,並能依裝置微調。速度方面,Astra 內建「本機託管 Google Fonts」開關,把字型下載到自己主機,可減少對遠端請求、加快字型載入,開關就放在 Astra 後台的「設定 → 效能」。

字型設定有個 SEO 觀念要特別提醒:HTML 標題標籤是 H1 到 H6,數字越小權重越大、預設字體也越大。設定字型大小時請遵守這個層級,不要為了好看把 H3 調得比 H2 還大,會干擾搜尋引擎對內容結構的判讀。字型系列可選系統字型、Google 字型,或繼承上層設定,彈性夠。

  • 色彩支援一鍵預設集,也能逐項調整文字、連結、標題、背景與主視覺色,想還原點 ⟲ 按鈕即可。
  • H1 到 H6 的字型大小要遵守 SEO 標題層級,數字越小權重越大,不要把 H3 調得比 H2 還大。
  • 字型系列可選系統字型、Google 字型,或繼承上層設定。
  • 本機託管字型的開關在 Astra → 設定 → 效能,開啟後降低對 Google 的外部請求。
  • 輕量主題加快取外掛加圖片壓縮,是 Astra 網站變快的三件套。
速度優化手段做法效果
本機託管字型Astra → 設定 → 效能 開啟減少遠端字型請求
快取外掛安裝快取外掛並設定規則降低伺服器回應時間
圖片壓縮上傳前壓縮或用外掛自動處理縮小頁面總體積
不載入 jQuery(前端)Astra 原生設定減少 JS 載入量

會把這些優化當成「有空再做」,往往是沒意識到速度跟搜尋排名直接掛勾。Google 早在 2020 年就宣布,把 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 網站顧速度,其實也是在顧 SEO 成績單。關於本機託管字型的手動操作,WordPress 本機託管 Google Fonts 有完整步驟。想讓網站更快,WordPress 網站加速外掛推薦WordPress 快取外掛比較WP Rocket 快取外掛設定 是三篇常被一起看的。圖片處理可以接著看 圖片壓縮工具推薦WordPress 圖片優化指南。速度指標想顧到 SEO 層面,Core Web Vitals SEO 優化網站速度優化核心技巧 別漏掉。

說實在的,Astra 本身已經夠輕量,剩下的速度幾乎都取決於你裝了什麼外掛、圖片多大、有沒有上快取。主題快不快是一回事,站快不快是另一回事,兩者別混為一談。

文章列表、資訊欄與中文化

網站文章設定分成「文章列表」與「單篇文章」兩大項:列表頁可調容器版面配置、文章寬度與封面精選圖片;單篇文章多了「相關文章」啟用,能在文末自動帶出延伸閱讀,關聯依據可設分類或標籤,排序可依發佈日期、文章順序、留言數量,這些選項都在 Astra 自訂器內開放。資訊欄(舊稱 Sidebar)則有無、左、右三種配置,全站預設之外,也能在單一文章或頁面覆蓋。

文章跟頁面在 WordPress 裡是不同的東西,這個觀念會影響你怎麼設資訊欄。想弄清楚差異,可以看 WordPress 文章與頁面差異。文章發佈流程則對照 WordPress 文章發佈教學。部落格整體架設,WordPress 部落格架站教學WordPress 部落格架設指南 是兩篇主力的參考。

側邊欄能放的東西很多,搜尋框、最新文章、電子報訂閱、分類列表都行,相關細節看 WordPress 區塊小工具與側邊欄。分類順序想調整,WordPress 分類排序教學 幫得上忙;想讓側邊欄小工具固定不捲動,WordPress 側邊欄固定小工具 就是你要的。文章太長需要目錄,WordPress 文章目錄自動生成 能省下手動錨點的功夫。

中文化方面,如果前台有些地方顯示英文,用 Loco Translate 主題中文化WordPress 外掛主題中文化 都能解決。這不是 Astra 獨有的問題,而是多數國外主題共通的狀況,習慣就好。

Astra Pro 要不要買:方案選擇與升級時機

如果只是經營部落格或單一形象網站,免費版就夠用,不必急著升級。當你需要進階頁首結構、WooCommerce 深度優化、作品集展示(WP Portfolio)或大量 Elementor 擴充(Ultimate Addons),才值得付費;第一次升級建議從最便宜的 Astra Pro 方案入手,等需求明確再往上捆 Mini Agency Bundle,實際定價以官方公告為準。

我不會跟你說「Pro 一定要買」這種話,因為那是浪費錢的建議。正確的問法是:你現在卡在哪裡?如果卡在頁首結構不夠靈活、卡在 WooCommerce 結帳頁不好看、卡在沒有作品集外掛,那 Pro 才有意義。如果只是寫寫文章、放個形象頁,免費版根本綽綽有餘,硬升級只是增加學習負擔跟荷包負擔。

方案階梯適合誰關鍵內容
Astra Pro(入門)單站、需要進階功能的新手進階 Header/Footer、進階 WooCommerce
Mini Agency Bundle作品集需求、Elementor/Beaver 重度使用者WP Portfolio+Ultimate Addons 擴充
成長型機構方案多站、長期接案者Premium Templates、多站授權
  • 單一形象站、部落格、內容站,免費版就夠用,不必升級。
  • 升級訊號很明確:需要進階 Header/Footer、WooCommerce 強化、Portfolio 或 Premium Templates,才值得付費。
  • 方案由低到高是 Astra Pro(入門最便宜)、Mini Agency Bundle、成長型機構方案,需求到哪就買到哪。
  • Elementor 或 Beaver Builder 重度使用者,直接挑 Mini Agency Bundle 比較划算,因為內含 Ultimate Addons 擴充。
  • 定價以官方為準,先買單站授權,必要時再升級多站或終身方案。

想看 Pro 進階功能全貌,Astra Pro 進階功能完整教學 是主力參考;作品集需求看 Astra WP Portfolio 作品集展示;WooCommerce 深度設定則接 WooCommerce 電商架站教學WooCommerce 電商架站全攻略。費用的整體考量,WordPress 架站費用拆解WordPress 自架網站費用解析 能幫你算清楚。

回顧一下,Astra 的價值在於免費版就足以獨立完成一個可上線的形象網站或部落格。多數人卡住不是主題難,而是沒搞懂「全域 vs 單頁」與「原主題 vs 子主題」這兩組觀念。把「安裝、套版、自訂、上線」這條動線走順,再決定要不要花錢升級,整個流程就清楚了。

架站之後的下一步是 SEO 與流量。WordPress 架站新手教學WordPress 架站完整攻略WordPress 後台操作指南 能補完操作面;SEO 設定則接 WordPress 架站與 SEO 優化WordPress SEO 必做設定Rank Math SEO 外掛教學。把這些串起來,Astra 站從無到有、再到有人看,該補的環節就補齊了。

進階設定與疑難排解:上線後常見的坑

站架起來、套了版、改了配色,並不等於沒問題。Astra 站上線後最常冒出來的狀況,集中在「行動裝置版面跑掉、選單打不開、效能分數掉、WooCommerce 頁面跟主題打架」這幾類。它們的共通點是:都不是 Astra 本身的 bug,多半出在設定層、外掛層或覆蓋鏈上。下面把高頻問題與對應處理拆開來講。

行動裝置版面跑掉:先切裝置再改

行動版面跑掉是最高頻的客訴。原因幾乎都一樣:你在桌面模式下改了某個值,以為會自動套用到手機,結果 Astra 把桌面、平板、手機的設定視為可獨立調整。對應的做法是,進自訂器後先點右上角的裝置切換圖示,切到手機模式,再針對手機調整間距、字級、容器寬度。確認你在改哪個裝置,比反覆猜測有效得多。

另一個常見原因是誤用了 px 固定寬度。桌面上好看的固定寬度,到手機就會溢出或強制出現橫向捲軸。盡量用 Astra 提供的響應式欄位,或改用百分比、max-width,讓版面在不同裝置自動伸縮。若頁面是用 Elementor 拉的,也要到 Elementor 的進階設定裡檢查行動裝置的邊距與欄寬,因為那裡的設定會蓋過主題。

選單打不開或消失:檢查顯示位置與裝置模式

選單問題分兩種。一種是桌面選單不見,多半是選單沒被指派到顯示位置,或 Header Builder 裡的選單元素被刪掉了。進 Header Builder,確認 Primary Menu 元素有放進上層結構、而且指向了正確的選單。另一種是手機選單點了沒反應,這通常是 OFF CANVAS 區域沒設好,或該頁的單頁設定蓋掉了手機頁首。照前面「覆蓋邏輯除錯法」的順序走一次,多半能定位。

效能分數掉:抓出拖慢網站的外掛

Astra 本身輕量,當你發現 PageSpeed 或 Lighthouse 分數掉,兇手八成是外掛與圖片,而非主題。排查的方法是二分法:把外掛逐一停用,每停一輪就量一次分數,找出讓分數明顯下滑的那一個。常見的拖累來源是聯絡表單、快取外掛設太激進、頁面編輯器載入太多 widget、以及未壓縮的大圖。圖片部分,請養成上傳前先壓縮、並啟用延遲載入(lazy load)的習慣,hero 圖尤其要控制體積。

值得再強調一次速度的商業價值。web.dev 的案例顯示,Vodafone 把 LCP 改善 31% 帶來 8% 的銷售提升,redBus 改善 INP 帶來 7% 的銷售提升 [來源:web.dev (Google)〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。這代表你花在抓外掛、壓圖片上的每一分鐘,都有機會換成實際的轉換。把效能當成上線後的固定巡檢項目,而不是「等客訴再處理」。

什麼情況不該用 Astra:誠實的邊界判斷

講了這麼多 Astra 的好處,也得誠實說出它不適合的場景,免得你選錯工具白忙一場。Astra 是輕量多功能主題,它的強項是「快、通用、好上手」,但「多功能」也意味著它在某些專精領域,比不上為該領域量身打造的主題。判斷要不要用 Astra,看的是你的站屬於哪一種型態。

  • 超大型多語系媒體站: 如果你做的是每日上萬篇內容、需要複雜編輯流程與多語系架構的大型媒體,Astra 的輕量定位未必能吃下來,這類站常需要更專門的新聞/雜誌主題或客製架構。
  • 極致客製的設計導向站: 當設計稿充滿非標準版面、大量互動特效、獨特的捲動體驗時,從零切版或用 Bricks 這類更貼近開發者的工具,可能比改 Astra 模板更省事。
  • 以區塊編輯器為核心的全站編輯需求: 若你打算全面擁抱 WordPress 的全站編輯(FSE)與區塊主題(block theme),Astra 傳統的 PHP 模板架構與全站編輯的思路不同,這時一個原生區塊主題會更順手。
  • 需要大量專屬電商深度的購物站: 小型商店 Astra 加 WooCommerce 沒問題,但若你要的是高度客製的結帳流程、會員分級、訂閱制、B2B 報價這類深度電商功能,專門的 WooCommerce 主題或客製開發會更到位。

這些「不適合」不代表 Astra 做不到,而是指做到同等效果,你要花的心力可能比換一個更貼合的工具還多。選主題跟選工具一樣,沒有萬能款,只有最適配。把需求列清楚、對照上面的邊界,Astra 是不是你的最佳解就會很清楚。若你評估後發現自己落在外側,WordPress 佈景主題推薦比較 裡有其他取向的選項可以對照。

SEO 與內容經營:讓 Astra 站被看見

站做好了、速度也顧了,接下來的關鍵問題是「有沒有人看」。對內容站與部落格來說,SEO 與內容經營是流量主力。從產業數據看,這條路既可行又有回報:HubSpot 的報告指出,網站、部落格、SEO 是行銷人公認 ROI 第一名的管道 [來源:HubSpot Marketing Statistics〈citing HubSpot State of Marketing Report, 2026〉 https://www.hubspot.com/marketing-statistics 2026],而且小型企業從部落格文章看到 ROI 的機率比平均高出 23%。換句話說,Astra 站一旦上線,持續產出有價值的內容,就是它累積流量的主引擎。

不過 SEO 的殘酷面也要先講。Ahrefs 針對約 140 億個頁面的研究發現,索引中 96.55% 的頁面從 Google 拿不到任何自然流量 [來源:Ahrefs〈96.55% of Content Gets No Traffic From Google〉 https://ahrefs.com/blog/search-traffic-study/ 2023-12-01]。也就是說,把文章發出去不等於有流量,內容品質、關鍵字佈局、連結建立缺一不可。其中連結的影響格外明顯:研究指出,索引裡約 2000 萬個沒有任何反向連結的頁面中,只有約 2997 個能拿到每月超過 1000 次搜尋流量,比例約為 1 比 6671 [來源:Ahrefs〈96.55% of Content Gets No Traffic From Google〉 https://ahrefs.com/blog/search-traffic-study/ 2023-12-01]。這組數字說明,只靠發文、不累積連結與權威,網站被看見的機率很低。

對 Astra 站長來說,這些數據轉成行動有三層。第一層是技術面:Astra 的輕量加本機託管字型加快取外掛,把速度基本分顧好,這是 SEO 的入場券。第二層是內容面:用 WordPress 架站與 SEO 優化WordPress SEO 必做設定 把標題、描述、網址結構、內部連結顧好,並透過 Rank Math SEO 外掛教學 這類工具做技術 SEO 檢核。第三層是權威面:透過持續產出有引用價值的內容、與同主題網站建立關聯,累積反向連結。三層一起做,Astra 站才有機會從那 96.55% 走進被看見的少數。

上線前最終檢查表

不管你是第一次架站,還是接案交件,上線前跑一遍檢查表能避掉八成的低級錯誤。這份清單把前面各章節的重點收斂成可逐項打勾的形式,照著走,你的 Astra 站上線那一刻會穩得多。

  • 主題與子主題: 原主題已裝、Astra Child 已啟用,兩者只啟用一個(Child),原主題保留不刪。
  • 示範內容已清: Hello World、Sample Page、範例文章已刪或改草稿,聯絡資訊、社群連結換成真實值。
  • 全域與單頁: 全域色彩字型已設、首頁等關鍵頁的單頁覆蓋已確認無誤蓋。
  • 頁首頁尾: Logo、選單、Copyright 正確,手機選單(OFF CANVAS)已測,透明頁首若有也已調整。
  • 響應式: 桌面、平板、手機三種裝置都預覽過,無橫向捲軸、無溢出。
  • 速度三件套: 本機託管 Google Fonts 已開、快取外掛已設、圖片已壓縮並啟用延遲載入。
  • SEO 基本: 每頁有唯一 H1、標題與描述已寫、網址結構乾淨、sitemap 與 robots 已產出。
  • 中文化: 前台無殘留英文介面字串,表單、按鈕、錯誤訊息皆中文化。
  • 備份與安全: 已裝備份機制、已移除預設 admin 帳號或改密碼、已停用不必要的破解版外掛。

這份清單不是一次性的,建議每次大改版、裝新外掛、或主題升級之後都跑一遍。很多看起來「應該沒事」的項目,往往就是出事的那一個。養成上線前打勾的紀律,比事後補救省下來的時間多得多。

常見問題

Astra 主題是什麼,適合誰用?

Astra 是 Brainstorm Force 開發的輕量 WordPress 主題,與 Elementor、Beaver Builder、Gutenberg 深度整合,免費版就能搭形象站、部落格與小型電商,適合預算有限又想快速上手的新手站長與接案設計師。

Astra 免費版能直接做出可上線的網站嗎?

可以。免費版開放 Starter Templates 套版、Header/Footer Builder、全域色彩字型、文章列表與側邊欄設定,組合起來足以做出可上線的形象網站或部落格,缺的是進階模板與 WooCommerce 深度優化。

為什麼要裝 Astra Child Theme 子主題?

因為直接改原主題的程式碼或設定,會在主題升級時被覆蓋。子主題把客製內容隔離開來,升級原主題也不會還原你的修改,是保留客製成果的標準做法。

Astra 自訂器的頁首頁尾在哪裡改?

到前台任一頁面點上方「自訂」即可進入 Header/Footer Builder。Logo、選單、Copyright 都在這裡改;若頁首是透明的,要到「透明頁首」設定頁調整,否則改了不會生效。

Astra 速度快嗎,要不要額外優化?

Astra 程式碼精簡、前端不載入 jQuery,本身速度表現就不差。但實際站速還取決於快取外掛、圖片壓縮與外掛數量,開啟本機託管 Google Fonts 也是有效的加速手段。

Astra Pro 值得升級嗎?

純形象站或部落格不必升級;需要進階頁首結構、WooCommerce 深度優化、作品集或大量 Elementor 擴充時再考慮。第一次建議從最便宜的 Astra Pro 方案入門,需求明確再往上捆。

Astra 站套版後,為什麼前台還有示範文字?

因為 Starter Templates 匯入模板時,會連同示範文章、範例頁面、佔位文字一起帶進來。套完版要手動清理,把示範文章刪除或改草稿、換掉佔位圖、確認選單與聯絡資訊,才不會讓訪客看到別人的假資料。

改了自訂器,前台卻沒變,怎麼辦?

先確認你目前在全域層還是單頁層,再檢查該頁是否被設了單頁覆蓋,接著清頁面與瀏覽器快取。若頁面是用 Elementor 拉的,要到編輯器內改,因為頁面層級的設定會蓋過主題自訂器。

什麼情況不該選 Astra?

超大型多語系媒體站、需要大量非標準版面的設計導向站、全面擁抱全站編輯的區塊主題需求,以及需要高度客製結帳與會員機制的深度電商站,這些場景用專門的主題或工具通常比硬改 Astra 更省事。

相關文章