The Blogs Widget V2 provides a unique layout and styling approach for displaying your blog posts, offering a different visual alternative to the standard (V1) and V3 blog widgets. It emphasizes metadata and often features a clean, card-based design.

Post Settings: #

With the extensive collection of toggles for post elements included in V2, you have exact control over the data that is shown.

• Column: Set the number of posts per row in the grid.
• Grid Gap: Adjust the pixel/em/rem spacing between each post card.
• Equal Height: Enable making all postcards the same height. Also, you find an option to set the manual height of it.
• Image Size: Choose the WordPress image size for the post thumbnail (e.g., Full Original/Mediam/Thumbnail).
• Post Date: Show or hide the publication date.
• Post Category: Show or hide the assigned categories.
• Post Excerpt: Show or hide the short summary text of the post.
• Post Author: Show or hide the author’s name and byline (e.g., By swarapan).
• Post Comments: Show or hide the comment count.
• Read More: Show or hide the “Read More” button/link.
• Read More Text: Customize the text of the “Read More” button (e.g., Read More).
• Open Link in New Tab: Toggle this on to have the post open in a separate browser tab, keeping your original page open for the user.

Query Settings: #

Control which posts are displayed using standard WordPress query parameters.

• Source: Select your content type: Posts, Pages, Service, or Portfolio.
• Posts Per Page: Define how many items to show (Enter -1 for all).
• Date: Filter posts by timeframes ranging from “Past Day” to “Past Year” or a custom range.
• Order By: Sort by Date, Title, Menu Order, Modified, Comment Count, or Random.
• Order: Choose DESC (Descending) or ASC (Ascending).
• Ignore Sticky Posts: Toggle this on to bypass WordPress’s sticky post functionality.

Style Tab #

The V2 layout-specific styling options are available in the Style tab.

You can style the following parts:

Content/Card Style #

Configure styles for both Normal and Hover states.

• Background Type: Choose a classic or gradient background.
• Box Shadow: Apply and customize a shadow effect for depth.
• Border Type: Control the border style, width, and color.
• Border Radius: Round the corners of the card (e.g., 10px).

Title #

• Alignment: Control the text alignment (Left, Center, Right, Justify).
• Color: Set the color for both Normal and Hover states.
• Typography: Control font family, size, weight, and line height.

Excerpt #

• Alignment: Control the text alignment of the excerpt.
• Color: Set the text color.
• Typography: Control the font properties.

Meta #

• Typography (Global): Style all meta text.
• Color: Set a global color for meta text.
• Author Color: Set a specific color for the author’s name.
• Comment Color: Set a specific color for the comment count text.
• Background Type: Choose a classic or gradient background for metadata.
• Icon Color: Set the color for meta icons (e.g., user icon for author, comment bubble for comments).

Date: Style the date text specifically, including its Background if it’s in a special container. #

• Typography: Control font family, size, weight, and line height.
• Color: Set the text color.
• Background: Set a background for the entire meta area.

Read More #

• Alignment: Control the alignment of the button.
• Typography: Control font family, size, weight, and line height.
• Color: Set the read more text color in normal and hover states.