Blog post

Overview

The Blog post block helps you showcase individual articles with style and flexibility throughout your site. This block is ideal for drawing attention to key updates or stories, letting you control how each article appears visually and textually. You can adapt its presentation to fit seamlessly within various layouts or make it stand out as a feature element.

⚠️ Important: With the Blog post block, you can fine-tune the balance between emphasis and subtlety by adjusting its layout, text, and image display options.

Blog post selection

Selecting the right article in your Blog post block is essential for your content strategy. You can feature timely news, evergreen pieces, or trending posts, placing them exactly where they will make the most impact on the page.

Card layout and style settings

Card layout and style settings shape how your Blog post block appears. Use these controls to blend the block with your site's existing style or help it stand out. Adjusting these options allows you to enhance both the visual experience and the clarity of your message.

Image aspect ratio (desktop)

Set the proportions for images on desktop screens to ensure a professional and consistent appearance.

1. Use theme setting (default)

2. Default

3. Landscape

4. Portrait

5. Square

6. Widescreen

7. Ultrawide

This helps your images fit harmoniously with other page elements.

Image aspect ratio (mobile)

Define how images scale on mobile devices, so content always looks clear and accessible.

1. Use theme setting (default)

2. Default

3. Landscape

4. Portrait

5. Square

6. Widescreen

7. Ultrawide

Optimizing for mobile keeps your layout tidy and engaging for all users.

Card caption article

Choose which metadata you want to display, such as author or date, for extra context or a cleaner look.

1. Use theme setting (default)

2. Author

3. Date

4. Author and date

5. None

Meta information can add credibility or be hidden for a minimalist design.

Visibility settings

Visibility settings control when your Blog post block is shown. Use these options to ensure that your content is perfectly tailored for either desktop or mobile users, enhancing both clarity and user experience.

1. Do not hide (default)

2. Hide on desktop

3. Hide on mobile

Smart visibility settings help you deliver the right message to the right audience.

Available in sections

The Blog post block is available in these sections:

1. Blog posts

2. Collage

3. Slideshow

4. Multicolumn

📝 Note: Your articles can shine as main features, nest gracefully within groupings, slide across carousels, or add value in sidebars — thanks to this flexible placement.

Tips for responsive design, performance, and accessibility

1. Define image aspect ratios for both desktop and mobile use to keep every display sharp and unified.

2. Adjust button and metadata settings to ensure only the most useful content is visible on each device.

3. Use hide-on-desktop or hide-on-mobile settings for optimized user journeys.

4. Always make sure that headings and buttons are easy to read and accessible, including for users with assistive devices.

5. Preview your Blog post block across all sections and devices to guarantee a consistent and inclusive experience.

💡 Tip: Test different alignment and display options to guide user focus and highlight important content.

⚠️ Important: The Blog post block is built for versatility, handling all device sizes smoothly. Your articles will always appear clear, engaging, and visually consistent.