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