Need to master how to use the Posts widgetElementor?
The pro version ofElementor comes with a widget called Publications. You can use this widget to display existing articles on your Website. By default, the Publications widget displays the latest articles from your Website, but you can filter articles on certain parameters.
Some add-onsElementor such as Essential Addons et JetElements also have a similar widget, but Elementor's native Posts widget supports more filtering options.
You can use the Posts widget anywhere on your Website. Whether on the home page, on a category page, on an archive page, on the footer, on the sidebar, etc… You can even use the widget to display related articles on the template single publication.
How to Use Elementor's Post Widget
Before you start, just make sure that you have installed and activated the pro version of Elementor because the Posts widget is only available on the pro version.
Create a new page, post or template with Elementor. In the Elementor editor, add a new section, add the Posts widget to the section which you will find in the Pro section of the left panel.
Read also: How to Add Related Items in Elementor
As you can see, the widget will show the latest posts from your website once you add it.
Filter articles
To filter articles, you can open the block Request under the tab Contents. In addition to displaying posts, you can also use the Posts widget to display pages and products WooCommerce. You can set the type of content ( post, page or product ) you want to display from the option Source.
Filter items by category and tag
To filter articles by category or tag, click on the field Include By and select Spas. A field Spas will then appear. Enter the category name or tag name you want and select from the list that appears.
You can add multiple categories or tags.
See also: How to Use a Global Widget in Elementor
If you leave the field Include by empty, the Posts widget will display all posts on your website. You can hide articles in certain categories or tags by entering the categories or tags on the tab EXCLUDE.
Filter articles by author
To filter articles by author, simply select Author in the field Include by and enter the author's name in the field that appears. You can add multiple authors.
To hide articles from certain authors, you can go to the tab EXCLUDE.
Select items manually
In addition to filtering posts by category, tag, and author, you can also add posts manually. This option is great if you want to display a featured article on the homepage or wherever you want.
To add items manually, select Manual selection on the field Source and enter the title of the articles you want to display on the field Search & Select.
You can also add multiple items to display.
Layout Adjustment
After filtering the articles, you can set the layout. Open the block Layout under the tab Contents. As you can see, you can set several options. You can set the skin, the number of columns to display your posts, the number of posts per page, the image position, the image size, the image ratio, the excerpt length and the post meta.
Pagination setting
To define pagination, open the block Pagination under the tab Contents. There are three types of pagination offered by the Publications widget: Numbers, Next/Previous, the combination of the two, load on click, load on scroll.
A little note. The number on the field Page limit controls the number of accessible pages, not the number of articles. If you have 100 articles and you set the count to 5 — while you set articles per page to 6 — the maximum accessible articles are 30 ( 6 x 5 ).
Customize the Style widget
As usual, you can go to the tab Style to style the Posts widget. You can open five blocks.
Layout Block
On this block you can set the gap between columns and rows. You can also set content alignment.
Card Block
On this block, you can set border width, border radius, border color, padding, content padding, box shadow, and card background.
Picture block
On this block, you can set the border radius of article images as well as the gap between each featured image and the content. You can also apply some CSS filters if you want.
Content block
on the block Contents, you can customize the style of the content ( Title, Meta, Excerpt, Learn more ). You can set text color, typography (font size, font style, font family) and spacing.
Pagination block
You can style pagination on this block. You can set the typography (font size, font style, font family), text color and space between numbers. When setting text color, you can set different colors for normal state, mouse hover and focus.
If you want to set the padding and margin of the Posts widget, you can go to the tab Advanced.
To save time in customizing the widget, you may need to install WunderWP. This plugin offers presets that you can choose from.
Get Elementor Pro Now!!!
Conclusion
You can use Elementor's Posts widget to display existing posts on your website. If you are using your website to sell something via WooCommerce, you can also display products.
This widget has a filter function that allows you to filter articles on certain parameters. You can use the Posts widget on any part of your website.
Here ! That's it for this article that shows you how use Elementor's Posts widget. If you have any concerns about how to get there, let them know in the Comments.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
