Astra 主题侧边栏样式设置指南:调整页面结构的新方式

Astra 提供的侧边栏样式功能可以改变侧边栏在页面中的视觉表现,适合不同内容布局需求的人使用。

20250418190330375-image

样式选项介绍

侧边栏样式适用于左侧或右侧侧边栏布局,提供三种设置方式:

盒装样式(Boxed)
为侧边栏加上边框,使结构更加清晰,内容区域独立。

20250416165638119-image

未盒装样式(Unboxed)
移除边框限制,让侧边栏与整体内容融合,页面更宽敞。

20250416165644201-image

默认样式(Default)
采用当前页面或全局设置中已有的样式配置。

如果页面设置为“默认”,系统会按以下优先级自动应用:页面设置 > 页面类型设置 > 全局设置。

设置位置

侧边栏样式选项可在多个区域中进行设置:

  • 外观 > 自定义 > Sidebar:设置整站的侧边栏样式
20250416165743496-image
  • 外观 > 自定义 > 博客 > 单篇文章:针对文章内容设定
20250416165749730-image
  • 外观 > 自定义 > 博客 > 博客/归档:应用于文章归档页
20250416165754363-image
  • 外观 > 自定义 > 页面:应用于普通页面
20250416165759984-image
  • 页面或文章编辑界面中的 Astra 图标:为单独内容设置样式
20250416165809438-image

容器布局的配合使用

可以与其他布局类型组合使用以实现不同的排版风格。例如:

20250416165840707-image

选择标准布局,容器设置为“盒装”,侧边栏设置为“未盒装”,形成分区感强又不显局促的页面结构。

支持范围与使用限制

当前支持该样式设置的布局类型为标准布局和部分带边栏页面。部分布局暂时无法使用该功能:

  • 全宽布局:因内容已全屏展开,无法显示边栏样式
  • 窄版布局:此布局专注内容区域,暂不提供边栏样式控制

插件适配性

此功能兼容常见功能类插件,适用于内容类、课程类或电商类网站,包括:

  • WooCommerce
  • LearnDash
  • LifterLMS
  • Easy Digital Downloads

配合这些插件设置侧边栏样式,可以提升整体页面的内容表现力和结构清晰度。

20250418190200208-image

总结

Astra 提供的侧边栏样式功能能够帮助网站在结构上实现更灵活的视觉分区,满足内容丰富或功能复杂页面的排版要求。可结合容器样式与页面布局组合,创造出符合不同需求的内容展示效果。建议根据具体内容结构,合理设定各页面的侧边栏样式。

最近更新



了解 宝藏号 的更多信息

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

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

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

继续阅读