Astra 主題近期更新了容器布局選項，簡化了原有的選擇，并增加了更多的自定義功能。通過提供不同的布局選項，Astra 讓用戶能夠根據(jù)需求輕松地創(chuàng)建視覺沖擊力強(qiáng)、功能豐富的網(wǎng)站頁面。

新增容器布局選項

Astra 之前的五種容器布局被精簡為三種，分別是：

1. Normal（標(biāo)準(zhǔn)寬度）

• 容器寬度為 1200px
• 適合大多數(shù)網(wǎng)站，提供均衡的布局效果，能夠清晰地展示內(nèi)容。

2. Narrow（窄版布局）

• 容器寬度為 750px
• 適用于內(nèi)容較少或需要緊湊設(shè)計的頁面，帶來精致、集中的視覺效果。

3. Fullwidth（全寬布局）

• 容器寬度為 100%，覆蓋整個瀏覽器窗口。
• 適合視覺效果強(qiáng)烈的頁面，能夠提供更為廣闊的展示空間。

設(shè)置容器布局

容器布局可以通過全局設(shè)置或頁面設(shè)置來調(diào)整：

全局設(shè)置

• 在 外觀 > 自定義 > 全局 > 容器 中選擇適用于整個網(wǎng)站的布局類型，設(shè)置為默認(rèn)布局。

頁面設(shè)置

• 每個頁面也可以獨立設(shè)置布局。頁面設(shè)置優(yōu)先于全局設(shè)置。例如，如果全局設(shè)置為全寬布局，但某頁面設(shè)置為窄版布局，最終頁面將應(yīng)用窄版布局。

修改頁面設(shè)置

• 編輯頁面時，點擊頁面右上角的 Astra 圖標(biāo)進(jìn)入設(shè)置，選擇合適的容器布局。

組合側(cè)邊欄樣式與容器布局

Astra 允許用戶結(jié)合容器布局和側(cè)邊欄樣式進(jìn)行設(shè)計。比如：

• 選擇“Normal”布局，并將“容器樣式”設(shè)置為“Boxed”，再將“側(cè)邊欄樣式”設(shè)置為“Unboxed”。
• 這種組合提供了極大的靈活性，能夠根據(jù)需求調(diào)整頁面的結(jié)構(gòu)和外觀。

全寬布局（Full Width Layout）

全寬布局旨在提供更具沉浸感和空間感的設(shè)計。其容器寬度為 100%，內(nèi)容將無縫覆蓋整個瀏覽器窗口。

特點：

• 整個頁面內(nèi)容會擴(kuò)展到瀏覽器的全寬，適合需要大面積展示內(nèi)容的頁面。
• 為用戶提供更加寬廣的視覺體驗，適合創(chuàng)意網(wǎng)站或視覺效果突出的網(wǎng)站。

設(shè)置路徑：

進(jìn)入 WordPress 后臺，依次進(jìn)入：外觀 > 自定義 > 全局 > 容器

頁面設(shè)置與全局設(shè)置：

• 在全局設(shè)置中選擇布局，適用于整個網(wǎng)站。
• 如果需要為特定頁面應(yīng)用不同布局，可以在頁面設(shè)置中進(jìn)行調(diào)整。頁面設(shè)置優(yōu)先級更高，因此，頁面設(shè)置將覆蓋全局設(shè)置。

在編輯頁面時，點擊頁面右上角的 Astra 圖標(biāo)，進(jìn)入設(shè)置面板，選擇適合的容器布局。

內(nèi)容盒裝布局（Content Boxed Layout）

內(nèi)容盒裝布局適用于需要突出顯示網(wǎng)站內(nèi)容區(qū)域的場景，如博客和內(nèi)容導(dǎo)向型網(wǎng)站。

特點：

• 只有主容器（Primary Container）采用盒裝格式，內(nèi)容區(qū)域呈現(xiàn)固定寬度。
• 側(cè)邊欄容器（Secondary Container）保持原樣，背景為純色。
• 適合希望內(nèi)容區(qū)域更為突出的頁面，側(cè)邊欄不占據(jù)頁面主要視覺。

設(shè)置路徑：

進(jìn)入 WordPress 后臺，依次進(jìn)入：外觀 > 自定義 > 全局 > 容器

其他說明：

• 可以為特定頁面或文章設(shè)置內(nèi)容盒裝布局，通過頁面的Meta 設(shè)置進(jìn)行單獨配置。
• 容器的寬度依賴于站點布局設(shè)置，可根據(jù)需要調(diào)整。

如果使用 Astra Pro 插件，還可以在 顏色與背景模塊 中找到更多設(shè)置選項，如背景色的自定義。若沒有 Astra Pro 插件，也可以通過 自定義 CSS 添加背景圖。

結(jié)論

Astra 主題的容器布局優(yōu)化為網(wǎng)站設(shè)計提供了更多的可能性，從全局設(shè)置到頁面獨立設(shè)置，用戶可以根據(jù)不同的內(nèi)容展示需求選擇合適的布局方式。無論是標(biāo)準(zhǔn)、窄版還是全寬布局，甚至是內(nèi)容盒裝布局，Astra 都為站點提供了高效、靈活的設(shè)計方案。通過這些設(shè)置，用戶可以輕松實現(xiàn)視覺統(tǒng)一和獨特的網(wǎng)頁風(fēng)格。

相關(guān)文章

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