“Post List Widget” allows you to list the posts in a very interactive way. A post list can be created in no time and has many options for presenting the content such as images, text, date, time, author, meta data, etc. This widget offers advanced filtering and also comes with custom metadata options to show custom fields and ACF fields.
Let’s look at each of the options in the “Post List Widget” below.
Install Post List Widget for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post List”
- Hover over the widget in the search results and click install
- Add your “Post List” widget to any Elementor Page
Post List Image Size
Select the post list image size from the drop-down list
- Medium Large (max width 768)
- Large (max width 1024)
- Medium (max width 300)
- Thumbnail (150x150)
- Full Size
- 1536x1536 (max width 1536)
- 2048x2048 (max width 2048)
- Woocommerce Thumbnail (300x300)
- Woocommerce Single (max width 600)
- Woocommerce Gallery Thumbnail (100x100)
- Shop Catalog (300x300)
- Shop Single (max width 600)
- Shop Thumbnail (100x100)
Select the item layout from the given options
- Row Reverse
- Column Reverse
Number Of Columns
Choose the number of columns you want to display in the post list.
Set the gap between lists of the post list.
Intro Number of Characters
Define the number of characters of post you want to display.
Show Empty Message
Shows empty message when no post answers the post query.
Type any custom empty message.
Show or hide elements in Post List.
Show/Hide the image of the post.
Choose any of the options from the given list to show the categories of the post
- All Categories
- Only Main Category
- By Taxonomy
Show/Hide the title of the post.
Title HTML Tag
Select HTML tag for the title.
Show/Hide the post text.
Select the positioning of the button
- In Content
- On Side
Type any custom text for the button.
Additional Data Settings
Show or Hide the additional data on the post list.
Show/Hide the date of the post.
Show/Hide the time of the post.
Show/Hide the author of the post.
Show Custom Meta
Display custom metadata, ACF (advanced custom fields) in the post list.
- Show custom meta
- Select meta filed name
- Add custom text before metadata
- Choose custom meta icon
Show Meta Fields
Show/Hide all meta fields with content for debug purposes.
Post Query Setting
Select the exact posts you want to show on your Post List
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Choose the type of post you want to display.
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Post Parent
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Choose specific posts that you would like to exclude from your selection by adding rules.
- Current Posts
- Post Without Featured Image
- Posts with current category
- Posts with current tags
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Post Pagination and Ajax Setting
Display the pagination for your post grid
- Using Pagination Widget
Enable/Disable filters interaction with Ajax
Post List Widget Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Style the item’s border, padding, radius, and shadow in this section.
In this section, style the background, padding, alignment of the content.
Set the image’s width, height, radius, position, etc.
Set any color, background color, typography, padding and radius for category.
Style the color, typography, and spacing of the title in this section.
Additional Data Styling
In this section, style the color, typography, spacing, gap, item width, alignment of the additional data.
Set the text color, typography, and spacing.
Set the typography, padding, margin, radius, background color, and text color of the button.
Button Hover Styling
Set the typography, background color, text color, border and hover effect of button hover.
Empty Message Styling
Style the empty message typography, color, background, radius, padding, margin, border etc.
Here are some live use cases for the Post LIst Widget.
Post List with category filter option.
Post List with advanced metro grid layout.