Select Page

本篇會介紹Astra Theme教學,這款簡潔快速的佈景主題,能建立多種類型的網站,可以選擇「終身方案」會比較划算,未來可能會取消。

Astra是一款輕量型兼網站速度,運作只需50KB,可以用來建置電子商務網站、部落格網站、企業網站,開啟Astra Starter Sites外掛,就可以直接匯入範本。

1、WordPress佈景主題-Astra

Astra Theme教學

Astra Pro版-年繳方案49美元 / 終身方案199美元

Essential Toolkit版,年繳方案79美元 / 終身方案399美元

Business Toolkit版,年繳方案149美元 / 終身方案599美元

免費的Astra佈景主題超過20萬個客戶使用,它用在手機或平板上都能助於網路速度,是一款AMP的佈景主題。

Astra Theme沒有多種的功能,目的是優化網站速度,使用輕量的Vanilla JavaScript,雖然剛開始資源部分較少,相對於網站載入時間會縮短。

如果你需要更多其他功能,可以升級購買Astra Pro方案,之後要設定會比較方便,Astra主題能提升網站的瀏覽速度,對排名是好的。

2、Astra提供多種的範本

Astra Theme有240種以上範本 (免費版35種),能用製作購物網站、個人網站、部落格網站,透過Astra Starter Sites外掛匯入範本,配合Elementor或Beaver Builder外掛編輯器,修改直覺就能上手,依照自己喜歡的樣式製作。

3、Astra Theme的功能

網站速度和客製功能、設計效果,Astra主題還有其他的功能介紹

  • 支援多國語言網站建立
  • HOOK掛勾和篩選器都適用開發人員
  • 支援無障礙標章WCAG至2.0 AA級
  • 使用者可以修改原始碼
  • Astra主題能使用Elementor或Beaver Builder 頁面編輯器
Astra Theme特色

4、Astra Pro版功能介紹

Astra主題是以輕量跟速度為主要,想增加網站功能再使用程式,如果有其他客制需求條件,可以購買Astra Pro付費版,運作這款整潔有力的主題

Pro版有以下的功能,之後想接案也沒問題

  1. 設定部落格版面
  2. 顏色設定
  3. 商品版面的設定
  4. 網站版面的設定
  5. 設定Header樣式
  6. 設定商品圖片選項
  7. 增加商品的查看
  8. 無限增加滾動商品的選項
延伸閱讀⮕Divi Theme教學-製作高質感的網站

WordPress佈景主題推薦-選擇主題須注意的9個重點

16個接案平台推薦-自由工作者、協槓族接案必看

5、WP Portfolio

有分類別的篩選外掛,能用來影音展示、圖片展示、網站展示,網頁提供縮圖滾動和RWD預算,可以設定更多細節,簡單好上手,這是作品集

6、Astra主題支援的頁面編輯器

Astra主題有支援Elementor或Beaver Builder 頁面編輯器,這兩款編輯器較常拿來被使用,簡單方便也不容易頁面跑掉。

Astra主題有支援LearnDash課程系統、WooCommerce購物車、TutorLMS線上課程

延伸閱讀⮕架設購物網站教學-打造強大的商店平台,完整指南篇

WooCommerce教學-快速建立購物網站,立即在網路上開店

WooCommerce組合商品設定-教學實用篇

7、擴充外掛Ultimate addons of Elementor

Ultimate addons of Elementor是一款擴充外掛,Elementor提供多種範本和元件使用,打造專業形象的網站,視覺設計也很讚,讓你的網站與眾不同,你也可以到Elementor元件官方看看,點選下方按鈕。

延伸閱讀⮕Elementor教學-百萬下載數的頁面編輯器

8、Astra Theme教學-主題安裝

你可以跟著我的步驟指示安裝Astra佈景主題

延伸閱讀⮕Astra Pro Theme教學-進階功能讓WordPress更專業

STEP 1

來到WordPress網站後台,選擇「外觀」,在欄位中輸入「Astra」,點選佈景主題選擇安裝

STEP 2

安裝成功接著點選「Get Started」設定

STEP 3

接著會出現「頁面編輯器」畫面,你可以選擇使用「Elementor」編輯外掛

STEP 4

來到Astra主題的網站版型,選擇你喜歡的樣式,須注意有的版型是Pro方案才能使用 (AGENCY為付費方案)

STEP 5

選好版型,來到圖片的預覽畫面,這邊會確認你選擇的版型頁面,如果都沒問題可以點選按鈕「lmport Complete Site」匯入

STEP 6

有安裝過別的外掛,Astra會顯示訊息,點選「skip&import」匯入

STEP 7

這邊有個匯入資料的項目,你可以依照喜好做設定

  • delete previously imported site (刪除網站的文章和頁面)
  • import customizer setting (匯入設定)
  • import Elementor Style kit (匯入風格工具Elementor)
  • import Widgets (匯入小工具)
  • import Content (匯入範例資料)

STEP 8

看到下方畫面,已經匯入成功,選擇「View Site」瀏覽網站

STEP 9

在WordPress網站後台,選擇「外觀」→「Astra options」檢查主題的設定工具,免費與付費的功能也會在這邊,如果你是使用Astra付費,能修改的東西較多,之後假設要接案也很方便。

Astra付費功能設定

免費外掛啟用設定

STEP 10

到「外觀」設定,來到Astra主題外觀設定

9、主機推薦

推薦A2 Hosting主機,Start up方案每月2.99美元,大約台幣96元左右,一年約1152元,提供安裝WordPress、免費安全SSL憑證、免費網域信箱,適合多種類型網站。

其他類型網站或是想增加網站的速度,建議Turbo Boost方案以上,每月7.99美元,大約台幣256元,無限網站空間、無線網站流量、網路加速20倍,還有自動備份功能。

 延伸閱讀⮕A2 Hos教學-高CP值的虛擬主機

10、結論

這款佈景主題適合新手使用,免費的Astra主題功能沒那麼多,會建議購買Essential Bundle方案、Growth Bundle方案,操作很快上手,依你想要的版型套用設計,就能做出不同風格的網站。

Astra佈景主題可以購買「終身方案」,喜歡半客製化的人這款主題不能錯過,程式相容性高,客製高且輕量兼網路速度。

追蹤我的IG

領取個人品牌指南手冊

加入電子報,學習最新教學

恭喜成功訂閱!

Share This