Astra Pro 间距模块（Spacing Addon）完整使用指南

在 WordPress 网站设计中，页面间距影响整体的美观和阅读感受。Astra Pro 插件中的 Spacing Addon 模块提供了对站点各个部分边距与内边距的细致控制，适合用于构建结构清晰、层次分明的页面布局。本文整理了该模块的功能介绍与实际设置方法，便于快速上手。

模块介绍

Spacing Addon 是 Astra Pro 插件中的一项功能模块。启用后，可以替代主题默认的边距设置，为页面元素设置自定义的间距，包括顶部、右侧、底部、左侧的内外边距，并可单独为不同设备设置对应的数值。

开启模块的方法

• 安装 Astra 主题与 Astra Pro 插件。
• 进入后台，点击 Astra > Dashboard，启用 Spacing 模块。

• 开启后，在“外观 > 自定义”面板的对应模块中，间距设置功能会自动出现。

常见设置选项说明

• 单位选择：支持使用 px、em 或 %。
• 设备响应设置：分别为桌面、平板与手机设置间距数值。
• 四边间距控制：单独调整上下左右四个方向的边距。

• 同步按钮（连接图标）：启用后，四个方向将统一应用同一个数值，关闭则可以分别设置。

博客页面的间距调整

进入“外观 > 自定义 > Blog > Blog / Archive”可以找到以下选项：

• 分页间距：控制分页区域的内边距。

• 文章外边距：设置每篇文章与其他内容之间的间隔。

• 文章内部间距：为每篇文章内部内容添加边距。

这些选项有助于让博客页面更有层次感，也方便阅读。

页眉部分的间距设置

所有设置都位于“外观 > 自定义 > Header Builder”中。

主页眉

• Header 区域间距：控制网站标志和主菜单所在区域的边距。

• 主菜单间距：设置主菜单各项之间的间隔。

• 子菜单间距：控制子菜单的边距。

上方页眉（Above Header）

启用上方页眉后，进入“Header Builder > Above Header”，可以调整整体区域的内边距。如果菜单已启用，还能为菜单项与子菜单设置独立间距。

下方页眉（Below Header）

设置路径与上方页眉类似。在“Header Builder > Below Header”中，添加下方页眉间距，并调整菜单项的间距效果。

粘性页眉（Sticky Header）

如果已启用粘性页眉模块，主页眉与主菜单的设置将自动同步到该区域，不需要其他操作。站点标识与菜单子项的间距也会保持一致。

结语

Spacing Addon 是网站布局中不可或缺的功能之一。无论是构建博客页面、设置导航菜单，还是适配移动设备，这个模块都能发挥重要作用。合理运用间距设置，页面结构会更加清晰，整体风格也更加统一。

相关文章