Astra Pro The Blog Pro module in the plugin provides a wealth of style control options to create a more hierarchical and visually expressive layout for blog archive pages (Blog / Archive). All settings can be done in the theme customization panel, without having to install additional plugins or write code.
![Image [1]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142308774-image.png)
pre-conditions
The Astra theme needs to be installed and activated with Astra Pro plugin and enable the Blog Pro module in the backend. The relevant settings are located at:Appearance > Customize > Blog > Blog / Archive.
Basic setup options
Reveal Effect
A gradient effect appears when the article loads, making the transition to the page content softer.
![Image [2]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142343152-image.png)
Layout Selection (Blog Layout)
Offers three mainopening (chess jargon)option, when selected the appropriate setting item will appear.
![Image [3]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142354855-image.png)
- Grid layout: up to four columns can be set, suitable for graphic portfolio display
- Waterfall layout (Masonry): automatically enabled when using multiple columns, suitable for content with inconsistent image sizes
- Highlight first post: highlights the first post in the archive page
- Remove featured image inner margins: bring images closer to the border for a compact typographic style
![Image [4]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142446334-image.png)
Tip: The grid layout is only available when the standard layout is selected and is not supported in the left or right side of the picture layout.
Content Width
Choose from a default width, inherit a global setting, or customize a specific width value.
![Image [5]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142811817-image.png)
Article Content Display (Blog Post Content)
Supports full display of article content, or can be set to display only the summary. In summary mode, the "Excerpt Count"Adjusting word length.
![Image [6]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142844741-image.png)
Post Pagination
Two types of paging are provided:
- Digital paging: show page numbers at the bottom, click to turn pages
![Image [7]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142905734-image.png)
- Infinite loading: automatically loads the next batch of article content when scrolling the page
![Image [8]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411142910425-image.png)
Article Structure Showcase (Post Structure)
You can individually control whether or not to display the following:
- caption
- Featured Image
- Author, category, number of comments, post date, read time, etc.
![Image [9]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411143002903-image.png)
The display status of each item can be quickly switched on and off by clicking on the "eye" icon.
Featured Image settings (Featured Image)
You can set the size and appearance parameters of the featured image, such as aspect ratio, rounded corners, etc.
![Image [10]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411143017670-image.png)
Spacing control (Spacing)
Supports customization of outer and inner margins between posts for easy adjustmentweb pageLayers.
Typographic settings (Typography)
You can set the font, font size, thickness, line spacing, etc. of blog title, post title, meta information and pagination buttons.typographicalstyles, adapting to the needs of different styles.
![Image [11]-Astra Blog Pro Module Complete Setup Guide: Customizing Blog Archive Page Layout and Styles](https://www.361sale.com/wp-content/uploads/2025/04/20250411143025857-image.png)
summarize
The Blog Pro module enablesblog (loanword)Archived pages are more flexible in terms of visual design and layout control, and can be configured in a variety of styles without the use of code. Whether you want to display the full text, control the number of words in the summary, or toggle theopening (chess jargon)types, adjusting fonts and spacing, all of which can be easily set to meet expectations based on the site's positioning.typographicalEffect.
Related articles
Link to this article:https://www.361sale.com/en/49777The article is copyrighted and must be reproduced with attribution.




















![Emoji[wozuimei]-Photonflux.com | Professional WordPress repair service, worldwide, rapid response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticon[baoquan] - Photon Wave Network | Professional WordPress Repair Services, Worldwide Coverage, Rapid Response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments