在 WordPress 佈景主題目錄裡有一萬多種的免費佈景主題可以讓你挑選,不過太多的選擇有時候也是一種困擾。
如果你正煩惱到底要使用哪一個佈景主題,我會建議從 Astra Theme 開始,你可以先免費體驗一下再決定要不要付費,端看需求而定。
本篇文章會介紹什麼是 Astra 佈景主題,然後展示其方案與特色,最後則會推薦一些與其相關的外掛。
什麼是 Astra 佈景主題?
Astra 是由一間位於印度的軟體公司 Brainstorm Force 所開發的 WordPress 佈景主題,截至目前為止,已有超過 1,600 萬個網站是由其所建置,五星評價也有近 6 千個,由此可知在市場上非常受歡迎。
常用連結如下:
為什麼選擇 Astra 佈景主題?
WordPress 佈景主題數以萬計,那麼為什麼要選擇 Astra?特色如下:
- 快速輕量:沒有使用 jQuery、只需不到 50 KB 資源即可運作、載入時間只要 0.5 秒、可以關閉沒有使用到的功能。
- 提供數百種網站範本:180+ 預先設計好的範本隨選即用,可以節省設計所需的時間。
- 支援多種編輯器:包含 Elementor、Beaver Builder 及內建的區塊編輯器。
- 操作介面直覺:所有調整網站外觀的設定都在外觀自訂器上,你可以即時看到修改後的結果,不需要切換畫面查看,非常便利。
- SEO 友好:適合行動裝置瀏覽且內建導覽標記及必要的 Schema.org 標記。
- 支援多國語系:你可以使用 .po 與 .mo 檔案翻譯 Astra 佈景主題或者透過外掛建置多國語系網站。
- 生態圈豐富:Brainstorm Force 旗下除了 Astra 佈景主題外,還開發許多實用的外掛,包含:Spectra (編輯器)、WP Portfolio (作品集)、Schema Pro (結構化資料)、Convert Pro (名單收集)、Ultimate Addons for Elementor (編輯器)…等等。
Astra 與 Soledad 比較
Astra 佈景主題方案與價格
Astra 佈景主題永久免費,如果你想要獲得更多調整外觀的設計選項與功能,可以購買 Astra Pro 外掛解鎖。目前官方有提供三種方案,如下:
方案一:Astra Pro
方案內容:Astra Pro (固定頁首、自訂版面配置、進階部落格版面配置…等等)
價格:首年 49 USD,第二年起 59 USD (約期授權) / 特價 239 USD,原價 249 USD (終身授權)
方案二:Essential Bundle (推薦購買)
方案內容:Astra Pro、180+ 進階範本、WP Portfolio (作品集)、Elementor 與 Beaver Builder 附加元件任選一個
價格:首年 169 USD,第二年起 276 USD (約期授權) / 特價 499 USD,原價 996 USD (終身授權)
方案三:Growth Bundle
方案內容:Essential Bundle 所有內容、Schema Pro (結構化資料)、Convert Pro (名單收集)、Ultimate Addons for Elementor (編輯器)、Ultimate Addons for Beaver Builder (編輯器)、SkillJet 學院會員資格以及未來所有開發的產品
價格:首年 249 USD,第二年起 523 USD (約期授權) / 特價 699 USD,原價 1893 USD (終身授權)
Astra 佈景主題教學

如何安裝 Astra 佈景主題?
為了要安裝 Astra 佈景主題,你需要在 WordPress 網站管理後台執行以下步驟:
- 前往 [外觀]→[佈景主題]
- 點選「安裝佈景主題」
- 上傳 Astra 子佈景主題 .zip 檔 (你可以透過子主題生成器建立)
- 啟用 Astra 子佈景主題
Astra 佈景主題設定總攬
當你啟用 Astra 佈景主題後,相關的設定會出現在兩個地方,分別是 WordPress 網站管理後台左側的 Astra 選單下及網站前台的外觀自訂器上。
網站後台設定:
- 管理後台:上方分頁中有歡迎、設定、Starter Templates 及免費版與付費版的比較。
- 歡迎:包含 Astra 佈景主題的官方影片介紹、快速設定、實用外掛等等。
- 設定:有別於外觀自訂器上的設定,都是一些偏向系統上的設定,像是於本機載入 Google 字型、版本控制、重新產生檔案等等。
- Starter Templates:會引導你安裝 Starter Templates 外掛以便快速匯入示範內容,提升網站建置的效率。
- 免費版與付費版的比較:以表格的方式列舉 Astra 佈景主題與 Astra Pro 外掛間的差異。
- 自訂:會導向至外觀自訂器,也是 Astra 佈景主題主要設定的位置。
- 自訂版面配置:你需要購買 Astra Pro 才能使用這項功能。
- Spectra:一款與 Astra 佈景主題搭配的區塊編輯器擴充外掛。
外觀自訂器設定:
- 全域
- 頁首編輯器
- 導覽標記
- 網站文章
- 頁面
- 資訊欄
- 頁尾編輯器
網頁版面配置
你可以根據實際需求或個人喜好設計網站的版面配置,使其成為你自己的佈景主題!

在開始說明如何調整外觀之前,你需要先了解一個網頁的架構,主要可以拆解成四個區域 (與 Astra 佈景主題在外觀自訂器的設定順序相同),如下:
- 頁首區域
- 內容區域
- 資訊欄區域
- 頁尾區域
頁首區域

頁首區域是訪客來到你網站第一眼掃描到的地方,是建立你與訪客的第一印象,最基本的元素有兩個:標誌與選單。
你可以使用 Astra 佈景主題內建的頁首編輯器新增這些元素 (建議),免費版就有這項功能,不需要購買 Astra Pro 擴充。
如何新增網站標誌與圖示?
標誌:
- 前往 [自訂]→[頁首編輯器]→[標誌]
- 點選「選取標誌」
※標誌的檔案的格式建議使用 SVG,好處是不會因為解析度的大小造成圖片失真以及檔案較小。需要特別注意的是,WordPress 由於安全性因素並不支援 SVG,需要另外安裝 Safe SVG 外掛才能解決此問題。
網站圖示:
- 前往 [自訂]→[頁首編輯器]→[網站圖示]
- 點選「選取網站圖示」以上傳你的網站圖示

※網站圖示的尺寸建議 512×512 像素,檔案格式為 PNG 檔。
如果初期預算有限,市面上其實有很多製作網站標誌與圖示的工具,像是 DesignEvo、Canva、Logaster …等等。當然,你也可以請設計師替你規劃,如果有需要可以與我們聯絡。
如何建立選單?
上述所提到的頁首元素只是最基本的,視需求還可以新增按鈕、搜尋、社群圖示…等等,更多的組合變化我會放在付費課程進行說明。
內容區域

內容區域是一個網頁最重要的地方,訪客可以藉由這個區域知道該頁面主要表達的內容是什麼。
內容區域主要可以分成文章與頁面,兩者之間的差異如下:
文章 | 頁面 | |
時間順序 | 有 | 沒有 |
更新頻率 | 經常更新 | 較少更新 |
組織方式 | 分類與標籤 | 上下階層 |
當然,現有的文章或頁面可能無法滿足你的需求,這時候就需要建立自訂內容類型。不過這是比較進階的操作技巧,我會放在付費課程中說明。
內容堆疊與編輯器架構
不論你是使用什麼編輯器,操作的邏輯都是採用「區塊堆疊 」的方式,由上到下一層一層地新增內容。
編輯器的架構是由區塊、欄位與元素所組成。每一個區塊可以新增不同數量的欄位,每一個欄位可以新增不同數量的元素。
※編輯內容的方式我偏好「文章 」使用區塊編輯器,「頁面 」使用 Elementor 編輯器。方式沒有絕對,效能與便利間的取捨。
一個部落格重要的兩個頁面
- 關於:讓讀者了解你是誰、提供什麼產品與服務、願景與理念、成就與獲獎紀錄、著作、專訪、見證、歷程…等等
- 聯絡:讓對你有興趣的潛在客戶可以進一步與你聯繫,可能是合作、邀約、詢問產品或服務…等等
當然,可能還會有服務、作品集、常見問題…等頁面,端看需求而定。如果你需要請人設計網頁,可以參考我們的驅動型網站設計服務。
如何新增文章清單?
Astra 佈景主題本身就有提供相關的設定,若你覺得免費版沒有符合需求,那麼可以購買 Astra Pro 解鎖更多功能或者參考以下文章。
資訊欄區域

資訊欄區域通常會放置網站的一些額外資訊,像是熱門文章、廣告、社群追蹤…等等。一般來說,會出現在單篇文章與文章彙整頁上。
頁尾區域

頁尾區域主要用於承載因為空間有限而無法放置在頁首區域的元素,像是關於我 (們)、聯絡資訊、快速連結…等等。
你可以使用 Astra 佈景主題內建的頁尾編輯器新增這些元素,免費版就有這項功能,不需要購買 Astra Pro 擴充。
如何設定頁尾小工具?
- 前往 [自訂]→[頁尾編輯器]
- 你可以在任一區塊新增小工具,Astra 佈景主題所提供的小工具有:社群、HTML、頁尾選單、小工具

如何設定版權聲明?
最簡單方式為直接輸入文字,不過每年都需要重新調整,非常沒有效率。比較聰明的做法是,利用 Astra 佈景主題內建的短代碼來達成。
- 前往 [自訂]→[頁尾編輯器]
- 輸入 Copyright © [current_year] [site_title]



※ [current_year] 是目前年份,[site_title] 則是網站標題
如何新增返回頂端按鈕?
返回頂端是 Astra 佈景主題免費的功能,用途是讓網站訪客快速回到網頁的頂端,無需向上捲動。做法如下:
- 點選外觀自訂器後,前往 [全域]→[返回頂端]
- 啟用返回頂端後,你可以調整圖示尺寸、色彩及框線圓角半徑等設定。
Astra 佈景主題常見的免費功能
雖說 Astra 佈景主題有提供付費版,不過免費版仍有許多常見的功能,像是相關文章、導覽標記、三欄式頁首頁尾編輯器、返回頂端按鈕、行動裝置選單標籤等等。對於部落格類型的網站來說,還算夠用,不足的部分可以透過外掛加強。
更多關於 Astra 佈景主題的免費版與付費版間的差異,可以參考官方的比較表格,有詳盡的說明。
與 Astra 佈景主題相關的外掛總整理
以下整理許多與 Astra 佈景主題相關的外掛,你可以視實際需求決定要不要安裝,全部都是免費的,部分有提供更進階的付費方案。
外掛名稱:Starter Templates
費用:基本免費,進階付費
解決問題:如果你不想要從零開始設計網頁,那麼可以使用 Starter Templates 直接匯入範本再更改內容
費用:完全免費
解決問題:以視覺化的方式呈現 Astra 佈景主題所有勾點的位置
外掛名稱:Astra Widgets
費用:完全免費
解決問題:提供地址、圖示清單及社群檔案 3 種內建區塊編輯器沒有的區塊
外掛名稱:Spectra
費用:完全免費
解決問題:加強內建區塊編輯器的不足
外掛名稱:Astra Bulk Edit
費用:完全免費
解決問題:逐一編輯 Astra 中繼資料的設定非常沒有效率,藉由批次編輯的功能可以節省許多時間
費用:完全免費
解決問題:將 Astra 佈景主題外觀自訂器的設定恢復成初始狀態
外掛名稱:Import / Export Customizer Settings
費用:完全免費
解決問題:在不同的網站上轉移 Astra 佈景主題外觀自訂器的設定
外掛名稱:Customizer Search
費用:完全免費
解決問題:在 Astra 佈景主題外觀自訂器新增搜尋的功能,以節省尋找設計選項與功能的時間
常見問題
列舉一些關於 Astra 佈景主題常見的問題。
結論
毫無疑問 Astra Theme 絕對稱得上是最好的 WordPress 佈景主題,主要的理由是:效能好、上手容易及具有高度客製化等特性,不論你是初學者還是有經驗的專家,都很適合。如果你還沒有使用過 Astra,可以來嘗試一下。