別再花錢買主題了，用免費(fèi)的Astra主題搞定外貿(mào)B2B, B2C網(wǎng)站
時(shí)間：2023-06-24 07:36:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-06-24 07:36:01 來源：網(wǎng)站運(yùn)營
別再花錢買主題了，用免費(fèi)的Astra主題搞定外貿(mào)B2B, B2C網(wǎng)站：
文章目錄：- Astra主題介紹
- 主題的作用
- 網(wǎng)站通用設(shè)置
- 網(wǎng)頁模板
- Woocommerce商城支持
- Elementor編輯器支持
- Astra進(jìn)階
一、Astra主題介紹
Astra主題是一個(gè)輕量化, 可高度定制的免費(fèi)主題，超過100w的wordpress用戶選擇Astra作為自己網(wǎng)站的主題。該主題的rate評(píng)價(jià)常年穩(wěn)居5星，足以見Astra主題的受歡迎程度。
Astra除了可以用在B2B外貿(mào)門戶網(wǎng)站上，也可以非常好的與woocommerce結(jié)合，用于構(gòu)建B2C外貿(mào)商城網(wǎng)站。
- 輕量化：該主題的代碼非常精簡，加載速度快，具有很好的用戶體驗(yàn)。
- 高度定制化：該主題可以適應(yīng)任意類型的網(wǎng)站建設(shè)需要，配合Elementor編輯器，可以制作出任意類型的網(wǎng)站。
關(guān)于wordpress虛擬主機(jī)，可參考本站文章：
Astra安裝方法
和所有其他主題安裝方法一樣，直接在wordpress主題菜單中搜索astra即可找到astra主題。
安裝完Astra主題后，刪除其他主題，加快網(wǎng)站加載速度，減少安全漏洞。
二、主題的作用
WordPress的主題市場有千千萬萬的主題可供選擇，對于有選擇困難綜合征的朋友來說，太多選擇并不是件好事。為了搞清楚到底要怎么選主題，最好先搞懂下主題在wordpress中到底起了什么作用？
在
主題的作用這篇文章中，我們講到了主題最重要的兩個(gè)作用：
- 為整個(gè)網(wǎng)站提供通用的基礎(chǔ)設(shè)置（字體，顏色，頁面寬度等）
- 給新建的網(wǎng)頁提供樣式模板
下面的文章，我們分別從這兩個(gè)方面了解Astra主題怎么使用。
1. 網(wǎng)站通用設(shè)置
網(wǎng)頁中的所有頁面都是有文字、標(biāo)題、圖片、按鈕等部分組成，這些組件在網(wǎng)頁中稱為元素element。每個(gè)頁面都是由這些基礎(chǔ)的元素進(jìn)行排列組合而成。
為了追求網(wǎng)頁設(shè)計(jì)上的一致性，這些基礎(chǔ)元素都會(huì)盡量保持統(tǒng)一的樣式，如文字的大小、字體類型、顏色等。這些基礎(chǔ)元素的屬性設(shè)置中就是主題的通用設(shè)置功能。如在設(shè)計(jì)某個(gè)頁面時(shí)，不單獨(dú)指定文字的樣式，則會(huì)繼承主題的這些屬性設(shè)置。
在astra主題中對應(yīng)為Global菜單下的選項(xiàng)：
Global全局設(shè)置選項(xiàng)并不多，且每個(gè)設(shè)置都是馬上生效，可以看到實(shí)時(shí)效果，根據(jù)自己的設(shè)計(jì)需要進(jìn)行基礎(chǔ)設(shè)置的調(diào)整即可。
具體某個(gè)設(shè)置的值和影響范圍可
Astra參考官方文檔- Global全局設(shè)置。
2. 網(wǎng)頁模板相關(guān)設(shè)置
網(wǎng)頁模板是我們新建網(wǎng)頁時(shí)的缺省樣式。在wordpress中，所有最終發(fā)布出來的網(wǎng)頁都是由網(wǎng)頁模板+網(wǎng)頁主體內(nèi)容兩部分組成。
主題設(shè)置好以后，當(dāng)我們在wordpress后臺(tái)新建任意一個(gè)page/ blog頁面時(shí)，添加的內(nèi)容都會(huì)出現(xiàn)在
主題內(nèi)容區(qū)域。
在頁面編輯器中我們沒法編輯和修改非主題內(nèi)容區(qū)域的內(nèi)容，因?yàn)檫@些是由主題中的網(wǎng)頁模板功能生成，需要通過主題的選項(xiàng)來控制和修改。
主題模板包括哪些部分？主要由以下三個(gè)部分組成。
- header區(qū)域：網(wǎng)頁的頭部，有網(wǎng)站logo和菜單導(dǎo)航欄等。
- sidebar側(cè)邊欄：側(cè)邊欄區(qū)域可添加widget小工具，widget小工具為網(wǎng)頁提供一些額外的動(dòng)態(tài)內(nèi)容，如搜索功能、最新文章等。
- footer頁腳：網(wǎng)站的版權(quán)申明等信息
搞明白以上邏輯關(guān)系后，接下來設(shè)置astra主題中的頁面模板就簡單了。
具體的設(shè)置和對應(yīng)影響的區(qū)域關(guān)系見下圖：
具體的每個(gè)設(shè)置選項(xiàng)請參考官網(wǎng)
https://wpastra.com/docs-category/astra-customizer-settings/三、B2C商城支持
如果我們的網(wǎng)站是用于B2C商城，一般都會(huì)選用woocommerce插件，woocommerce搭配astra主題也是一個(gè)非常好的組合，針對商城網(wǎng)站，astra中有提供了一些額外的功能支持。
當(dāng)安裝完woocommerce插件后，astra主題選項(xiàng)中會(huì)多出如下的設(shè)置選項(xiàng)，可用于優(yōu)化woocommerce商城頁面。
四、Elementor編輯器支持
Astra主題和Elementor是一對天生的搭檔，可以快速制作任意類型的外貿(mào)網(wǎng)站。
youtube上搜索astra+elementor可以找到成噸的優(yōu)質(zhì)建站視頻。
astra還提供了一個(gè)快速導(dǎo)入外部優(yōu)質(zhì)網(wǎng)頁模板的插件 astra starter，在plugins中搜索安裝即可。
安裝完astra starter后，在外觀菜單中會(huì)多出一個(gè) starter templates的菜單：
選擇elementor編輯器制作的網(wǎng)頁模板，可以找到非常多優(yōu)質(zhì)的網(wǎng)頁，這些網(wǎng)頁都可以直接為我們所用。
比起在國內(nèi)隨便找個(gè)網(wǎng)站外包公司來說，這些優(yōu)質(zhì)的網(wǎng)頁設(shè)計(jì)要高出幾個(gè)級(jí)別。
五、 Astra高級(jí)功能
最后，astra基礎(chǔ)版是免費(fèi)的，免費(fèi)的功能已經(jīng)非常強(qiáng)大了.
如果你還需要一些更多的控制選項(xiàng)及相關(guān)主題功能，astra也提供了一個(gè)pro版本。
在pro版本，可供配置的功能選項(xiàng)更多，如提供了更多的字體，頁面布局相關(guān)設(shè)置。另外也增加了一些額外功能，如固定頭部欄（鼠標(biāo)滾動(dòng)式頭部不會(huì)消失）等，有需要的可以登陸
Astra官網(wǎng)了解。
碼字不易，如文章對你有用，請幫忙點(diǎn)個(gè)贊，感謝支持！
在線咨詢