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