Setting up Blog / Archive pages with Astra Pro

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

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

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
  • 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

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

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

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
  • 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

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

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

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

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


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by: thieves will be rats and mice courage
THE END
If you like it, support it.
kudos115 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments