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

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

20250630092406568-image

1. 进入 Astra 自定义设置

  • 登录 WordPress 后台。
  • 在左侧菜单点击【外观】。
20250630093430973-image
  • 点击【自定义】(Customize),进入 Astra 主题自定义面板。
20250630093451954-image

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

  • 在自定义面板中,点击【Global(全局)】。
20250630093619978-image
  • 在 Global 内部点击【Container(容器)】。
20250630093647336-image

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

3. 选择全站默认布局

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

  • Narrow(窄版布局):内容区域较窄,左右留白更多,适合需要视觉聚焦的页面。
  • Normal / Default(标准布局):内容宽度适中,适合大多数页面,包括博客列表页和文章页。
  • Full Width / Stretched(全宽拉伸布局):内容铺满浏览器宽度,常用于首页、Banner、着陆页或无干扰阅读页面。
20250630094020124-image

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

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

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

  • 返回 WordPress 后台,点击【页面】。
  • 找到需要修改的页面,点击【编辑】进入页面编辑器。
20250630094907913-image
  • 在右侧【文档】面板中,找到 Astra Settings(Astra 设置)
20250630095005438-image

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

  • 第一个:使用全站自定义设置(Customizer Setting)。
20250630100332245-image
  • 第二个:标准宽度(Normal),内容有固定宽度,两侧留白。

20250630100405851-image
20250630100811861-image

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

20250630100033347-image
20250630100627826-image

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

20250630100124820-image
20250630100721322-image

5. 博客页面侧边栏设置

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

  • 回到【自定义】面板,点击【Post Types】。
20250630101349673-image
  • 选择【Blog / Archive(博客/归档)】或【Single Post(单篇文章)】。
20250630101414903-image
  • 在【Sidebar Layout(侧边栏布局)】部分,选择:
    • 无侧边栏
    • 左侧边栏
    • 右侧边栏
20250630101209865-image

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

6. Elementor 页面布局设置

如果页面使用 Elementor 编辑器:

  • 在页面 Astra Settings 中选择“Full Width / Stretched”布局。
20250630101555747-image
  • 进入 Elementor 编辑器后,在左上角【站点设置】中,将页面布局设置为:
    • Elementor Canvas(完全空白画布,隐藏头部和页脚)
    • Elementor Full Width(内容全宽,保留头部和页脚)
20250630101843830-image

7. 总结

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


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读