The Cards Block

Read time: 4 minutes


The Cards block in WordPress is ideal for displaying a series of information cards, each consisting of a heading, summary, image, and link to a particular page. Here’s how to add and customize a Cards block on your WordPress site.

Adding a Cards Block

Navigate to the Cards Section:
  1. Log in to your WordPress dashboard.
  2. From the sidebar menu, select the appropriate post or page where you want to add the cards block.
Add a New Cards Block:
  1. Within the post or page editor, click on the + icon to add a new block.
  2. Search for “Cards” and select it from the available block types.

Customizing the Cards Block

Content Tab:
  • Subheading: You can add an optional subheading that appears above the cards. This provides context or a brief introduction to the cards.
  • Text: Enter the main content for the block. This text will appear above the individual cards.
  • Button: Add a call-to-action button with a link, encouraging users to take further action.
  • Cards: Add a series of information cards, each consisting of:
    • Heading: The title of the card.
    • Text: A brief summary or description for the card.
    • Image: An image to visually represent the card’s content.
    • Link: A URL to link the card to a specific page or external site.
Settings Tab:
  • Section ID: This option allows you to add an ID to the block, which is useful for one-page websites with smooth scrolling links.
  • Remove Bottom Margin: Toggle this option if you want to remove the default margin at the bottom of the block. This setting makes the block sit flush with the block below it.

Example Configuration

  • Subheading: Our Events
  • Text: Discover our latest events and activities.
  • Button: Learn More
  • Cards:
    • Heading: Music Festival
    • Text: Join us for an unforgettable music experience.
    • Image: [Upload an image of the event]
    • Link: [URL to the event page]

With these settings, your cards block will effectively display multiple pieces of content in a visually appealing and organized manner.

By following these steps and tips, you can create an engaging and informative cards block on your WordPress site.