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

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息