最後更新時間：2026-01-02，由 Dean 更新 
架設網站，有許多值得推薦的 WordPress 佈景主題。Astra 就是我一直使用的佈景主題，相容性很高、很容易客製化且不占主機資源，我也都會推薦給我的客戶使用。
不過，對剛接觸網站經營的人來說，Astra 設定太豐富，我也常被客戶問該怎麼設定比較好。所以，我直接寫了這篇完整的 Astra 教學文章，希望能幫助你快速設定。
Astra 是什麼？輕量 WP 佈景主題介紹
Astra 是 Brainstorm Force 團隊在 2017 年推出的輕量級 WordPress 佈景主題，目前安裝的網站已過百萬，5000 多人給出 5 顆星的評價，是網頁設計師常會使用的佈景主題。
因為 Astra 高度客製化，可用在各種網站的設計上，並相容於多種電商、課程、多語系翻譯、頁面編輯器等外掛，是非常萬用的 WordPress 佈景主題，同時也很適合給新手使用。
Astra 優點
- 輕量型主題：檔案僅 48 KB，不使用 jQuery，不影響網站使用效能。
- 繁中介面：有繁中介面，對台灣用戶來說很方便操作。
- 整合與兼容：相容大部分外掛，常與 Elementor、Spectra 搭配，也能整合 Woocommerce、Easy Digita Downloads 等商店外掛，及 LMS、Learn Dash 等課程外掛。(我在另一篇 Elementor 教學中示範首頁設計的畫面，就是搭配 Astra 做出來的)
- SEO 友善：可自訂品牌資訊、導覽標記 (麵包屑)、文章結構等優化 SEO 的項目。
- 生態圈極廣：Astra 公司還開發了許多外掛，可搭配使用，如 Spectra 編輯器、WP Portfolio 作品集外掛、Ultimate Addons for Elementor 等。
- 終身使用：本身免費，也提供終身方案，對有心長久經營網站的人來說很划算。
- 資源豐富：用戶眾多，很容易就能找到 Astra 教學資源，中英都有。
Astra 缺點
- 上手門檻高：Astra 支援高度客製化，但對於沒有程式背景的新手，還要學習額外的 CSS 或相關技術，才能達成特定效果。
- 頁首頁尾無法指定頁面：當設計完一個頁首或頁尾，只能運用到全站，不能設定顯示在指定的頁面。
- 回頂端按鈕無法自訂圖示：讀者閱讀到文章後面能點擊回頂端按鈕回到最前面，Astra 的這個功能圖示無法自訂，跟 Blocksy 比起來較不彈性。若對這功能有需求，建議跟著 Blocksy 教學安裝。
- 小工具無法複製多個：設定 WordPress 小工具時，一個小工具只能放置在一個地方，沒辦法複製同個小工具，放在不同的位置。
- 缺少內建效能優化：內建功能多，但沒辦法直接在設定中做效能調整，像是字型載入、icon 移除等功能，相似佈景主題 OceanWP 就能夠免費設定。
4 步驟快速安裝 Astra 佈景主題
通常，我架設一個新的 WordPress 網站後，安裝的佈景主題都會是 Astra，以下步驟。
step 1
- 在 WordPress 後台選單點開「外觀」，選「佈景主題」。
- 等跳轉頁面後，左上角點「安裝佈景主題」。
step 2
- 右上搜尋框輸入「Astra」。
- 等找到 Astra，在上面點一下。
step 3
進入 Astra 佈景主題，點「安裝」，再點「啟用」。
step 4
看到這個畫面，就代表安裝好了。
在 Astra 佈景主題上點「自訂」，進入編輯器做設定。
Astra 免費版有哪些功能？
從版面配置到風格設定，Astra 免費版已提供架設網站的必備功能，接下來介紹如何設定。
編輯器介面如下圖，左邊是功能設定區，右邊是即時預覽區。
要注意的是，WordPress 佈景主題大多是區塊編輯，無法用滑鼠拖曳元件 (部分主題的頁首 / 頁尾編輯器除外)，所以要在左邊的功能區做設定，在右邊查看效果。
具體的設定項目與說明如下：
| 設定項目 | 子項目 | 說明 |
|---|---|---|
| 全域 | ．排版樣式 ．色彩 ．內容容器版面配置 ．按鈕 ．返回頂端 ．區塊編輯器 | 確保網站的各個頁面、字體、排版、色彩和元素使用一致的風格。 |
| 頁首編輯器 | ．網站標題及標誌 ．選單設定及樣式 ．透明頁首 | 可自由調整網站 Logo，設定網站選單的樣式、顯示項目、裝置與位置。 |
| 導覽標記 | ．麵包屑 (Breadcrumb) | 讓讀者一眼明白網頁的當前路徑，優化網站 SEO 與瀏覽體驗。 |
| 網站文章 | ．彙整頁排版 & 樣式 ．單篇文章排版 & 樣式 | 文章版面配置、間距、排列方式等，以及容器背景、對齊方式、字型與色彩設定等，並能啟用延伸閱讀的設定。 |
| 頁面 | ．一般頁面排版 ．搜尋頁面排版 ．樣式與顯示項目 | 設定區塊式版面、全幅寬度等樣式，及顯示哪些元件。 |
| 資訊欄 | ．啟用 / 關閉資訊欄區塊 ．設定資訊欄排版 & 樣式 | 調整網站各頁面的側邊欄，可選擇左側、右側，或不顯示。 |
| 頁尾編輯器 | ．著作權聲明 ．選單元件編輯 | 可編輯頁尾，免費版的著作權聲明無法刪除 Astra 支援的訊息。 |
| 網站識別 (WP預設功能) | ．網站圖示 ．網站標題及標誌 | 如瀏覽器使用的圖示，頁首使用的 LOGO 圖及網站標題、說明等，還能設定圖片的色彩與調整大小。 |
| 選單 (WP預設功能) | 網站導覽列選單 | 設定網頁最上面的導覽選單，包括顯示位置、裝置和名稱，可在這新增或刪除。 |
| 小工具 (WP預設功能) | 特定區塊編輯 | 在特定區塊編輯特定功能，免費版不開放設定。 |
| 首頁設定 (WP預設功能) | 首頁樣式選擇 | 設定網站首頁顯示的內容，也可指定自己設定的首頁。 |
| 附加的 CSS (WP預設功能) | 自訂 CSS 程式碼 | 用程式碼自訂網站的外觀和版面配置。 |
Astra 教學：9 個網站設計必備設定
Astra 功能有非常多，其中有 9 個是你在做網頁設計時一定要做的設定。
不過，在進行 Astra 教學之前，有 2 件事提醒你：
- 不管改多小的設定，一定要按左上角的「發佈」鈕，才會儲存。
- 如果不小心調錯，通常旁邊都有個「箭頭」，可以按一下，復原成預設值。
另外，在調整時，偶爾預覽畫面會沒有動靜，有可能是你調整到不同瀏覽裝置的設定，所以在你目前的裝置上不會顯示改變；或者也可能是頁面卡住的 BUG，還蠻常會發生的，儲存後刷新就能恢復了。
全域
「全域」指的是整個網站，包括排版、色彩、按鈕、導覽標記和字體等項目，使用統一的風格配置與元素，網站會看起來更專業，而且只須設定一次，也方便管理。
以下介紹全域的各個功能怎麼設定：
「基本字型」包括內文與標題，點開編輯圖示，可設定項目如下圖：
- 字型系列有 2 個繁中字體可選，如：
- NOTO Sans TC：思源黑體。
- NOTO Serif TC：思源明體。
- 字型粗細：這裡有兩層。
- 第一層是輸入文字的字體粗細，可「繼承上層元素」(指的是套用「標題」或「字體」等父層設定)，或指定粗細。
- 第二層則是幫文字加粗的字體粗細，也就是你在編輯時按加粗，會出現的字體粗細，可繼承上層元素或指定粗細。
- 字型大小：這邊可統一調整標題或內文的大小。
- 字距 (上下)：調整上下的字距。
- 字距 (左右)：調整左右的字距。
- 建議修改標題 H1~H6 的字型大小與字距，其他則套用預設值。
- 段落下邊界：用來控制段落之間的垂直間距。
- 內容連結底線：指超連結文字是否要加下底線。
Astra 的「色彩」可管理網站的常用顏色，在做任何與外觀有關的設定時，點開顏色就能選取，不用再另外複製色碼，非常方便。
在編輯器中選「全域 > 色彩」：
- 全域調色盤：已經調配好的顏色組合，大概有 10 組左右，不過通常不會使用。
- 常用顏色：非常建議在這邊填入你的品牌色，每次點開色彩時，就能直接選取，不用另填色碼，方便統一整個網站的色調。
- 佈景主題色彩 (可直接指定全域的 5 種顏色)：
- 強調：文字反白的背景色或點連結的顏色。
- 連結：左邊是連結文字的顏色，右邊是滑鼠移到連結文字上方的顏色。
- 標題 (H1~H6)：指的是網站標題、大標、副標、小標都會用這個顏色。
- 內文文字：文章的內文文字顏色。
- 框線：表格邊框或分隔線的顏色。
- 表層色彩：
- 網站背景：網站內容以外的背景顏色。
- 內容背景：網站內容的背景色。
「內容容器」是設定網站內容在螢幕中的寬度。設定方法如下：
- 容器版面配置：
- 一般：「窄幅寬度」無法調整，為預設值。
- 窄幅寬度：「容器寬度、窄幅寬度」都可以調整。
- 全幅寬度：「窄幅寬度」無法調整，因爲內容會延伸出去。
- 容器樣式 (一般 & 窄幅寬度可選)：
- 非區塊式版面：不會有一個框框把內容框住，內容向邊邊延伸。
- 區塊式版面：會有一個框框把內容框住，內容較集中。
- 容器寬度：切齊 logo 左側 & 選單右側的區塊，預設 1200 px。
- 窄幅寬度容器寬度：內部內容的寬，預設 750 px，算是 Astra 特別的排版調整。
這頁會設定整個網站使用的「按鈕」，包括主要按鈕與次要按鈕：
- 主要按鈕：為「確認、購買、送出」等較顯眼、需要做出行動的按鈕。
- 次要按鈕：為「取消、了解更多、刪除」等輔助型按鈕，樣式需要和主要按鈕統一，僅在顏色上做對比。
以下是按鈕的設計選項：
- 按鈕預設集：有長方形、長方&圓角、圓角等選項。建議要跟你網站其他視覺有一致性，例如你的版面大多是有圓角，那按鈕也建議設定圓角。
- 針對按鈕上的文字、按鈕背景和框線做顏色的設定，左邊是一般顯示的顏色，右邊是滑鼠移到上方的顏色。
- 字型：點開可設定按鈕的字型，介面參考「排版樣式」的基本字型設定。
- 邊框間距：指的是按鈕文字與上下左右邊框的距離。
- 框線寬度：按鈕框線上下左右四個邊的粗細，若設為 0，即不顯示框線。
- 框線圓角半徑：如果選擇長方圓角的樣式，這裡可設定圓角大小。
「返回頂端」指的是滾動頁面後下方出現的箭頭按鈕，點一下會回到頁面最上方。
GENERAL (一般設定)：
- Enable Scroll to Top：開啟或關閉「返回頂端」功能。
- Display On：選擇顯示的裝置。
- 顯示位置：可選擇出現在頁面左側或右側。
- 圖示尺寸：可調整按鈕的大小。
DESIGN (樣式)：
- 圖示色彩：調整箭頭的顏色，左邊是一般顯示，右邊是滑鼠移過的樣式。
- 背景色彩：調整按鈕背景色，左邊是一般顯示，右邊是滑鼠移過的樣式。
- 框線圓角半徑：設定四個邊圓角的大小 (沒設定的話，預設是正方形)。
Astra 的「Accessibility」是無障礙設計，也就是在網頁上用 Tab 鍵移動或輸入文字時，會出現框框，讓視力不便者，或用鍵盤操作的瀏覽者更方便。
- Site Accessibility：開啟或關閉無障礙設計。
- 全域高度：Tab 鍵在頁面上選取物件的框線，可設定虛線或實線。「色彩」建議設定和背景對比性強的。
- Input Highlight：在搜尋、表單等輸入框輸入文字時會出現的框線，最左邊是取消顯示，其他設定和「全域高度」一樣。
完成後，你可以試試看用鍵盤操作自己網站，會發現多出了物件的選取框線。
WordPress 網頁的基本單位是「區塊」，「區塊」可以是多張圖片、圖文並列或一排社群圖示等。
而這頁的「區塊編輯器」是設定整個網站的頁面區塊的邊距：
- 核心區塊間距：有不同的預設，也可自訂。
- 字型大小 (邊距大小)：在「自訂」開啟時出現，能自由設定上右下左的邊距大小，4 邊可不一樣。
要注意，如果你在 WordPress 編輯器中手動調整某個特定區塊的邊距 (Padding 或 Margin)，就會覆蓋這裡的設定。
其他選項的「Enable Smooth Scroll to ID」是在頁面上平滑移動的動畫效果，用在跳轉目錄、返回頂端等內部連結，如果有安裝類似功能的外掛，這裡可關閉。
頁首編輯器
「頁首」是網頁最上方，通常包含網站 LOGO、導覽列選單、搜尋框、聯絡資料等。
設定「頁首」時，可先點開預設版面 (Header Presets)，選好版面後，用滑鼠拖曳元件的位置，或按「+」加入元件。
手動拖曳元件的位置與方式：
- 每一行都分為左中右，預設有元件，可拖曳到對應位置。
- 每列最左邊有個小設定圖示，可以修改該列的高度、裝置可見度、背景色、邊距等。
- 滑鼠移到空白處點擊，就可新增元件，如按鈕、選單、搜尋、小工具或插入 HTML 碼等，上面有鎖頭的代表付費版才可用。
接著，進行頁首編輯器的各個設定：
「標誌」指的是網站上方的 LOGO 圖，以及瀏覽器分頁上顯示的小圖示。
進入「網站標題及標誌設定」：
- 更換標誌：上傳網站 LOGO 圖片。
- 標誌寬度：可直接在 Astra 上調整 LOGO 大小。
如果覺得標誌圖顏色和背景不搭，可直接在 Astra 上改：
「網站標題及說明」通常在「沒有 Logo」時，會進行設定，讓網站有個基本的文字標示。
- 開啟「標誌與網站標題同列顯示」，頁面上會顯示網站標題和說明：
- 網站標題：會顯示 WordPress 後台「一般」設定中的網站標題。
- 網站標題可見度：有電腦、平板、手機等 3 個項目，點亮就會在該裝置上顯示。
- 網站說明：填寫網站的標語或重點標籤。
- 網站說明可見度：設定方法同「網站標題可見度」。
想更改顏色的話，拉到最上方選「DESIGN」：
- 字型大小：可更改標題和說明的字型大小。
- 更改顏色：網站標題左邊是一般顯示的顏色，右邊是滑鼠移到上方的顏色。
搜尋功能讓讀者可以透過關鍵字，搜尋站內的文章，以下說明。
從「頁首編輯器」點進「搜尋」後：
- 一般設定 (GENERAL)：調整搜尋框的長度、圖示尺寸，並可開啟在搜尋框輸入關鍵字時，系統是否會自動搜索、即時顯示結果，以及設定搜尋類型、裝置可見度。
- 樣式設定 (DESIGN)：設定圖示色彩和搜尋框的邊界。
回編輯器最上層，點「選單」：
- 建立選單：新增不同選單，沒有限制數量，選單上可自訂想顯示的項目。
- 點「新增選單項目」，有 6 類項目可放進選單。
- 點開要編輯的選單項目，修改名稱或移除。
- 編輯好選單內容，到下方選擇選單要出現在哪個位置：
- 主要選單：出現在頁首上方，是網站最主要的導覽選單，通常設為預設選單。
- 次要選單：用來補充主要選單，通常會放「社群連結、聯絡資料」等，不一定要設定，但補充項目太多，直接設成一組選單會比較好管理。
- 側邊滑動式選單：是平板和手機會出現的選單，點右上圖示後會從側邊滑出。
- 已登入帳號選單：如果網站有會員機制，能設一組特定選單給會員看，通常是「個人資料」、「登入/登出」等。
- 頁尾選單：放在頁面最下方的位置，通常放「隱私政策」、「服務條款」或「聯絡我們」等項目，是否設成選單，看你覺得怎樣比較好管理。
「透明頁首」能讓頁首的背景變成透明，和網站背景融為一體，也可以設定特定背景色。
在「頁首編輯器」下點「透明頁首」，進一般設定：
- 點開「於全站啟用」，會出現下列控制項，設定哪些頁面需要顯示或停用 (畫面為預設值)。
- 啟用的檢視模式：設定在哪些裝置要使用透明頁首。
- Different Transparent Logo：在透明頁首另外使用的網站標誌圖片，通常關閉。
再來，上方選「DESIGN」，編輯「透明頁首」的樣式 (左側數字可對應右上方數字)：
- 下框線尺寸：頁首下可設一條線，與主要內容做區隔，有線條粗細和顏色等項目。
- 標誌色彩：這邊若另外設定標誌顏色，會覆蓋掉「網站標題及標誌」的顏色設定。
- 背景覆疊：3 層頁首可分別設定不同的背景色 (參考顯示區下方位置)，通常是設定「主要頁首」的背景色。
- 選單色彩：可設定連結文字的一般顏色、滑鼠移過，和選單的背景色。
Astra 的頁首編輯器可針對平板和手機設定不同的元件和樣式，以下教學：
- 左側最下方選擇平板或手機，上方會跳轉可編輯元件，通常有網站標誌、切換按鈕、側邊滑動式選單和透明頁首。
- 網站標題及標誌：建議平板和手機要調整不同的大小與邊距。
- 切換按鈕：指的是右上角的三條線圖示，點開會滑出選單，這邊可設定該圖示的樣式。
- 新增、刪除或調整元件的位置。
- 新增、刪除或調整側邊滑動式選單的元件，點開左上角的圖示，可調整選單的動畫效果和樣式。
*如果想改平板和手機的頁首背景，在「透明頁首 > DESIGN」做更改。
導覽標記
「導覽標記」是 Breadcrumb (麵包屑)，會在頁面上出現「首頁 > 分類 > 文章標題」，有利於優化 WordPress SEO。
網站文章
針對網站文章外觀設定，可設定彙整頁面、文章列表、單篇文章的版面、元素、中繼資料、字型大小等。
從編輯器的「網站文章 > 網站文章/彙整」進入設定：
- 網站文章標題區域：開啟，方便辨識正在讀什麼頁面。
- 容器設定：
- 容器版面配置：建議使用預設值。
- 容器樣式：建議使用預設值。
- 資訊欄設定 (側邊欄)：
- 資訊欄版面配置：有四種樣式，包含有側邊欄、無側邊欄，選你想要的形式。
- 資訊欄樣式：非區塊式和區塊式的區別在於，資訊欄上的元件是否有比較明確的間隔，非區塊式會縮小間距，區塊式的區塊間距較大。
- 部落格版面配置 (文章列表頁外觀)：
- 版面配置：文章列表的排版，選擇喜歡的。
- Post Per Page：每頁顯示幾篇，通常是 10 篇。
- 內容寬度 & 自訂寬度：會建議選「自訂」並調整數值，通常設定 1000~1200 px。
- 文章資訊結構：簡單來說就是在彙整頁中會有很多篇文章，它們的外觀怎麼顯示。建議開啟：
- 文章元素：精選圖片、標題、Post Meta、內容摘要、Read More。
- 中繼資料：分類、作者、發佈日期。
單篇文章
「單篇文章」的設定大部分與前一段「網站文章/彙整」相同，以下只針對「文章標題區域」和「相關文章」說明。
- 橫幅版面配置：選擇一般版型，或精選圖片為標題背景的版型。
- 資訊結構：建議開啟「標題」、「中繼資料」、「精選圖片」。
- 中繼資料：建議開啟「發佈日期」和「作者」。
- Horizontal Alignment：設定文章標題的對齊方式。
- 標題：相關文章的標題，可設定「相關文章」或「延伸閱讀」。
- 點開「文章查詢條件」：
- 相關文章關聯依據：選分類或標籤，通常我會選標籤，文章相關性較高。
- 排序依據：可選發佈日期、標題、文章順序、隨機和留言數量，發布日期、隨機是常見設定。
- 排序方式：選升冪或降冪，這就個人喜好。
- 文章資訊結構：開啟精選圖片、標題及文章中繼資料。
- 中繼資料：開啟分類、作者和發佈日期。
頁面
頁面通常是「關於我、作品集、方案介紹、聯絡我」等固定內容的頁面，而非文章，不過設定是一樣的，可以參考網站文章的設定。
「單篇頁面」設定，建議點進「頁面標題區域」做調整，其他則以網站設計為主。
「頁面標題區域」中，較需要設定的是下面 2 項：
- Disable on Front Page：如果網站首頁是另外設計的靜態頁面，就要關閉。
- 資訊結構：可設定精選圖片、標題，但通常也還是會被頁面編輯器的設計蓋掉。
搜尋頁面建議設定下列 4 項，其他套用預設值即可：
- Search Page Title：開啟搜尋頁面標題的功能。
- 搜尋結果版面配置：搜尋列表的排版，選自己喜歡的。
- Post Per Poge：每一頁出現的文章要幾篇，通常設定 10 篇。
- 即時搜尋：在搜尋框中輸入文字時，會即時出現搜索結果，視偏好開啟。
- Search Within Poast Types：從哪邊搜尋，選擇主要內容是哪一類型。
資訊欄
資訊欄就是側邊欄，實際內容要在 WordPress 編輯器的「外觀 > 小工具」裡設定，Astra 可以設定排版和寬度。
如果你有設定資訊欄，以下項目建議設定：
- 預設版面配置：選有資訊欄的版面。
- 資訊欄寬度：實際寬度配合網站設計。
- 啟用固定式資訊欄：如果資訊欄上有必須強調的內容，資訊欄就會固定住，不會跟著頁面往下滑動。
頁尾編輯器
「頁尾」指的是網頁最下方的區域，Astra 的頁首 & 頁尾編輯器一樣，都是使用拖曳區改變元件的位置。
頁尾一定要放的是「隱私權政策、著作權聲明」，其他也會放「社群圖示、頁尾選單」等，點擊位置就能插入。
補充幾個重要的點：
- 免費版的著作權聲明無法刪除「這個網站用 Astra 主題編輯」的訊息。
- 如果想更改頁尾背景色的話，點進 DESIGN 修改。
- 左下角切換電腦、平板和手機，配合裝置做不同的調整。
網站識別
在編輯器中選「網站識別」，上傳網站在瀏覽器顯示的 LOGO 小圖。點「選取網站圖示」，上傳網站 LOGO 圖片 (官方建議至少 512*512 像素)。
首頁設定
在編輯器中點「首頁設定」。
這頁是設定網站首頁出現的是最新文章列表，或是一個單獨的頁面：
- 如果有設計網站首頁，就要選「靜態頁面」，並點開下拉選單點設計好的頁面。
- 如果想像一般部落格那樣，就選「最新文章」。
Astra VS. Astra Pro
如果只是想做一個寫文章的部落格或作品集網站，Astra 免費版的功能已經足夠；但如果想做形象官網、電商網站和會員網站，Astra Pro 有更多設定，讓你的網站看起來更專業。
| 比較項目 | Astra | Astra Pro |
|---|---|---|
| 文章列表版面 | 可選取 3 種版面 | ．可設定多欄位 ．有瀑布流、全寬版面 ．可改動閱讀更多的文字和樣式 ．有文章篩選器 ．有頁數設定 ．有往下無限滾動效果 |
| 網站頁首 | 可編輯和新增 5 種元件 | ．可加入更多 HTML、選單、分隔線和小工具 ．可配合其他外掛加入多語系切換和登入功能 ．可固定在上方 |
| 標題顏色 | 可設定 1 種 | H1~H6 標題可分別設定不同顏色 |
| 電商功能 | 支援基本的 WooCommerce 功能 | ．可針對產品頁面設定 ．客製化結帳頁面 |
| 頁尾編輯器 | 可編輯和新增 5 種元件 | ．可加入更多 HTML 、選單、分隔線和小工具 ．可刪除「此網站以 Astra 主題編輯」的訊息 |
| 動畫效果 | 無 | 有滾動、淡入淡出等效果 |
| 適用網站 | ．個人網站 ．作品集 | ．企業形象網站 ．電商網站 (需搭配相關外掛) ．會員網站 (需搭配相關外掛) ．課程網站 (需搭配相關外掛) |
| 年訂閱 (USD) | 免費 | (一個網站) ．Astra Pro 49 元 ．Essential Toolkit 79 元 ．Business Toolkit 149 元 |
6 個 Astra Pro 常用到的進階設定
雖然 Astra 免費版很夠用了，但 Astra Pro 有更多優化網站的設定，以下介紹 6 種我在實務上比較常用的。
H1~H6 標題顏色
在 Astra Pro 中，H1~H6 標題顏色可以個別設定。
從「全域 > 色彩」進入設定，拉到最下方，就會看到了。
文章篩選器 (Post Filter)
在「網站文章/彙整」中，除了新增「文章頁數、無限滾動」功能、可調整文章間距等，還有「標籤篩選器」(Post Filter) 這個很方便的功能。
因為開啟「標籤篩選器」之後，文章的彙整頁面就可點選分類或標籤，找到相對應的文章。
從「網站文章/彙整 > 一般設定」，拉到最下方，開啟「Post Filter」，就會在彙整頁面看到篩選器。
瀑布流版面配置
在「網站文章 > 網站文章/彙整」，設定介面拉到下方的「部落格版面配置」。
幫文章列表選要哪種版面配置，再設定下方的控制項和數據。
閱讀更多
在文章彙整頁面中，每篇文章的下方會有「閱讀更多」的連結或按鈕，Astra Pro 可設定更細的項目。
跟前兩項一樣，從「網站文章 > 網站文章/彙整」進入，往下拉到「文章資訊結構」。
點開「Read More」，更改連結的文字，並開啟按鈕功能。(按鈕樣式在「全域 > 按鈕」設定)
作者資訊
在「網站文章 > 單篇文章」中，除了新增「自動載入之前文章」和設定精選圖片的尺寸外，建議要開啟「作者資訊」，能在資訊中加入社群圖示。
固定式頁首
「固定式頁首」也稱做「黏性選單」，不管頁面往下滑到哪，頁首都會固定在最上面。
由於頁首分三層，固定你想要的那一層就好。
我一般只在桌機模式開啟這個功能，因為畫面比較大，行動版較小避免頁首干擾閱讀。
Astra 相關 WordPress 外掛推薦
Astra 跟大多外掛都兼容，而有其中幾個是最常拿來跟 Astra 搭配的外掛：
- Starter Templates：提供超過 180 種以上的網站範本，包括免費和付費版本，還支援多種頁面編輯器，如 Elementor、Beaver Builder。
- Astra Customizer Reset：可輕鬆還原所有的版面、顏色和字體等細部設定，而不會影響整個網站的內容和其他外掛。
- Astra Widgets：免費外掛，提供地址、圖示清單和社群檔案等小區塊。
- Astra Bulk Edit：免費外掛，可批量編輯 Astra 中繼資料的設定，以節省時間。
- Import / Export Customizer Settings：免費外掛，可在不同的網站上轉移 Astra 佈景主題外觀自訂器的設定。
其他 Astra 相關問題
有哪些方法可以進入 Astra 編輯器？
有 2 個方法可以進入 Astra 的編輯器：
1. 從 WordPress 選單點開「Astra」，選「自訂」。
2. 從 WordPress 選單點開「外觀」，選「自訂」。
如何修改 Astra 的背景圖片？
Astra 免費版無法換背景圖片，只能換顏色。
怎麼改頁首 / 頁尾背景？
．修改頁首背景：頁首編輯器 > 頁首類型 (透明頁首) > Design > 背景覆疊。
．修改頁尾背景：頁尾編輯器 > DESIGN。
什麼是「載入伺服器本機代管 Google Fonts 網頁字型」？
這是用來管理 Google Fonts 的設定，開啟後，會下載 Google 字體並存在網站伺服器上，不用每次都從 Google 加載，能夠有效提升網站速度。
但缺點是，會使用到伺服器資源，所以不建議共享主機開啟。
Astra 有支援多語系嗎？
Astra 支援 .po 和 .mo 語言檔案，但要搭配 TranslatePress、Polylang 或 WPML 等外掛做切換或翻譯，可參考 WordPress 多國語言外掛推薦做設定。
如何還原 Astra 的設定？
安裝 Astra Customizer Reset 外掛，可在不影響網站下還原所有設定。
怎麼安裝 Astra Pro ？
購買完成後，下載 Astra Pro 壓縮檔，到 WordPress 後台的外掛上傳，安裝並啟用。
啟用後，記得還要在 Astra 主頁輸入金鑰才能使用。
子主題是什麼？一定要安裝嗎？
不一定，子主題設計出來的目的，是為了讓站長能夠自由修改原先的佈景主題結構，而不會在官方母主題更新時，覆蓋到你幫網站做的那些客製化設定。
但如果你需要在網站上放較多的自訂程式碼，可以利用 WPCode 或 Code Snippets 這類專門用來管理程式碼的外掛，比較方便，彈性也比較大。
