Blogs Widget V2

Content #

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: #

V2 includes a comprehensive set of toggles for post elements, giving you precise control over the displayed information.

• Column: Set the number of posts per row in the grid.
• Equal Height: Enable making all postcards the same height.
• Image Size: Choose the WordPress image size for the post thumbnail (e.g., Full Original).
• 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). You can use the “Write with AI” assistant to generate text.

Query Settings: #

Control which posts are displayed using standard WordPress query parameters.

• Source: Typically set to ‘Posts’.
• Posts Per Page: Define the number of posts to show. Set to -1 to show all.
• Date, Order By, Order, Ignore Sticky Posts: Standard filters to order and curate the post list.

Style Tab #

The Style tab provides detailed styling options tailored to the V2 layout.

You can style the following parts:

• Content / Card Style: Style the main container for each post.
  • Content Background: Set a background color for the entire card in both Normal and Hover states.
  • Background Type: Choose a classic or gradient background.
  • Border Type: Control the border style, width, and color.
  • Border Radius: Round the corners of the card (e.g., 10px).
  • Box Shadow: Apply and customize a shadow effect for depth.
• Title: Style the post 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: Style the short post summary text.
  • Alignment: Control the text alignment of the excerpt.
  • Color: Set the text color.
  • Typography: Control the font properties.
• Meta: A key feature of V2 is its detailed styling for post metadata.
  • 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.
  • 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.
  • Background: Set a background for the entire meta area.
• Read More: Style the “Read More” button/link.
  • Typography: Style the button text for Normal and Hover states.
  • Color: Set the text color.
  • Alignment: Control the alignment of the button.

Unique Features of V2 #

• Comprehensive Meta Styling: V2 stands out with its ability to style individual meta components (author, comments) with unique colors and icon support, allowing for highly customized and visually distinct post footers.
• Flexible Layout: The widget often employs a clean, modern card design that effectively uses the toggles for excerpt, author, and comments to create informative post previews.