Dynamic Card Block

The Dynamic Card Block uses the same settings as the Custom Card Block. The only difference between these blocks, is that the dynamic card block allows you to pull a feed of data from your selected custom post type. E.g. you can choose to pull a feed from the Alumni post type, then style the cards as you would with the custom card block.

Release 6.27.6

Settings added for Xpert Chatbot to be used across all sites.

Release 6.27.0 – 6.27.5

The 6.27.0 Release included an update to WordPress 6.8. Dot releases following this were for minor fixes.

Creating a Post

Before you can use the Dynamic Card Block; you will need to create some posts within the WordPress dashboard area. The following post types will be available to use from this screen:

  • Alumni
  • Students
  • Courses
  • Posts (used for Blog/News)
  • Leadership & Faculty

Creating a post is essentially like creating a page, you can insert any block within a post page and this is what the user will see when they click in the card that is related to that post.

Note: It is important to remember to select a featured image for your post as this is what will show on the front-end of the card, when using the Dynamic Card Block.

Annotation on 2020-06-09 at 11-34-14.png

Once you have selected a featured image for your post, you can choose to insert an excerpt which will be shown on the front-end of the card. If you choose not to insert an excerpt, the card will pull through the content from within the post page.

Annotation on 2020-06-09 at 11-36-33.png

Dynamic Type Setting

This setting allows you to either feed mode, where it will display a full feed of all of the posts created using that post type; or alternatively, you can choose selection mode which allows you to select specific posts to show on the page.

Note: in selection mode, you can select posts from different post types, rather than just an individual post type.

Annotation on 2020-06-09 at 11-24-08.png
Annotation on 2020-06-09 at 11-25-09.png

In selection mode, you are presented with a new setting for preview posts, which you can toggle on/off in order to view the posts that you have selected.

Note: you can also search for a specific post in this mode.

Annotation on 2020-06-09 at 11-27-13.png

Search Function

To allow further functionality on this block we have added a search feature to allow users to navigate the posts easier and find what they’re looking for quickly.

Cards Per Row Setting

This setting allows you to select how many cards you want to be displayed in each row, you then have a setting below this to select the number of posts you want to appear on the page.

Annotation on 2020-06-09 at 11-42-36.png

2 Column Layout

This is the second version of the Dynamic Card Block which allows you to insert the block within the footer of the page.

How it works

  • Firstly prepare all the pages/posts for by adding the text into the excerpt and separating the left content from the right content with the | character. (See example below)

When the 2 column layout is selected the dynamic card block will remove the | character from the excerpt and split the text into two columns.

  • Go to your dynamic card block and use selection mode to select all the posts or pages you want to display.
  • Turn on preview posts.
  • Go to the content section inside the settings and change the content type to ‘2 Column Footer’.

This will now apply the 2 column footer layout to the dynamic card and you can use the other settings to achieve your desired style.

Title, content, image and border settings

The dynamic card block also has the ability to customize the title content and image. To add these settings to the options panel, ensure the below toddles are highlighted.

These options allow you to change the text and background colours of the title and content.

The Dynamic card block also includes a feature which triggers an alert should the background and text colour combination not meet the minimum colour contrast.


Hints & Tips

  • When using the styling settings on the dynamic card block, these settings will apply to all of the cards within the feed or selections you have made. This makes it a lot quicker to build out a page of posts and means you don’t have to style each card individually.
  • The styles that you have selected will also stay applied if you change the post type within the dynamic card block. E.g. if you select students and style the cards, then decide to change the post type to show alumni posts, the styles will remain in place until changed or adding a new dynamic card block.
Back to Blocks