在使用 Astra 主題制作 WordPress 網(wǎng)站時(shí)，很多人都會遇到這樣的需求：有的頁面需要展示側(cè)邊欄（如博客列表頁），有的頁面則需要全寬布局（如首頁、落地頁或閱讀模式頁面）。Astra 提供了簡單的設(shè)置方法，讓不同頁面展示不同布局。

1. 進(jìn)入 Astra 自定義設(shè)置

• 登錄 WordPress 后臺。

• 在左側(cè)菜單點(diǎn)擊【外觀】。

• 點(diǎn)擊【自定義】（Customize），進(jìn)入 Astra 主題自定義面板。

2. 進(jìn)入全局設(shè)置找到容器

• 在自定義面板中，點(diǎn)擊【Global（全局）】。

• 在 Global 內(nèi)部點(diǎn)擊【Container（容器）】。

此時(shí)，你會看到“Container Layout（容器布局）”設(shè)置頁面，包含三個(gè)布局選項(xiàng)。

3. 選擇全站默認(rèn)布局

在【Container Layout】中，根據(jù)圖標(biāo)提示選擇需要的布局：

• Narrow（窄版布局）：內(nèi)容區(qū)域較窄，左右留白更多，適合需要視覺聚焦的頁面。
• Normal / Default（標(biāo)準(zhǔn)布局）：內(nèi)容寬度適中，適合大多數(shù)頁面，包括博客列表頁和文章頁。
• Full Width / Stretched（全寬拉伸布局）：內(nèi)容鋪滿瀏覽器寬度，常用于首頁、Banner、著陸頁或無干擾閱讀頁面。

選擇好后，點(diǎn)擊頁面頂部【Publish（發(fā)布）】按鈕保存設(shè)置。

4. 為單獨(dú)頁面設(shè)置不同布局

如果只想為某個(gè)頁面設(shè)置與全站不同的布局，可按以下步驟操作：

• 返回 WordPress 后臺，點(diǎn)擊【頁面】。
• 找到需要修改的頁面，點(diǎn)擊【編輯】進(jìn)入頁面編輯器。

• 在右側(cè)【文檔】面板中，找到 Astra Settings（Astra 設(shè)置）。

在 Container Layout（容器布局） 中，可以看到四種布局圖標(biāo)可選：

• 第一個(gè)：使用全站自定義設(shè)置（Customizer Setting）。

• 第二個(gè)：標(biāo)準(zhǔn)寬度（Normal），內(nèi)容有固定寬度，兩側(cè)留白。

• 第三個(gè)：窄版布局（Narrow），內(nèi)容寬度比標(biāo)準(zhǔn)布局更窄。

• 第四個(gè)：全寬拉伸（Full Width / Stretched），頁面內(nèi)容鋪滿寬度。

5. 博客頁面?zhèn)冗厵谠O(shè)置

如果需要為博客頁面開啟或關(guān)閉側(cè)邊欄：

• 回到【自定義】面板，點(diǎn)擊【Post Types】。

• 選擇【Blog / Archive（博客/歸檔）】或【Single Post（單篇文章）】。

• 在【Sidebar Layout（側(cè)邊欄布局）】部分，選擇：
  • 無側(cè)邊欄
  • 左側(cè)邊欄
  • 右側(cè)邊欄

設(shè)置完成后，點(diǎn)擊【Publish】保存。

6. Elementor 頁面布局設(shè)置

如果頁面使用 Elementor 編輯器：

• 在頁面 Astra Settings 中選擇“Full Width / Stretched”布局。

• 進(jìn)入 Elementor 編輯器后，在左上角【站點(diǎn)設(shè)置】中，將頁面布局設(shè)置為：
  • Elementor Canvas（完全空白畫布，隱藏頭部和頁腳）
  • Elementor Full Width（內(nèi)容全寬，保留頭部和頁腳）

7. 總結(jié)

Astra 提供靈活的布局切換方法，可以在全站設(shè)置中統(tǒng)一，也可以針對每個(gè)頁面單獨(dú)設(shè)置布局，滿足博客、首頁、閱讀頁、落地頁等不同場景需求。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息