Blog Cards - All Posts
#Overview
Introduction: The Blog Cards - All Posts section dynamically displays blog posts in a grid layout, showcasing each post’s title, author, date, estimated read time, and tags. It features a large "Featured Post" card at the top, with the rest arranged in smaller blog cards below. This the go section to be used as on your blog page, helping visitors quickly browse all available content.
Key Features:
- Automatically pulls in blog posts, organizing them into an engaging grid layout.
- Featured card style to highlight the most recent post, followed by smaller post cards.
- Customizable color scheme to match site design, with automatic pagination for easy navigation through large blogs with many posts.
Best use cases
Examples of Effective Use:
- Best suited for dedicated blog or news sections where users can see an overview of all articles at a glance.
- Useful for pages where content needs to be regularly updated, such as news sites, industry updates, or educational resources.
How NOT to use this
Common Missteps:
- This section ONLY works on a page that has "page location" of "blog"
- Avoid adding important information below the blog section as it is likely that few people will scroll far enough down to see it if you have many blog posts
FAQ, pro tips, and troubleshooting
- Pro Tip: Use high-quality images and concise post titles to create an attractive and easy-to-browse layout. This is information you set up the posts page settings
- Troubleshooting: If some posts don’t display an author or image, ensure those fields are filled in the post’s page settings.
Ideas
Suggested Combinations: This component pairs well with the "Simple Hero" section as it allows the blog posts to all attention to themselves