Blog content

Customize blog post layouts with advanced filtering, sorting, and responsive grid options to create an engaging, user-friendly blog that works seamlessly on any device.

Last updated 3 months ago


Overview

The Blog content section provides a visually-rich and adaptable way to display collections of blog posts. This section offers powerful configuration for filtering, sorting, and presenting content, making it easy to tailor the user experience for reading and discovery. Responsive controls ensure your blog remains accessible and appealing on any device.

⚠️ Important: The Blog content section offers advanced display and filtering options—leverage these to improve navigation and increase content engagement.

Filter settings

Filter settings in Blog content give visitors precise tools to sift through your blog. These controls enhance the ability to highlight important stories and surface relevant content for your audience. Activating or adjusting any of these features can have a direct impact on how users discover and read your posts.

  1. Enable filters displays filter groups for sorting content by tags or custom categories.

    1. Default: Off

  2. Show filters open by default controls whether filter groups are displayed expanded or collapsed on page load.

    1. Default: On

  3. Enable grid size interface allows users to switch between supported grid layouts for blog cards.

    1. Default: On

  4. Default grid size (desktop) sets how many post cards appear per row on larger screens.

    1. Three columns

      1. Default

    2. Four columns

  5. Default grid size (mobile) defines how many columns to use when displaying blog cards on smaller devices.

    1. One column

    2. Two columns

      1. Default

  6. Posts per page limits how many articles are visible before pagination or further loading.

    1. Range: 1–48

    2. Default: 24

  7. Sort by selects the dimension by which blog posts are ordered.

    1. Title

    2. Date published

  8. Sort order determines if posts are shown in ascending or descending order.

    1. Ascending

    2. Descending

💡 Tip: Organizing filters with clear categories and concise tags improves findability and keeps users engaged within your blog.

Supported block types

Blog content supports Filter group blocks for custom navigation experiences. These block types offer deep flexibility in how content is filtered and surfaced for readers, making them well-suited for blogs with multiple topics or complex categorization.

  1. Each Filter group can be configured to expand or collapse on load, increasing usability.

  2. Custom filter group titles help clarify the purpose of each grouping.

  3. Flexible tag control allows fine-tuning how different content types, categories, or authors can be shown or hidden.

💡 Tip: Using several Filter group blocks, each tailored to popular topics or collections, creates a dynamic navigation system directly in your blog feed.

Usage notes

Optimizing your Blog content setup ensures a smooth browsing experience, encourages readers to explore more deeply, and maintains strong accessibility standards. Mindful adjustments to grid, filter, and content controls help keep pages loading quickly while supporting your branding.

  1. Moderate grid sizes and reasonable posts-per-page counts maintain site speed and reader focus.

  2. Review filtering logic and group names to ensure that visitors can easily locate the posts most relevant to their interests.

  3. Preview your settings on both desktop and mobile to catch potential layout or color contrast issues.

  4. Use consistent card styles and overlays for an accessible, polished presentation.

⚠️ Important: Refresh your Blog content section settings regularly to keep navigation intuitive and ensure stories remain both visible and discoverable, supporting repeat visits and higher engagement.