Cards

Usage

The Cards block queries every published card (or the categories you pick) and renders Grid, Directory, Stratified, or Cards. Insert it from the block inserter β€” search for Cards.

Cards are sorted A–Z by title. Turn on Filter for category pills or Search for a live title and description search.

When to use it

Use it as the public listing for programs, services, or resources you manage as Cards. Prefer Stratified when visitors should scan by category. Prefer Cards when each item should feel like a tile with a wide image.

Tips

  • Set Layout first β€” Images hides when Layout is Cards.
  • Turn on Filter before Filters to Display appears.
  • Search matches the title and the description (or content) as they appear on the card.
  • Uncategorized cards never appear in Stratified.

Settings

Cards

Layout setting in the block editor sidebar
Layout

How the cards are arranged on the page.

  • GridImage, title, description, and optional button in columns.
  • DirectoryThe same pieces, centered.
  • StratifiedOne heading per category, then that category’s cards. Uncategorized cards are skipped.
  • CardsA framed tile with a wide image. Images is hidden; the image stays a golden rectangle.
Columns setting in the block editor sidebar
Columns

How many cards sit in a row on wide screens.

  • 1
  • 2
  • 3default
  • 4
  • 5
  • 6
  • 7
Restrict Cards setting in the block editor sidebar
Restrict Cards

Only query cards in the categories you check. Leave blank to include every published card.

Filter setting in the block editor sidebar
Filter

Adds Show All plus category pills above the listing. The pills hide and show cards already on the page β€” they do not change the query.

Filters to Display setting in the block editor sidebar
Filters to DisplayAvailable when Filter is enabled

Which category pills appear. Set Filter on first. Leave blank to show every category that has cards. This does not change which cards are queried β€” use Restrict Cards for that.

Images setting in the block editor sidebar
ImagesAvailable when Layout is not β€œCards”

Crop shape for each featured image. Hidden when Layout is Cards β€” that layout always uses a wide rectangle.

  • Circle defaultA round crop.
  • SquareA 1:1 crop.
  • RectangleA wide golden rectangle.
  • <hidden>Hide the image.
Titles setting in the block editor sidebar
Titles

Visual style for the card name. The name stays an H3.

  • <h1>Looks like your site's H1 style.
  • <h2>Looks like your site's H2 style.
  • <h3>Looks like your site's H3 style.
  • <h4> defaultLooks like your site's H4 style.
  • <h5>Looks like your site's H5 style.
  • <h6>Looks like your site's H6 style.
  • <p>Looks like your site's paragraph style.
  • <strong>Looks like bold paragraph text.
  • <small>Looks like small paragraph text.
  • <hidden>
Excerpts setting in the block editor sidebar
Excerpts

Visual style for the description (or content). Hidden removes that copy.

  • <p>Looks like your site's paragraph style.
  • <small> defaultLooks like small paragraph text.
  • <hidden>Hide the description.
Content setting in the block editor sidebar
Content

Which card field fills the description area.

  • DescriptionThe Description (excerpt).
  • ContentThe editor content.