Astra 主題近期對容器布局功能進行了優(yōu)化,將布局選項精簡為三種核心模式,操作更直觀,頁面搭建效率顯著提升。三種布局靈活適配不同內(nèi)容類型,結(jié)合側(cè)邊欄樣式可快速實現(xiàn)多樣化頁面排版,滿足各類設計需求。
![圖片[1]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175324858-image.png)
三種新布局介紹
Normal(標準寬度)
默認寬度為 1200px,適合大多數(shù)網(wǎng)站使用,視覺呈現(xiàn)平衡,內(nèi)容分布自然。
![圖片[2]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175124639-image.png)
Narrow(窄版布局)
默認寬度為 750px,適合內(nèi)容較少或希望頁面更緊湊的網(wǎng)站,整體設計更聚焦。
![圖片[3]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175131704-image.png)
Fullwidth(全屏布局)
內(nèi)容延展至瀏覽器整寬,適合需要更強視覺效果的頁面,例如活動頁、作品展示頁等。
![圖片[4]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175137927-image.png)
設置方式
全局設置
可在后臺外觀 > 自定義 > 容器 中進行統(tǒng)一設置,應用于全站頁面。
頁面單獨設置
編輯頁面時點擊右上角 Astra 圖標,在打開的設置面板中可調(diào)整當前頁面布局。頁面設置的優(yōu)先級高于全局設置,可以靈活為不同頁面配置不同結(jié)構(gòu)。
![圖片[5]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175210372-image.png)
布局與側(cè)邊欄搭配
容器布局可與不同的側(cè)邊欄樣式組合,例如:
- 選擇 Normal 布局時搭配 Boxed 容器樣式
- 同時選擇 Unboxed 側(cè)邊欄樣式
![圖片[6]-Astra 主題容器布局更新:三種新結(jié)構(gòu)助力頁面設計更清晰](http://gqxi.cn/wp-content/uploads/2025/04/20250415175221530-image.png)
這種方式有助于打造更有層次感的頁面外觀,讓內(nèi)容視覺上更清晰有序。
常見問題
為什么要精簡為三種布局?
為了讓選擇更直觀,減少設置過程中可能出現(xiàn)的困惑。經(jīng)大量反饋后進行調(diào)整,讓設置變得更輕松。
舊版本布局設置會受影響嗎?
不會。原有頁面結(jié)構(gòu)會根據(jù)對應關(guān)系自動適配,不會出現(xiàn)頁面錯亂。
更新后沒看到新選項怎么辦?
請檢查 Astra 是否為最新版本,并刷新設置界面或清除瀏覽器緩存。
這項更新是否會影響網(wǎng)站性能?
不會。布局結(jié)構(gòu)做了簡化處理,保持原有速度的同時減少了配置難度。
總結(jié)
Astra 本次對容器布局的更新提升了操作流暢度,使頁面結(jié)構(gòu)更靈活。三種核心布局能夠覆蓋不同網(wǎng)站需求,在搭配頁面級設置和側(cè)邊欄樣式后,可以輕松創(chuàng)建出風格多樣的頁面結(jié)構(gòu)。熟悉這些設置后,將有助于構(gòu)建更符合目標結(jié)構(gòu)的網(wǎng)站頁面。
相關(guān)文章
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時間:周一至周五,9:30-18:30,節(jié)假日休息 |
暫無評論內(nèi)容