租用 Kinsta 主機能讓你的網站既快速又安全,進而提升 SEO 排名與使用者體驗

Astra WordPress 佈景主題

Astra Theme 介紹,一款快速、易用且具有高度客製化的全方位 WordPress 佈景主題

/ 閱讀時間 23 分鐘 

最後更新時間 : 2023 年 3 月 7 日

在 WordPress 佈景主題目錄裡有近萬種的免費佈景主題可以讓你挑選,不過太多的選擇有時候也是一種困擾。

如果你正煩惱到底要使用哪一個佈景主題,我會建議從 Astra Theme 開始,你可以先免費體驗一下再決定要不要付費,端看需求而定。

本篇文章會介紹什麼是 Astra 佈景主題,然後展示其方案與特色,最後則會推薦一些與其相關的外掛。

什麼是 Astra 佈景主題?

Astra WordPress 佈景主題

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 佈景主題方案與價格

Astra 佈景主題永久免費,如果你想要獲得更多調整外觀的設計選項與功能,可以購買 Astra Pro 外掛解鎖。目前官方有提供三種方案,如下:

Astra 佈景主題方案與價格

方案一: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 子佈景主題
補充說明
※不論你是使用哪一種 WordPress 佈景主題,建議都要安裝並啟用子佈景主題。未來如果有在 functions.php 新增功能或在 style.css 新增樣式,更新之後才不會被覆蓋掉。 如果佈景主題沒有提供子佈景主題檔案,你可以透過 Child Theme Configurator 這款外掛建立。

網頁版面配置

啟用 WordPress 佈景主題之後,你可以根據實際需求或個人喜好設計網站的版面配置,使其成為你自己的佈景主題!

在開始說明如何調整外觀之前,你需要先了解一個網頁的架構,主要可以拆解成四個區域,如下:

  • 頁首區域
  • 內容區域
  • 資訊欄區域
  • 頁尾區域

頁首區域

頁首區域是訪客來到你網站第一眼掃描到的地方,是建立你與訪客的第一印象,最基本的元素有兩個:標誌與選單。

你可以使用 Astra 佈景主題內建的頁首編輯器新增這些元素 (建議),免費版就有這項功能,不需要購買 Astra Pro 擴充。

如何新增網站標誌與圖示?

標誌:

  • 前往 [自訂]→[頁首編輯器]→[標誌]
  • 點選「選取標誌」

※標誌的檔案的格式建議使用 SVG,好處是不會因為解析度的大小造成圖片失真以及檔案較小。需要特別注意的是,WordPress 由於安全性因素並不支援 SVG,需要另外安裝 Safe SVG 外掛才能解決此問題。

網站圖示:

  • 前往 [自訂]→[頁首編輯器]→[網站圖示]
  • 點選「選取網站圖示」以上傳你的網站圖示

※網站圖示的尺寸建議 512×512 像素,檔案格式為 PNG 檔。

如果初期預算有限,市面上其實有很多製作網站標誌與圖示的工具,像是 DesignEvoCanvaLogaster …等等。當然,你也可以請設計師替你規劃,如果有需要可以與我們聯絡

如何建立選單?

上述所提到的頁首元素只是最基本的,視需求還可以新增按鈕、搜尋、社群圖示…等等,更多的組合變化我會放在付費課程進行說明。

內容區域

內容區域是一個網頁最重要的地方,訪客可以藉由這個區域知道該頁面主要表達的內容是什麼。

內容區域主要可以分成文章與頁面,兩者之間的差異如下:

文章頁面
時間順序沒有
更新頻率經常更新較少更新
組織方式分類與標籤上下階層
RSS feed沒有
留言沒有
作者沒有

當然,現有的文章或頁面可能無法滿足你的需求,這時候就需要建立自訂內容類型。不過這是比較進階的操作技巧,我會放在付費課程中說明。

內容堆疊與編輯器架構:

不論你是使用什麼編輯器,操作的邏輯都是採用「區塊堆疊 」的方式,由上到下一層一層地新增內容。

編輯器的架構是由區塊、欄位與元素所組成。每一個區塊可以新增不同數量的欄位,每一個欄位可以新增不同數量的元素。

※編輯內容的方式我偏好「文章 」使用區塊編輯器,「頁面 」使用 Elementor 編輯器。方式沒有絕對,效能與便利間的取捨。

一個部落格重要的兩個頁面:

  • 關於:讓讀者了解你是誰、提供什麼產品與服務、願景與理念、成就與獲獎紀錄、著作、專訪、見證、歷程…等等
  • 聯絡讓對你有興趣的潛在客戶可以進一步與你聯繫,可能是合作、邀約、詢問產品或服務…等等

當然,可能還會有服務、作品集、常見問題…等頁面,端看需求而定。如果你需要請人設計網頁,可以參考我們的驅動型網站設計服務。

如何製作文章彙整頁與單篇文章頁?

Astra 佈景主題本身就有提供相關的設定,若你覺得免費版沒有符合需求,那麼可以購買 Astra Pro 解鎖或者透過 Elementor Pro 主題編輯器自行設計這兩種頁面。

需要另外補充說明的是,如果你不喜歡 Astra 佈景主題提供的文章彙整頁,再加上不想要購買 Elementor Pro,那麼或許可以考慮使用 Qi Addons For Elementor,完全免費!

資訊欄區域

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

在資訊欄新增小工具的方法:

  • 前往 [外觀]→[小工具]
  • 在可用小工具中選擇你想要使用的小工具,用拖曳的方式移到右邊指定的區域

自從 WordPress 5.8 發佈之後,小工具會採用區塊的方式新增,如果你想要使用原本的方式操作,可以安裝 Classic Widgets 這款官方的外掛或者是將以下程式碼片段貼在子佈景主題 functions.php 檔案。

//還原傳統小工具
add_filter( 'use_widgets_block_editor', '__return_false' );

頁尾區域

頁尾區域主要用於承載因為空間有限而無法放置在頁首區域的元素,像是關於我 (們)、聯絡資訊、快速連結…等等。

你可以使用 Astra 佈景主題內建的頁尾編輯器新增這些元素,免費版就有這項功能,不需要購買 Astra Pro 擴充。

如何設定頁尾小工具?

  • 前往 [自訂]→[頁尾編輯器]
  • 你可以在任一區塊新增小工具,Astra 佈景主題所提供的小工具有:社群、HTML、頁尾選單、小工具

如何設定版權聲明?

最簡單方式為直接輸入文字,不過每年都需要重新調整,非常沒有效率。比較聰明的做法是,利用 Astra 佈景主題內建的短代碼來達成。

  • 前往 [自訂]→[頁尾編輯器]
  • 輸入 Copyright © [current_year] [site_title]

※ [current_year] 是目前年份,[site_title] 則是網站標題

與 Astra 佈景主題相關的外掛總整理

以下整理許多與 Astra 佈景主題相關的外掛,你可以視實際需求決定要不要安裝,全部都是免費的,部分有提供更進階的付費方案。

外掛名稱:Starter Templates

費用:基本免費,進階付費

解決問題:如果你不想要從零開始設計網頁,那麼可以使用 Starter Templates 直接匯入範本再更改內容

外掛名稱:Astra Theme Visual Hooks

費用:完全免費

解決問題:以視覺化的方式呈現 Astra 佈景主題所有勾點的位置

外掛名稱:Astra Widgets

費用:完全免費

解決問題:提供地址、圖示清單及社群檔案 3 種內建區塊編輯器沒有的區塊

外掛名稱:Spectra

費用:完全免費

解決問題:加強內建區塊編輯器的不足

外掛名稱:Astra Bulk Edit

費用:完全免費

解決問題:逐一編輯 Astra 中繼資料的設定非常沒有效率,藉由批次編輯的功能可以節省許多時間

外掛名稱:Astra Customizer Reset

費用:完全免費

解決問題:將 Astra 佈景主題外觀自訂器的設定恢復成初始狀態

外掛名稱:Import / Export Customizer Settings

費用:完全免費

解決問題:在不同的網站上轉移 Astra 佈景主題外觀自訂器的設定

外掛名稱:Customizer Search

費用:完全免費

解決問題:在 Astra 佈景主題外觀自訂器新增搜尋的功能,以節省尋找設計選項與功能的時間

常見問題

結論

毫無疑問 Astra Theme 絕對稱得上是最好的 WordPress 佈景主題,主要的理由是:效能好、上手容易及具有高度客製化等特性,不論你是初學者還是有經驗的專家,都很適合。如果你還沒有使用過 Astra,可以來嘗試一下。

這篇文章對您是否有幫助?

0 / 5

Your page rank:

不滿意現有網站的速度嗎?😥

歡迎向我們申請 Kinsta 高效能主機,快速、安全與穩定的環境 = 更多潛在的獲利。

加入「全方位學 WordPress - 從架站到整合行銷」2.0 課程等候名單🔥

如果你想學習更進階的 WordPress 技術與 SEO 文案寫作技巧,歡迎加入「全方位學 WordPress - 從架站到整合行銷 2.0」等候名單。目前正在改版,完成後會發送通知。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

聯絡我們

請填寫以下表單,我們將盡速與您聯繫

聯絡資訊
需求確認
驅動

關於我們

驅動數位行銷成立於 2019 年,提供個人或企業在網路上的各種行銷解決方案,主要的服務項目包含:網頁設計、網站代管以及搜尋引擎最佳化。與其他網頁設計公司不同之處在於,我們是以獲得更多流量、名單、銷售與轉介紹為導向。

PRO 360 專家檔案