Astra目前是最流行的WordPress主題，在wordpress.org官網(wǎng)下載量超過100萬，滿分好評(píng)率，多年年下載量穩(wěn)居第一名，也就是說全球超百萬人都在使用這款主題倆搭建自己的獨(dú)立站。

關(guān)注我，定期分享Wordpress建站和英文SEO知識(shí)。

Astra擁有豐富的模板，也就是說你可以使用一鍵導(dǎo)入astra預(yù)制模板快速建站，當(dāng)然Astra也可以完美兼容各種Page Builder,比如Elementor。你可以從零開始設(shè)計(jì)自己的頁面。

今天這篇文章我會(huì)從零到一幫你了解Astra主題。

嘗試Astra Pro，解鎖更多功能 ：https://wpastra.com/?campaign=hoanwp&bsf=13194

https://wpastra.com/?bsf=13194

為什么選擇Astra主題？

Astra是一款輕量級(jí)，漂亮的WordPress主題。你可以使用Astra來搭建個(gè)人博客，作品集網(wǎng)，企業(yè)網(wǎng)站，電商網(wǎng)站等等。

以下是5個(gè)選擇astra主題的原因：

• Astra簡答易用，非常適合新手
• Astra兼容多個(gè)Page builder, 尤其是Elementor
• 輕量級(jí)主題，加載速度快
• SEO友好，容易收錄和排名
• 官網(wǎng)包含豐富技術(shù)支持文檔，建站更有信心。

目前，Astra主題在trustpilot.com好評(píng)率也是達(dá)到4.7高分。

如何下載和安裝Astra主題

Astra是寄托于WordPress的主題，所以在安裝主題之前，你需要購買域名和主機(jī)，并且安裝上線WordPress網(wǎng)站，目前高性價(jià)比主機(jī)-Hostinger（Hoan推薦）-查看教程

登錄WordPress后臺(tái)，點(diǎn)擊Appearance–>Theme–>Add New Theme. 在搜索框輸入astra, 找到主題安裝install。

安裝成功后，點(diǎn)擊activate啟用

嘗試Astra Pro，解鎖更多功能 ：https://wpastra.com/pro/?bsf=13194

關(guān)注我，定期分享Wordpress建站和英文SEO知識(shí)。

如何導(dǎo)入Astra主題模板

當(dāng)你安裝啟用astra主題后，在后臺(tái)主題頁面，會(huì)看到模板導(dǎo)入向?qū)Р糠帧｜c(diǎn)擊Let’s Get Started with Starter Templates進(jìn)入Astra主題模板導(dǎo)入向?qū)А?/p>

Astra提供了AI和經(jīng)典模板兩個(gè)選項(xiàng)，我們選擇Build with Templates.

接下來，我們就會(huì)看到Astra提供的模板，在這里我們可以選擇我們喜歡的模板。記得在右上角選擇我們一直推薦的Elementor編輯器。（ 注意，右上角帶PREMIUM圖標(biāo)的，是我們需要購買Astra Pro后，才可以使用）

點(diǎn)擊選擇的模板，進(jìn)入安裝向?qū)АＴ诎惭b向?qū)е形覀兛梢陨蟼鱨ogo和選擇我們想要的配色，字體等樣式。當(dāng)然這些在導(dǎo)入之后自定義設(shè)置中設(shè)置。

我們點(diǎn)擊Continue，根據(jù)向?qū)О惭b即可。

接下來，讓我們選擇網(wǎng)站特色功能，我們可以忽略，點(diǎn)擊跳過Skip進(jìn)入下一步。

下一步，保持默認(rèn)勾選的內(nèi)容，點(diǎn)擊Submit & Build My Website。

等待安裝成功，我們就可以訪問我們的網(wǎng)站。

Astra主題自定義功能介紹

Astra提供了豐富的自定義設(shè)置，讓我們更多權(quán)限去控制我們網(wǎng)站的每一個(gè)部分。這樣我們才有機(jī)會(huì)讓我們的網(wǎng)站設(shè)計(jì)的更加美觀和個(gè)性化。Astra豐富的自定義設(shè)置也是讓Astra主題為什么受歡迎的主要原因之一。

在WordPress網(wǎng)站后臺(tái)，依次點(diǎn)擊Appearance–>Customize,進(jìn)入Astra自定也設(shè)置界面。

嘗試Astra Pro，解鎖更多功能 ：

https://wpastra.com/pro/?bsf=13194

Global全局設(shè)置

Global全局提供了豐富的設(shè)置，讓我們更加靈活設(shè)置我們網(wǎng)站的全局樣式，其中包含主要的幾個(gè)設(shè)置：

• 網(wǎng)站的字體（包含文本和H1-6.）
• 顏色（文本，鏈接，按鈕等元素）
• 頁面寬度（全屏，盒子模型等）
• 按鈕

Header Builder頁眉設(shè)置

Astra支持頁眉和頁腳自定義設(shè)置，并且提供了三行三列的Header框架。

你可以在任何一個(gè)部分添加文本，HTML, 搜索， 小工具等元素。完全可以設(shè)計(jì)一個(gè)專業(yè)的頁眉。

并且和多數(shù)主題不同的是，Astra提供Transparent header。Transparent header可以讓我們頭部的元素浮動(dòng)在背景圖上面，這樣會(huì)讓我們網(wǎng)站看起來更加大氣美觀。

Blog博客

博客頁面是獨(dú)立站常用頁面，通常我們會(huì)發(fā)布一些公司/行業(yè)新聞，或者產(chǎn)品知識(shí)等內(nèi)容。一個(gè)用戶體驗(yàn)良好的blog頁面會(huì)提高頁面排名。

Astra支持博客分類頁面和文章詳情頁面自定義設(shè)置，提供了豐富的設(shè)置選項(xiàng)。在設(shè)置中，我們可以單獨(dú)設(shè)置頁面寬度，字體樣式和顏色。

而且我們也可以選擇展示的Post Elements，比如特色圖片，標(biāo)題，作者，日期，分類，短描述等等。

Astra主題博客頁面支持sidebar，我們可以在后臺(tái)Widgets頁面添加我們要添加的sidebar內(nèi)容。

Page頁面

Page頁面功能幾乎和Blog功能差不多，這里就不過多介紹了。

Sidebar側(cè)欄

在sitebar設(shè)置中，我們可以設(shè)置無sidebar，left sidebar和right sidebar。并且我們可以設(shè)置sidebar的寬度百分比。

Astra支持sticky sidebar功能，也就是說，開啟了這個(gè)功能。我們頁面向下滑動(dòng)，我們的sidebar會(huì)吸附固定在頂部。

Footer Builder頁腳設(shè)置

和Header builder一樣，Astra的footer builder提供了三行container.不同的是footer builder的支持1-6列的設(shè)置，在每個(gè)小container里面我們可以添加各種小工具。

每個(gè)小container容器我們可以添加一個(gè)或者多個(gè)小工具，我們可以設(shè)置多個(gè)小工具的排列方式，橫向或者縱向。

Astra響應(yīng)式設(shè)計(jì)

目前，手機(jī)端流量在逐漸超越電腦端。所以我們也要重視手機(jī)端的頁面的用戶體驗(yàn)，比持舒服的字體，元素間距等。幸運(yùn)的是，Astra同時(shí)支持電腦，平板和 手機(jī)端樣式設(shè)置。

在自定義設(shè)置中，我們可以看到在最底部，會(huì)出現(xiàn)三個(gè)圖標(biāo)，分別對(duì)應(yīng)了電腦，平板和手機(jī)。這樣我們就可以單獨(dú)設(shè)置手機(jī)端的樣式。

關(guān)注公眾號(hào)Hoan外貿(mào)建站，定期分享Wordpress建站和英文SEO知識(shí)。

需要注意的是，不是所有的選項(xiàng)都是樣式分分離的，在每個(gè)選項(xiàng)設(shè)置的后面如果出現(xiàn)了設(shè)備小圖標(biāo)，那么說明這個(gè)部分支持樣式分離。

了解Astra Pro

不管是在導(dǎo)入模板或者自定義設(shè)置中，我們在過程中都會(huì)看到，只有購買Astra Pro才能解鎖更多特色功能，這部分寫給對(duì)astra pro興趣的讀者。

Astra Pro可以解鎖所有astra里面的特色功能，吸引用戶的是Astra Pro支持導(dǎo)入所有Start Templets里面的模板。

Astra Pro支持所有部分顏色調(diào)整，包括頭部，底部，博客等。并且Pro內(nèi)嵌800+ 谷歌字體，是讓我們網(wǎng)站外觀更加美觀的增分選項(xiàng)。

Astra Pro有多種網(wǎng)站布局可供選擇，讓您可以設(shè)計(jì)和構(gòu)建網(wǎng)站以滿足您的需求和您所服務(wù)的利基市場。

• BOXED
• FULL WIDTH
• PADDED
• FLUID

除此之外，更多pro功能

• 博客分類文章展示外觀
• 多種footerw外觀布局
• Sticky Header粘性頭部
• Mega Menu
• Hooks & Filters
• 等等

Astra常見問題

Astra主題對(duì)Seo友好嗎？
是的，SEO友好也是astra主題優(yōu)秀特色之一。

Astra主題是免費(fèi)的嗎？
是的，Astra有免費(fèi)和付費(fèi)兩個(gè)版本

Astra主題支持哪些Page builder？
Astra支持WordPress Block Editor，elementor，Beaverbuilder

關(guān)注我，定期分享Wordpress建站和英文SEO知識(shí)。

（來源：Hoan外貿(mào)建站 公眾號(hào)）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?