Astra Pro WordPress主題使用教學

Astra Pro 使用教程

Astra Pro 是一款功能強大的 WordPress 主題,適用於各種類型的網站。本教學將指導您完成 Astra Pro 的安裝、設定以及使用一些重要功能的過程。Astra Pro 是Astra主題的付費版本。如果你需要使用付費版本,需要先在官網購買。或者先使用免費版本的,需要升級再購買。

Astra和Astra Pro的差別

Astra主題的付費版包括Astra主題和幾個付費插件,而Astra主題本身是免費的。這些付費插件可以擴展Astra主題的高級功能。Astra付費版本有三個套餐,分別是Astra Pro、Essential Bundle和Growth Bundle。Growth Bundle的功能是最全的,大家可以根據需要購買。

Image 150

Astra Addon插件(Astra Pro套餐):增強了Astra主題的外觀選項配置,包括顏色、背景、字型、部落格、選單、導覽、返回頂部和商店的增強配置。

Premium Starter Templates插件(Essential Bundle套餐):提供了付費的網站範本,可以幫助使用者快速建立具有專業外觀和功能的網站。

Ultimate Addons for Elementor插件(Growth Bundle套餐):這是Elementor的擴展元件,安裝後可以在Elementor編輯頁面時找到更多的元素區塊,增強了編輯器的功能。安裝此插件後,界面上會提示安裝Elementor插件,您可以直接點擊提示按鈕安裝。

Astra Pro優勢

Astra Pro是一款受到熱烈歡迎的WordPress主題,它由Brainstorm Force開發。該主題旨在為用戶提供一個靈活的、易於使用的平台,以創建具有專業外觀和功能的網站。Astra Pro主題具有許多優點,其中包括:

快速加載速度:Astra Pro主題是一個輕量級主題,因此加載速度非常快,這有助於提高用戶體驗和SEO排名。

設計靈活性:Astra Pro主題提供了多種設計選項,可輕鬆自訂網站的外觀和感覺,包括顏色、版型、字型等。

廣泛的整合:Astra Pro主題與許多受歡迎的WordPress插件相容,包括WooCommerce、Elementor、Beaver Builder等,這些插件可以協助用戶增強網站的功能和特色。

回應式設計:Astra Pro主題採用回應式設計,可以自適應各種裝置尺寸,包括桌面、平板電腦和手機。

SEO友善:Astra Pro主題使用標準的HTML和CSS代碼,這有助於提高網站的SEO排名。

總的來說,Astra Pro主題是一個功能齊全、易於使用、具有靈活性的WordPress主題,適合各種類型的網站,包括商務、部落格、電子商務等。

安裝 Astra Pro

首先,您需要在 WordPress 上安裝 Astra 主題和 Astra Pro 插件。請依照以下步驟操作:

1、登入您的 WordPress 後台。

2、前往 外觀 > 主題,接著點擊新增。

3、搜尋 “Astra”,找到 Astra 主題並點擊 安裝,然後點擊啟用。

Image 166

4、登入購買Astra Pro的帳號後台,下載Astra Pro Addon Plugin,轉到「外掛」》新增外掛》上傳外掛,安裝然後點擊啟用。

Image 152

5、在 Astra Pro 外掛的設定頁面,輸入您的許可證密鑰以啟動外掛。

Image 161

導入預設網站

Astra Pro 提供了許多預設的網站模板,可以幫助您快速搭建網站。要導入預設網站,請按照以下步驟操作:

1、登入購買Astra Pro的帳號後台,下載Premium Starter Templates,轉到“外掛” 》 添加外掛 》上傳外掛,安裝然後點擊啟用。

Image 153

或者在外掛中心搜索“starter templates”安裝免費版本的,認准作者是Brainstorm Force。免費版本就沒有付費的主題選擇。

Image 165

2、外觀》Starter Templates

Image 154

3、點擊“Build Your Website Now”

Image 149

4、選擇您喜歡的網站構建器,例如 Elementor、Beaver Builder 或 Blocker Editor。建議使用Elementor,Elementor是目前最熱門的網站構建器之一。你也可以點擊這裡,查看關於Elementor的教程。

Image 147

5、瀏覽預制網站庫,選擇一個模板並點擊預覽。右上角標有PREMIUM的,是需要安裝Premium Starter Templates插件才能使用。

Image 168

6、在預覽頁面,點擊導入網站,然後等待導入過程完成。選中模板後,你可以上傳logo和設置它的展示寬度,如果沒有logo的話,可以以後再傳,我們點擊按鈕繼續。

Image 163

然後,我們可以選擇配色方案與字體,如果現在還拿不定主意,以後也可以再改的,點擊按鈕繼續。

Image 156

下圖中,默認勾選了4個選項:導入網站的外觀樣式設置(customizer setting)、導入widgets(小工具,通常用於側邊欄)、導入content(內容,譬如文章、產品),分享非敏感信息給主題官方,但對新手而言,我的建議是保持默認設置,點擊按鈕提交。

Image 157

接下來我們靜靜等待網站導入,不要關閉網頁哦。

Image 155

看到這個界面就安裝成功了。

Image 162

接下來,我們就可以修改導入的預設主題的內容啦。

自訂主題設定

Astra Pro 允許您自訂許多全域設定。要自訂這些設定,請依照以下步驟操作:

1、前往外觀 > 自訂。

Image 158

2、點擊”Site Identity”,然後點擊”網站標題和LOGO設定”。可以更改網站的LOGO和站點標題。

Image 148

往下滑,我們還可以看到設定副標題和站點圖示的地方。站點圖示會顯示在瀏覽器標籤頁裡面。

Image 159

3、使用左側的選單欄,瀏覽各個設定選項,例如佈局、顏色、字體、背景等。根據您的需求調整這些設定,並實時預覽更改。當您滿意設定時,點擊發布以儲存更改。

配置佈局和顏色選項

Astra Pro 提供了豐富的佈局和顏色選項。要配置這些選項,請依照以下步驟操作:

1、前往 外觀 > 自訂 > 全域。

2、選擇您想要配置的全域部分,例如字體樣式、顏色、容器、按鈕等設定。

3、根據您的需求調整設定。

Image 167

設定導航選單

要設定導航選單,請依照以下步驟操作:

1、前往 外觀 > 選單。

Image 151

2、點擊 建立新選單,為選單命名,然後點擊 建立選單。

3、使用左側的選單項目選擇器,將頁面、分類等加入到選單中。

4、拖曳選單項目以調整順序和層次結構。

5、在 選單設定區域中,選擇要顯示選單的位置(如主導航、頁首或頁尾)。

6、點擊 儲存選單 以儲存更改。

Image 160

使用 Astra Pro 特性

Astra Pro 提供了許多高級功能,如透明頁首、黏性頁首、更多的側邊欄選項等。要啟用和配置這些特性,請依照以下步驟操作:

1、前往 Astra 選項。

2、在 Astra Pro 模組 部分,啟用您需要的功能。

3、對於某些功能,您需要進入 外觀 > 定製 進行配置。例如,要配置透明頁首,請前往 定製 > 頁首 > 透明頁首,然後根據您的需求調整設定。

4、當您滿意設定時,點擊 發布 以儲存更改。

Image 164

支援與資源

如果您在使用 Astra Pro 過程中遇到問題,可以查閱以下資源獲得幫助:

1、Astra 文件:詳細的文件,涵蓋了 Astra 和 Astra Pro 的所有功能和設定。

2、Astra 社群論壇:使用者和開發者的交流社群,可以解答您的問題並分享經驗。

3、Astra 支援:如果您遇到無法解決的問題,請聯繫 Astra 團隊以獲得官方支援。

希望本教程能幫助您更好地了解和使用 Astra Pro。祝您在搭建和自訂 WordPress 網站過程中取得成功!

返回頂端