The Blog Posts Grid v1–v2 widget allows you to display your blog articles in a grid layout, making it easy to highlight news, updates, and educational content on your website. Use this widget whenever you want to showcase posts in a visually appealing way, for example on homepages, blog pages, or landing pages.
How to Add the "Blog Posts Grid v1–v2" Widget
- Open the page with Elementor Editor.
- Search for Blog Posts Grid in the Elementor sidebar.
- Drag and drop the widget into your desired section.
- Choose between Version 1 or Version 2 under the Grid Version setting.
Configuration Options
Content Tab
- Thumbnail Size: Select the image size for blog thumbnails (Global, Medium, Large, or custom sizes).
- Grid Version: Choose between Version 1 or Version 2 for different layout styles.
- Category: Filter blog posts by specific categories.
- Posts in Row: Define how many posts to show per row (e.g., 2, 3, 4).
- Number of Posts to Show: Set the total number of posts to display.
- Offset: Skip a number of posts before displaying (useful for creating unique layouts).
Show/Hide Options:
- Control the visibility of metadata like categories, author, and post date.
Style Tab
The Style tab includes everything you need to customize:
- Typography (post titles, content, metadata)
- Colors (backgrounds, text, hover states)
- Boxes (padding, borders, box shadows, margins)
- Images (spacing, alignment, radius)
Best Practices
- Use categories to organize posts and keep content relevant in different sections of your site.
- Match colors and typography to your brand for a consistent look.
- Limit the number of posts displayed to keep the section clean and focused.
- Always use optimized images for better performance.
Notes
- Posts must be created and published in WordPress before they can appear in the grid.
- If no posts are assigned to a category, that category will not display.
- The grid is responsive by default but may require adjustments depending on the number of posts per row.
Comments
0 comments
Article is closed for comments.