Astra 主题近期对容器布局功能进行了优化,将布局选项精简为三种核心模式,操作更直观,页面搭建效率显著提升。三种布局灵活适配不同内容类型,结合侧边栏样式可快速实现多样化页面排版,满足各类设计需求。
![图片[1]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175324858-image.png)
三种新布局介绍
Normal(标准宽度)
默认宽度为 1200px,适合大多数网站使用,视觉呈现平衡,内容分布自然。
![图片[2]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175124639-image.png)
Narrow(窄版布局)
默认宽度为 750px,适合内容较少或希望页面更紧凑的网站,整体设计更聚焦。
![图片[3]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175131704-image.png)
Fullwidth(全屏布局)
内容延展至浏览器整宽,适合需要更强视觉效果的页面,例如活动页、作品展示页等。
![图片[4]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175137927-image.png)
设置方式
全局设置
可在后台外观 > 自定义 > 容器 中进行统一设置,应用于全站页面。
页面单独设置
编辑页面时点击右上角 Astra 图标,在打开的设置面板中可调整当前页面布局。页面设置的优先级高于全局设置,可以灵活为不同页面配置不同结构。
![图片[5]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175210372-image.png)
布局与侧边栏搭配
容器布局可与不同的侧边栏样式组合,例如:
- 选择 Normal 布局时搭配 Boxed 容器样式
- 同时选择 Unboxed 侧边栏样式
![图片[6]-Astra 主题容器布局更新:三种新结构助力页面设计更清晰](https://www.361sale.com/wp-content/uploads/2025/04/20250415175221530-image.png)
这种方式有助于打造更有层次感的页面外观,让内容视觉上更清晰有序。
常见问题
为什么要精简为三种布局?
为了让选择更直观,减少设置过程中可能出现的困惑。经大量反馈后进行调整,让设置变得更轻松。
旧版本布局设置会受影响吗?
不会。原有页面结构会根据对应关系自动适配,不会出现页面错乱。
更新后没看到新选项怎么办?
请检查 Astra 是否为最新版本,并刷新设置界面或清除浏览器缓存。
这项更新是否会影响网站性能?
不会。布局结构做了简化处理,保持原有速度的同时减少了配置难度。
总结
Astra 本次对容器布局的更新提升了操作流畅度,使页面结构更灵活。三种核心布局能够覆盖不同网站需求,在搭配页面级设置和侧边栏样式后,可以轻松创建出风格多样的页面结构。熟悉这些设置后,将有助于构建更符合目标结构的网站页面。
相关文章
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |




















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容