Sidebar Post

The Sidebar Post widget lets you display a list of posts dynamically in your sidebar or any widget area. It’s ideal for showcasing recent posts, popular posts, or filtered content by category or tags.

🚀 How to Enable the Sidebar Post Widget

To start using the Image Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Sidebaar Post widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🔧 How to Use the Sidebar Post Widget

1. Add the Widget

• Drag and drop the Sidebar Post widget from the Elementor panel to your sidebar or any section.

2. Content Settings

• Select Post Type: Choose the post type you want to display (e.g., Posts, Custom Post Types).
• Post Filter: Use the default filter or filter by category or tag.
• Post Meta: Add metadata like Author, Date, Comments, etc., to display with each post.
• Display Items: Set how many posts you want to show (e.g., 4).
• Post Order: Choose the order parameter (e.g., Date, Title, Name, Random, etc.).
• Order By: Choose ascending (ASC) or descending (DESC) order.
• Ignore Sticky Posts: Choose Yes to exclude sticky posts or No to include them.
• Offset: Set the offset value to skip a number of posts from the top (default is 0).

3. Additional Options

• Show Image: Toggle this on to display the post’s featured image.
• Image Size: Choose the thumbnail size (e.g., Thumbnail, Medium, Full).
• HTML Tag: Select which heading tag to wrap the post title (e.g., H3, H4, DIV).
• Title Length: Limit the number of words or characters shown in the post title.
• Enable Description: Toggle on to show an excerpt or brief content.
• Content Length: Set the maximum length for post content/excerpt display.

🎨 Style Tab Options

Under the Style tab, you’ll find advanced styling options to fully customize the layout:

🔹 Layout

• Flex Direction (Row/Column)
• Item Align and Content Align
• Item Spacing, Margin, and Padding
• Background, Border, and Box Shadow settings

🔹 Image Style

• Customize image size, spacing, and alignment

🔹 Title Style

• Typography, color, hover effects, spacing

🔹 Description Style

• Font settings, padding, and color options for content

🔹 Meta Style

• Icon size, spacing, alignment, and typography for meta elements

✅ Best Practices

• Use it in sidebars or blog layout sections to increase post engagement.
• Combine with filters (e.g., show posts from the same category).
• Use thumbnail images to make it visually engaging.