文章目錄：

• Astra主題介紹
• 主題的作用
• 網站通用設置
• 網頁模板
• Woocommerce商城支持
• Elementor編輯器支持
• Astra進階

一、Astra主題介紹

Astra主題是一個輕量化, 可高度定制的免費主題，超過100w的wordpress用戶選擇Astra作為自己網站的主題。該主題的rate評價常年穩居5星，足以見Astra主題的受歡迎程度。

Astra除了可以用在B2B外貿門戶網站上，也可以非常好的與woocommerce結合，用於構建B2C外貿商城網站。

• 輕量化
• 高度定制化

關於wordpress虛擬主機，可參考知乎文章：

Astra安裝方法

和所有其他主題安裝方法一樣，直接在wordpress主題菜單中搜索astra即可找到astra主題。

安裝完Astra主題後，刪除其他主題，加快網站加載速度，減少安全漏洞。

二、主題的作用

WordPress的主題市場有千千萬萬的主題可供選擇，對於有選擇困難綜合徵的朋友來說，太多選擇並不是件好事。為了搞清楚到底要怎麼選主題，最好先搞懂下主題在wordpress中到底起了什麼作用？

在

1. 為整個網站提供通用的基礎設置（字體，顏色，頁面寬度等）
2. 給新建的網頁提供樣式模板

下面的文章，我們分別從這兩個方面了解Astra主題怎麼使用。

1. 網站通用設置

網頁中的所有頁面都是有文字、標題、圖片、按鈕等部分組成，這些組件在網頁中稱為元素element。每個頁面都是由這些基礎的元素進行排列組合而成。

為了追求網頁設計上的一致性，這些基礎元素都會盡量保持統一的樣式，如文字的大小、字體類型、顏色等。這些基礎元素的屬性設置中就是主題的通用設置功能。如在設計某個頁面時，不單獨指定文字的樣式，則會繼承主題的這些屬性設置。

在astra主題中對應為Global菜單下的選項：

Global全局設置選項並不多，且每個設置都是馬上生效，可以看到實時效果，根據自己的設計需要進行基礎設置的調整即可。

具體某個設置的值和影響範圍可

2. 網頁模板相關設置

網頁模板是我們新建網頁時的缺省樣式。在wordpress中，所有最終發佈出來的網頁都是由網頁模板+網頁主體內容兩部分組成。

主題設置好以後，當我們在wordpress後台新建任意一個page/ blog頁面時，添加的內容都會出現在

在頁面編輯器中我們沒法編輯和修改非主題內容區域的內容，因為這些是由主題中的網頁模板功能生成，需要通過主題的選項來控制和修改。

主題模板包括哪些部分？

主要由以下三個部分組成。

1. header區域
2. sidebar側邊欄
3. footer頁腳

搞明白以上邏輯關係後，接下來設置astra主題中的頁面模板就簡單了。

具體的設置和對應影響的區域關係見下圖：

具體的每個設置選項請參考官網

三、B2C商城支持

如果我們的網站是用於B2C商城，一般都會選用woocommerce插件，woocommerce搭配astra主題也是一個非常好的組合，針對商城網站，astra中有提供了一些額外的功能支持。

當安裝完woocommerce插件後，astra主題選項中會多出如下的設置選項，可用於優化woocommerce商城頁面。

四、Elementor編輯器支持

Astra主題和Elementor是一對天生的搭檔，可以快速製作任意類型的外貿網站。

youtube上搜索astra+elementor可以找到成噸的優質建站視頻。

astra還提供了一個快速導入外部優質網頁模板的插件astra starter，在plugins中搜索安裝即可。

安裝完astra starter後，在外觀菜單中會多出一個starter templates的菜單：

選擇elementor編輯器製作的網頁模板，可以找到非常多優質的網頁，這些網頁都可以直接為我們所用。

比起在國內隨便找個網站外包公司來說，這些優質的網頁設計要高出幾個級別。

五、 Astra高級功能

最後，astra基礎版是免費的，免費的功能已經非常強大了.

如果你還需要一些更多的控制選項及相關主題功能，astra也提供了一個pro版本。

在pro版本，可供配置的功能選項更多，如提供了更多的字體，頁面佈局相關設置。另外也增加了一些額外功能，如固定頭部欄（鼠標滾動式頭部不會消失）等，有需要的可以登陸

碼字不易，如文章對你有用，請幫忙點個贊，感謝支持！