Do you want to display posts based on a custom query with a custom loop design in Elementor? Combining a custom post query with a bespoke layout gives you precise control over which content appears on your page and exactly how it looks.
With the Dynamic Listing widget from The Plus Addons for Elementor, you can add a custom query to display posts based on your unique criteria using a custom loop skin.
To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated.
Best Used For:
- Developer-built sites that need to display custom post type data with a bespoke Elementor template
- Membership or course sites querying specific content types such as lessons or resources with custom criteria
- Portfolio sites pulling in custom post data and presenting it with a branded grid or masonry layout
Note: The Custom Query option is only for advanced users, comfortable writing custom PHP code.
To do this, follow the steps –
1. First, write your custom query.
2. After that, add the Dynamic Listing widget to the page.
3. Then select Custom Query from the Post Listing Types dropdown.
4. In the Query ID field, add your custom query ID.
5. Then select Custom Skin from the Style section and select your template from the Select a template dropdown. To add category-based filtering to this custom post layout, see How to Add Filters to Elementor Custom Post Loop Skin?
Turn on the Multiple Loops toggle to use multiple layout designs together for your listing. You can use up to 5 templates together.
Note: In order to use Multiple Loops, you have to create separate custom templates for each loop template.
6. Then select the appropriate layout type from the Layout dropdown.
Note: For using Masonry and Metro layout, you have to design your templates accordingly.
7. If you are using multiple loops, arrange the templates in reverse or random order from the Template Order dropdown.
Your posts now display based on your custom query using your chosen design. To display custom post types in a grid with sortable category filters without writing custom PHP, see How to Add a Category Wise Filter in Custom Post Grid Layout in Elementor?
Also, read How to Show Blog Posts Based on Custom Query in Elementor.
