Query cards are dynamic design elements and are used to display content such as blog posts, portfolio items, or custom post types in a visually appealing and organized format.
Each card represents an individual piece of content, typically showcasing elements like featured images, titles, excerpts, and links. They are commonly used in grid or list layouts, allowing users to browse through content effortlessly. Query cards are powered by a query loop that dynamically fetches and displays content based on specified criteria, such as categories, tags, or custom fields.
Benefits of Query Cards
Query cards enhance website usability and aesthetics by presenting content in a structured and visually engaging manner. They save time by automatically pulling data from your content library, ensuring updates are reflected instantly without manual adjustments.
With customizable layouts and responsive design options, query cards improve user experience across devices. They’re an excellent tool for keeping your site dynamic and interactive, making it easy for visitors to discover and engage with your content.
Follow this step-by-step guide to create and customize a Query Card:
Adding A Query Card

Once your query loop is configured, you will see it displayed under Queries. The image below is an example of what you’ll eventually see once everything is set up… let’s proceed to create and customize a Query Card:

Setting Up the Query Loop Block

Configure Query Settings
Customize the Query Card Design

The image above is the final design which can be used in a post or page. *The & displayed in the image does not show on the frontend.
Fine-Tuning A Responsive Design
Kadence’s responsive view is generally highly effective; however, it’s always a good practice to review it to ensure no adjustments are needed.
Publish and Display the Query Cards
Adding Query Cards To A Post
To add query cards to a post, use the Query Loop Block from Kadence. Position it within the post editor where you want the cards to appear. You might want to configure the query to fetch content based on specific filters, like category, tags, or custom fields, ensuring relevance to the current post. Or, you might want to leave it. By doing so, you will create a seamless user experience, helping readers explore more content without navigating away from your post or page.
You can also create your query straight from the post or page by dragging the query block where you want the cards to appear. Follow the instructions (as a guide because it’s slightly different via a post) above to achieve the content and design you want.
NOTE: If some of these options are unavailable, you most likely do not have the Kadence Pro installed.