Card Groups

Card Group Examples

The following example is a card group that is pulling in a feed from the most recent news articles at CAHNRS News.

Adding a Card Group Block

Method 1 – Use a forward slash (/) and then type out “card group”. The card block should show up.

Method 2 – After selecting the editor, the user should see a + icon. Selecting this should show a list of the most common blocks used. If the card group block is not there, use the search feature to find it.

Screenshot showing the different blocks available in the WordPress admin editor.

Card Group Block Features

Side Panels

After selecting the card block, the user will see the following options on the right hand panels:

Screenshot of the panels available for the card group block.
  • Display Options – Select the amount of columns per row. Users will also be able to toggle off or on the “Feed Content” option here.
    • Feed Content – When this is toggled on, users will have the capability of showing or hiding the image, title, or caption. Here, users will also be able to limit the caption length and add a link button along with setting the image ration and heading level.
  • Style Options – Change the layout of the card.
  • Color Options – Add a background color or border color to the card.
  • Space Settings – Users can add margin to the block. This is usually done to add more spacing around block so they are not too close to other elements. The toggle feature for collapsing card spacing is also in this panel.
  • Advanced – Allows users to schedule the block, position the block, create an anchor link to the card group, and hide the block on a specific breakpoint.
  • Block Scheduling (if enabled) – Allows block to be scheduled. This causes the block to be published or unpublished depending on the date selected.