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

相关文章

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注