找我們做網站
↑
Wordpress · WordPress 佈景主題

Astra 主題介紹:輕量快速的 WordPress 佈景主題與安裝設定

WordPress 佈景主題發布 2019.08.24更新 2026.10.02閱讀約 6 分鐘
Astra 主題介紹:輕量快速的 WordPress 佈景主題與安裝設定

重點整理
Astra 是輕量化的 WordPress 主題,可自行選擇啟用哪些模組以減少載入程式碼,並支援 WooCommerce 與 Elementor 等頁面編輯器。本文介紹主題特色、安裝方式與自訂選項位置。

Astra 主題介紹 鵠學苑之前推薦過許多 WorPress 主題,有的適合建立購物網站,有的專門建立部落格,每一款主題都有自己的特色,而今天這篇文章要介紹的 Astra 主題 ,相較於其他主題而言在網站外觀樣式的建構上更能靈活運作,也因為 Astra 可自訂內容的方式相當多樣性,可以自己決定啟用/停用哪些功能以精簡網站載入時所要抓取的程式碼,所以 Astra 相對於一些付費主題而言,在網站載入速度方面是有相當大的優勢。

但不得不說,因為 Astra 必須由網站管理員自行決定要啟用哪些功能,導致在網站架設的過程中可選擇的設定項目比較少,不會像其它主題有比較多的選項可以對網站做變更,因此在使用 Astra 建立網站時必須要具有一些 WordPress 架構的基礎知識,才能理解如何操作 Astra 提供的網站設定項目。

Astra WordPress 主題特色介紹

第一步:Astra 在網站佈局上是採取即時畫面變更的編輯方式,在全網站設定顏色、文字大小、字體、彙整頁面樣式等都是在主題中自訂選項完成,也就是可以直接在預覽畫面中即時查看修改後的結果,相較於需要不斷切換前後台畫面檢視修改結果的操作方式會比較有效率。

Astra 主題介紹
Astra 主題介紹

第二步:Astra 採用 JavaScript 而非 jQuery ,可以減少載入 jQuery 時間讓網站運行更快,另外相較於其他主題檔案至少  300 KB 的大小,Astra 只需不到 50 KB 就能正常運行。

Astra 主題介紹
Astra 主題介紹

第三步:Astra 支援 WooCommerce 建立線上商店,同時也有專門為 WooCommerce 設計的自訂選項。

Astra 主題介紹
Astra 主題介紹

第四步:還有更多特色,以下介紹:

  • 無障礙網站標章規範支援至 2.0 層級。
  • 開發人員可用於客製網站的 Hook 位置與篩選器。
  • 主題自帶基本 SEO 結構化資料標記。
  • 支援創建多語言版本網站。
  • 在 GitHub 上擁有 100% 開源程式碼。
  • 可以使用市面上大部分的網頁建構器比如 Elementor。
Astra 主題介紹
Astra 主題介紹

第五步:下圖是 Astra 開發的 Elemetor 小工具,在頁面內容建構時可以有更多的設計方式,Elementor 介紹可參考:Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹。

Astra 主題介紹
Astra 主題介紹

Astra 安裝方式與設定位置

第一步:免費版的 Astra 主題在網站後台就可以安裝,與安裝外掛的方式相同。

Astra 主題介紹
Astra 主題介紹

第二步:下安裝完後可以到 https://wpastra.com/child-theme-generator/ 中建立子主題後下載檔案,再透過上傳的方式做安裝。如果要設定網站外觀樣式,可以在主題選項中點選自訂。

Astra 主題介紹
Astra 主題介紹

在自訂中可以對網站標誌、瀏覽器圖示、網站主選單、頁面導航列、分類標籤彙整頁、側邊欄等在大小、顏色、字體等細節上做設定,並且在右邊預覽畫面就可以直接看到修改後的效果。

Astra 主題介紹
Astra 主題介紹

第三步:主題中的 Astra Options 可以快速連結到自訂中的項目。

Astra 主題介紹
Astra 主題介紹

第四步:如果說有購買 Astra Pro ,就可以自行決定要啟用哪些主題功能,如果說要建立一個比較完整的企業形象網站,安裝 Astra Pro 還是必要的,因為 Astra Pro 的項目才具有比較進階的設定功能。

Astra 主題介紹
Astra 主題介紹

第五步:下圖是展示 Astra 主題的 Custom Layouts 功能,可以使用 Elementor 建立一段網頁內容,然後在 Custom Layouts  中決定此內容要出現的位置、頁面、優先順序、上下間隔、顯示權限等,對於想要客製化網站樣式的管理員而言,不用再受限於主題架構,可以更自由的自訂網站內容。

Astra 主題介紹
Astra 主題介紹

Astra 適合哪些網站?

  • 想要速度快、結構簡單的形象網站:Astra 本身很輕,版面主要交給頁面編輯器處理,不會帶入大量用不到的功能。
  • WooCommerce 商店:主題內建商品列表、購物車等頁面的自訂選項,和 WooCommerce 相容性好。
  • 會長期維護、可能換編輯器的網站:Astra 不綁定專屬編輯器,日後從 Elementor 換成區塊編輯器也比較容易。

比較不適合的情況是:想要主題內建大量現成特效、或不打算使用任何頁面編輯器卻需要複雜版面,這時要花較多時間自己組合。

常見問題

Astra 主題可以免費使用嗎?

可以,Astra 免費版在 WordPress 官方佈景主題庫就能直接安裝,搭配 Elementor 或區塊編輯器就能做出完整網站。Astra Pro 是另外安裝的付費外掛,提供更多版面與自訂功能,方案以官網為準。

Astra 怎麼匯入範本網站?

安裝 Astra 官方的範本匯入外掛(Starter Templates),在後台挑選範本並選擇要搭配的頁面編輯器,就能匯入整站範例。建議在新網站上匯入,已有內容的網站先備份。部分範本需要付費方案才能使用。

Astra 一定要搭配 Elementor 嗎?

不用。Astra 支援 WordPress 內建的區塊編輯器,也相容 Elementor、Beaver Builder 等頁面編輯器,可以依習慣選擇。若只做部落格或簡單形象網站,用區塊編輯器就足夠。

結語

Astra 主題因為選項比較少,操作起來並不會太複雜,鵠學苑後續會在分享更多有關 Astra 主題 編輯文章、頁面時需要設定的基礎項目,像是頁面模板、網頁頁首頁尾等,以及 Astra 如何使用 Elementor 建構頁面等系列教學,敬請期待!

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。