使用 Astra Pro 设置 Blog / Archive 页面

Astra Pro 插件中的 Blog Pro 模块提供了丰富的样式控制选项，可以为博客归档页面（Blog / Archive）打造更具层次感和视觉表现力的布局。所有设置都可在主题自定义面板中完成，不用安装额外插件或编写代码。

前提条件

需要安装并激活 Astra 主题与 Astra Pro 插件，并在后台开启 Blog Pro 模块。相关设置位置为：外观 > 自定义 > 博客 > Blog / Archive。

基本设置选项

展示动效（Reveal Effect）
文章加载时出现渐显效果，使页面内容过渡更柔和。

布局选择（Blog Layout）
提供三种主要布局选项，选择后会出现相应的设置项。

• 网格布局：可设置最多四列，适合图文组合展示
• 瀑布流布局（Masonry）：在使用多列时自动启用，适合图片尺寸不统一的内容
• 高亮首篇文章：突出归档页中的第一篇文章
• 移除特色图像内边距：让图片更贴近边框，适合紧凑排版风格

提示：网格布局仅在选择标准布局时可用，图片左侧或右侧布局中不支持。

内容宽度（Content Width）
可选择默认宽度，继承全局设置，或自定义具体宽度值。

文章内容展示（Blog Post Content）
支持完整显示文章内容，也可以设置为仅展示摘要。在摘要模式下，可通过“Excerpt Count”调整字数长度。

分页样式（Post Pagination）
提供两种分页方式：

• 数字分页：底部展示页码，点击翻页

• 无限加载：滚动页面时自动加载下一批文章内容

文章结构展示（Post Structure）
可单独控制是否显示以下内容：

• 标题
• 特色图像
• 作者、分类、评论数、发布日期、阅读时间等信息

通过点击“眼睛”图标即可快速开关每个项目的显示状态。

特色图像设置（Featured Image）
可设定特色图的尺寸与外观参数，例如宽高比例、圆角等。

间距控制（Spacing）
支持自定义文章之间的外边距与内边距，便于调整页面层次感。

排版设置（Typography）
可设置博客标题、文章标题、元信息和分页按钮的字体、字号、粗细、行距等排版样式，适配不同风格需求。

总结

Blog Pro 模块使博客归档页面在视觉设计和布局控制方面更加灵活，无需使用代码即可完成多种样式配置。无论是想展示全文、控制摘要字数，还是切换布局类型、调节字体与间距，都能根据网站定位轻松设置出符合期望的排版效果。

相关文章