Skip Navigation

In this post, we show how to display a list of any content on your site, without programming. You can display it in any way you want, be it a simple list, table, grid or any other layout you prefer.

We use Toolset Types and Views Lite plugins which are available for download from your account’s download page.

Step 1) Creating a list

In Toolset, a custom list of posts is called a View. Creating a View is very easy.

Go to the Toolset -> Views page and click the Add New button. Give your View a name and click the Create View button.

Step 2) Select content to display

You are now on a View editing page. The first thing to do is to select which type of content you want to list.

Selecting which content you want your list to display
Selecting which content you want your list to display

Step 3) Design the output

Now, you need to choose how the View will display your content on the front-end.

To do this, scroll to the Loop Editor section and click the Loop Wizard button.

Using the Loop Wizard to design the View's output
Using the Loop Wizard to design the View’s output

The wizard allows you to select the output style, like a grid, for example. In the second step, you select all the information you want to display for each listed post, like the title, date, custom fields, taxonomies, and more.

Step 4) Displaying the list

Finally, you need to display your list on the front-end. This can be on a page, inside a template, using a widget, and more. In our example, we insert our View into a “List of Houses” page.

To do this, edit the page, click the Field and Views button and select your View in the dialog that appears. A shortcode for rendering your View will be inserted into the page.

And that’s it, your page now lists the content you selected!

Custom list of content on the front-end
Custom list of content on the front-end

For step-by-step instructions, please visit Toolset documentation about displaying custom lists of content.

Give it a try!

You already have all the tools you need to get started. See how powerful this feature is for building custom sites, without programming.

If you have any questions, leave us a comment below and we’ll reply!

What’s next?

Next time, we will see how to customize WordPress archive pages.

Other posts in this series

Creating custom content for multilingual sites with Toolset

Create templates for displaying custom posts

3 Responses to “Build Queries and Display Content with Views Lite”

  1. We use the Tortoise IT Woo Layout Injector for this. It and other plugins from them have a Loop Archive Injector function. Problem is it’s not yet compatible with WPML. This would be a great solution except WLI allows display with DIVI formatting which allows a super capacity for design customization that is unparalleled.

    For people who don’t use DIVI your solution looks great! I hope you guys get with Tortoise IT for a solution to their WPML woes though!

    Thanks for the info!

    Glen Allan
    IS Coordinator

  2. Dario,

    Oh yes, i have made sure they knew to sign up and as far as they have told us they are now a part of your program. It seems though with Gutenberg and changes to DIVI their resources are and have been spent, as well as them mentioning WPML integration being quite difficult.

    Anyway, it’ll be great when it all works well together!

    Glen Allan
    IS Coordinator