Building a query with the loop grid

Introduction

In a Loop Grid, queries are used to select exactly what content you want to display in your loop. This, in addition to all the design options, makes the loop grid an extraordinarily flexible tool.

In this example, we’ll walk through the process of designing a simple query to show you how the query system works.

Building the Query

For this example, we’ll be editing a loop built on a blog using our website kit – The Adventurers. We’ve added categories and tags to the posts, and then created a loop and saved it, so we’re back to editing the page.   

Now we want to create a query so that our  loop will only display posts having to do with traveling on a budget. 

  1. Select the Loop Grid. In general, it’s easiest to access the loop grid using the Navigator.
    The Navigator with Loop Grid selected
    Use the Navigator to access the Loop Grid.

  2. Select the Query menu
    The Elementor Editor with the query menu outlined
    Use the Query menu to filter the displayed items.

  3. Since we want to create a loop with posts, we’ll leave Source set to its default setting of Posts
  4. We’re looking to include posts so we’ll leave the toggle on Include.
  5. Click the Include by text box and you’ll be presented with two choices – Term and Author. Selecting Author will open up a text box where you can type in the name of the author you would like to select. Selecting Term will open up a text box, allowing you to select categories, tags or, if you have custom post types, other properties. 
  6. Select Term since we’re looking to include posts by category and tag (you can also select both).
    The query menu with the Include by text box outlined
    Use the Include by text box to decide if you’re filtering by term, author or both.

  7. Now we need to select our terms. Since we’re looking for posts about budget travel, we’ll filter for posts that were marked with the category Travel and tagged as Budget when they were created. 
  8. Start typing the word Travel in the Term text box. Notice that as you type a dropdown will present you with a list of terms matching your parameters.
  9. Start typing the word Budget in the Term text box. Notice that as you type a dropdown will present you with a list of terms matching your parameters.
    The Query menu with the terms outlined
    We will be filtering for articles in the Travel category with the Budget tag.

  10. Our loop only shows the posts fitting our conditions.
The loop with the selected posts.
The posts meeting our criteria are displayed.

Next Steps

Now that you know how to build a Query, you may want to review how to customize the items that appear in your loop. Here you can learn more about how to order the items you’re including in your loop. 

To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.

在社交網絡上分享它

今天開始使用Elemenor

加入數百萬專業人士,使用Elementor更快、更好地構建WordPress網站

本頁內容