Astra 模板设置侧边栏与全宽页面切换

在使用 Astra 主题制作 WordPress 网站时,很多人都会遇到这样的需求:有的页面需要展示侧边栏(如博客列表页),有的页面则需要全宽布局(如首页、落地页或阅读模式页面)。Astra 提供了简单的设置方法,让不同页面展示不同布局。

1. 进入 Astra 自定义设置

登录 WordPress 后台。在左侧菜单点击【外观】。

点击【自定义】(Customize),进入 Astra 主题自定义面板。

2. 进入全局设置找到容器

在自定义面板中,点击【Global(全局)】。

在 Global 内部点击【Container(容器)】。

此时,你会看到“Container Layout(容器布局)”设置页面,包含三个布局选项。

3. 选择全站默认布局

在【Container Layout】中,根据图标提示选择需要的布局:

Narrow(窄版布局):内容区域较窄,左右留白更多,适合需要视觉聚焦的页面。

Normal / Default(标准布局):内容宽度适中,适合大多数页面,包括博客列表页和文章页。

Full Width / Stretched(全宽拉伸布局):内容铺满浏览器宽度,常用于首页、Banner、着陆页或无干扰阅读页面。

选择好后,点击页面顶部【Publish(发布)】按钮保存设置。

4. 为单独页面设置不同布局

如果只想为某个页面设置与全站不同的布局,可按以下步骤操作:

返回 WordPress 后台,点击【页面】。

找到需要修改的页面,点击【编辑】进入页面编辑器

在右侧【文档】面板中,找到 Astra Settings(Astra 设置)

Container Layout(容器布局 中,可以看到四种布局图标可选:

第一个:使用全站自定义设置(Customizer Setting)。

第二个:标准宽度(Normal),内容有固定宽度,两侧留白。

第三个:窄版布局(Narrow),内容宽度比标准布局更窄。

第四个:全宽拉伸(Full Width / Stretched),页面内容铺满宽度。

5. 博客页面侧边栏设置

如果需要为博客页面开启或关闭侧边栏

回到【自定义】面板,点击【Post Types】。

选择【Blog / Archive(博客/归档)】或【Single Post(单篇文章)】。

在【Sidebar Layout(侧边栏布局)】部分,选择:无侧边栏

左侧边栏

右侧边栏

设置完成后,点击【Publish】保存。

6. Elementor 页面布局设置

如果页面使用 Elementor 编辑器:

在页面 Astra Settings 中选择“Full Width / Stretched”布局。

进入 Elementor 编辑器后,在左上角【站点设置】中,将页面布局设置为:Elementor Canvas(完全空白画布,隐藏头部和页脚)

Elementor Full Width(内容全宽,保留头部和页脚)

7. 总结

Astra 提供灵活的布局切换方法,可以在全站设置中统一,也可以针对每个页面单独设置布局,满足博客、首页、阅读页、落地页等不同场景需求。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注