Croco Black Friday 2024 banner element
Copy discount code:
bfcroco2024
Days
Hours
Minutes
Croco Black Friday 2024 banner element
Help Center
How to Use Custom Query to Display Posts

How to Use Custom Query to Display Posts

From this tutorial, you will learn how to create a custom query and add it to JetElements Posts widget to arrange posts in a certain order.

We are presenting how to work with WP Query Generator generating arguments for WP_Query class to present the posts according to the set query parameters using the Posts widget from JetElements.

Creating a custom query in WP Query Generator

First of all, we should open the WP Query Generator tool and start setting the needed parameters for creating a custom query.

WP Query Generator
  1. We need to specify the Post Type slug, which is “post” in our case.
  2. In the Post status field, we can select what posts to display (such as “Publish”, “Pending”, “Draft”, etc.). We want to show published posts, so we have chosen the “Publish” option.
  3. Then we choose the “ASC” option in the Order drop-down list, so the queried posts will be showcased in ascending order.
  4. Last but not least, we specify the Order by parameter. If we select the “Name” option, the posts will be sorted by their names.

When all parameters are set, we can see the generated query below. It can be copied in JSON or PHP format. We click the “Copy to Clipboard” button and proceed with customizing the Posts widget in Elementor.

WP Query Generator generated query

There are a lot of varied parameters, which can be set according to your needs and purposes. You can learn more about the provided parameters here.

Adding a custom query to the Posts widget

In Elementor editor open the page, where you placed the Posts widget and click the “Edit Posts” button.

Posts widget for Elementor

On the left, there is a panel with various settings for the widget. In the Content tab, find the Custom Query subsection and enable Use Custom Query toggle.

Posts widget

After that, input the generated query in the field below.

Posts widget custom query

Everything is done. Now the posts are displayed in the adjusted order using custom query method.

Posts widget layout


Try to use a custom query in the JetElements Posts widget and you will be impressed by how useful and easy it is.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.