Astra 提供的側(cè)邊欄樣式功能可以改變側(cè)邊欄在頁面中的視覺表現(xiàn),適合不同內(nèi)容布局需求的人使用。
![圖片[1]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250418190330375-image.png)
樣式選項(xiàng)介紹
側(cè)邊欄樣式適用于左側(cè)或右側(cè)側(cè)邊欄布局,提供三種設(shè)置方式:
盒裝樣式(Boxed)
為側(cè)邊欄加上邊框,使結(jié)構(gòu)更加清晰,內(nèi)容區(qū)域獨(dú)立。
![圖片[2]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165638119-image.png)
未盒裝樣式(Unboxed)
移除邊框限制,讓側(cè)邊欄與整體內(nèi)容融合,頁面更寬敞。
![圖片[3]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165644201-image.png)
默認(rèn)樣式(Default)
采用當(dāng)前頁面或全局設(shè)置中已有的樣式配置。
如果頁面設(shè)置為“默認(rèn)”,系統(tǒng)會按以下優(yōu)先級自動應(yīng)用:頁面設(shè)置 > 頁面類型設(shè)置 > 全局設(shè)置。
設(shè)置位置
側(cè)邊欄樣式選項(xiàng)可在多個(gè)區(qū)域中進(jìn)行設(shè)置:
- 外觀 > 自定義 > Sidebar:設(shè)置整站的側(cè)邊欄樣式
![圖片[4]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165743496-image.png)
- 外觀 > 自定義 > 博客 > 單篇文章:針對文章內(nèi)容設(shè)定
![圖片[5]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165749730-image.png)
- 外觀 > 自定義 > 博客 > 博客/歸檔:應(yīng)用于文章歸檔頁
![圖片[6]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165754363-image.png)
- 外觀 > 自定義 > 頁面:應(yīng)用于普通頁面
![圖片[7]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165759984-image.png)
- 頁面或文章編輯界面中的 Astra 圖標(biāo):為單獨(dú)內(nèi)容設(shè)置樣式
![圖片[8]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165809438-image.png)
與容器布局的配合使用
可以與其他布局類型組合使用以實(shí)現(xiàn)不同的排版風(fēng)格。例如:
![圖片[9]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250416165840707-image.png)
選擇標(biāo)準(zhǔn)布局,容器設(shè)置為“盒裝”,側(cè)邊欄設(shè)置為“未盒裝”,形成分區(qū)感強(qiáng)又不顯局促的頁面結(jié)構(gòu)。
支持范圍與使用限制
當(dāng)前支持該樣式設(shè)置的布局類型為標(biāo)準(zhǔn)布局和部分帶邊欄頁面。部分布局暫時(shí)無法使用該功能:
- 全寬布局:因內(nèi)容已全屏展開,無法顯示邊欄樣式
- 窄版布局:此布局專注內(nèi)容區(qū)域,暫不提供邊欄樣式控制
插件適配性
此功能兼容常見功能類插件,適用于內(nèi)容類、課程類或電商類網(wǎng)站,包括:
配合這些插件設(shè)置側(cè)邊欄樣式,可以提升整體頁面的內(nèi)容表現(xiàn)力和結(jié)構(gòu)清晰度。
![圖片[10]-Astra 側(cè)邊欄樣式設(shè)置詳解:打造靈活清晰的頁面結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2025/04/20250418190200208-image.png)
總結(jié)
Astra 提供的側(cè)邊欄樣式功能能夠幫助網(wǎng)站在結(jié)構(gòu)上實(shí)現(xiàn)更靈活的視覺分區(qū),滿足內(nèi)容豐富或功能復(fù)雜頁面的排版要求。可結(jié)合容器樣式與頁面布局組合,創(chuàng)造出符合不同需求的內(nèi)容展示效果。建議根據(jù)具體內(nèi)容結(jié)構(gòu),合理設(shè)定各頁面的側(cè)邊欄樣式。
最近更新
聯(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é)假日休息 |
暫無評論內(nèi)容