Advanced Views Docs
Live PlaygroundDownload PluginGet PRO
  • 💡Help Centre
  • ⚡Getting Started
    • Introduction
      • Key Aspects
      • Creating Your First View
      • Creating Your First Card
      • Plugin Terms
      • Plugin Interface
        • Field Options
    • Installation
      • Advanced Views Lite
      • Advanced Views Pro
      • Comparison Table
      • Upgrading from Lite to Pro
    • Supported data vendors
    • Starter theme
  • 🌟Display Content
    • WordPress
      • Post
      • Taxonomy terms
      • User
      • Comments
      • Menus
    • WooCommerce Product
    • Meta fields
      • Basic fields
        • Number
      • Content fields
        • Image
        • File
        • WYSIWYG
        • oEmbed
        • Gallery
      • Choice fields
        • Select/checkbox/radio
        • True / False
      • Relationship fields
        • Link
        • Post_object
        • Page Link
        • Relationship
        • Taxonomy
        • User
      • Advanced fields
        • Google Map
        • Google Map Multiple Markers
        • ACF OpenStreetMap Field
        • Date/time picker
      • Layout fields
        • Group (Pro)
        • Repeater (Pro)
        • Flexible (Pro)
    • Object fields
    • Custom Data (Pro)
    • Custom Gutenberg Blocks (Pro)
    • Mount Points (Pro)
    • Front-end assets management (Pro)
  • 🦸‍♂️Query Content
    • Basic Filters
    • Meta Filters (Pro)
      • Current Post
      • Comparison
      • Dynamic Injection
    • Taxonomy Filters (Pro)
    • Pagination (Pro)
    • Custom Data (Pro)
  • 🏆Shortcode Attributes
    • Common Arguments
    • View Shortcode
    • Card Shortcode
  • 🧙‍♂️Templates
    • Customizing the Template
    • Template engines
      • Twig
      • Blade
    • CSS & JS
      • BEM Methodology
      • WordPress Interactivity API
    • File system storage
    • Pre-built components
    • Reusable components library (Pro)
    • Live reload
    • Multilingual
    • Custom Ajax & Rest API (Pro)
  • ☕Guides
    • Display Custom Post Type (CPT) on another post
    • Display Employees (CPT) of a Company (CPT)
    • Display Nested Repeater Fields
    • Map Marker from ACF Image
    • Display all CPT items on a single map
  • 🛠️Tools
    • Export/Import
    • Demo Import
    • Settings
    • Preview
  • 🏹Troubleshooting
    • Compatibility
    • Report a bug
    • Payment Issues
    • Lite Support (Forum)
    • Pro Support
  • ⚙️Customization
    • Filters and Hooks
      • View
      • Card
    • Suggest a feature
    • Performance
Powered by GitBook
On this page
  • Step by step guide
  • Create a New Card
  • Assign a View
  • Filter and Sort
  • Advanced settings
  • Publish your Card
  • Copy the shortcode into place

Was this helpful?

  1. Getting Started
  2. Introduction

Creating Your First Card

Create a Card to display a set of posts or CPT items and their fields.

PreviousCreating Your First ViewNextPlugin Terms

Last updated 1 month ago

Was this helpful?

Step by step guide

Note: First that you'll assign to your Card below.

Visit the Advanced Views tab in the WordPress backend.

Switch to the Cards tab.

Create a New Card

Click on the Add New button.

Enter a Name for your Card.

Note: If you don't give your Card a Name then you can't publish your Card and the publish button will be disabled.

Assign a View

In the View dropdown, select your View to assign it to the Card.

Select the Source - 'Posts Query (WP_query)' will get posts based on the defined query, while 'Page Context (archive pages)' will get posts from where the Card is inserted (e.g. archive, author or category).

In the Post Type dropdown, choose the post type to filter by that type.

Filter and Sort

In the Post Status dropdown, add one or more items from the list.

Use Maximum number of posts field to limit the amount of items shown.

For the Sort by dropdown, sort posts by date by selecting ‘Date’ from the list. (In Pro you can sort by Meta field)

Choose Ascending or Descending for Sort order.

Advanced settings

Switch to the Advanced tab.

Give your Card a description (only seen on the Cards list).

Fill out the 'No Posts Found Message' if needed.

In the Pool of posts dropdown you can manually select posts to include.

Note: This will then ONLY show the selected posts.

For Exclude posts you can manually exclude posts from your Card.

Warning: Don’t use together with Pool of posts.

Template Engine

Publish your Card

Click on Publish to save and publish your Card.

Copy the shortcode into place

Copy the shortcode of your Card from the sidebar.

Paste the shortcode in your page, post or theme section.

Visit the page to see the results.

Note: Adding new fields to your assigned View will automatically include those fields in your Card without you having to copy the shortcode into place again.

Note: Restrict visibility of a Card by using user-with-roles="ROLE1,ROLE2" user-without-roles="ROLE1,ROLE2" shortcode arguments.

Optionally change the from Twig to Blade (requires PHP 8.2).

Note: Do you want to customize a query (WP_Query) that is used to get posts for a Card, but the option is missing in the UI? You can do this using our filters.

⚡
template engine
Read more here
create a View