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:
- Log in to your WordPress dashboard.
- From the sidebar menu, select the appropriate post or page where you want to add the cards block.
Add a New Cards Block:
- Within the post or page editor, click on the + icon to add a new block.
- 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.
Top Tips
- Consistent Imagery: Ensure all card images are uniform in size and quality for a professional look.
- Clear Headings: Use concise and descriptive headings to quickly convey the content of each card.
- Engaging Text: Write engaging summaries that entice users to click through to the linked pages.
- Strong Call-to-Action: Use a compelling button text to encourage users to take the desired action.
By following these steps and tips, you can create an engaging and informative cards block on your WordPress site.