BANC

Three Cards Block

The Three Cards Template defines the HTML structure and content displayed within the Gutenberg editor for the Three Cards Block. It is responsible for displaying a list of three cards, each with an image, a title, and a description.

Content Editor Fields

Cards

  • Description: A list of cards to be displayed. Each card can have an image, a title, and a description.
  • Usage: Use this field to add and manage the cards.
  • Mandatory: This field is mandatory. If no cards are added, the block will not display anything.

Example Usage:

Steps:

  1. Add the block: Insert the Three Cards Block into your page or post.
  2. Fill the fields:
    • In the block settings, add the cards in the "Cards" field. For each card, you can add an image, a title, and a description.
  3. Save the Block: Your Three Cards block is now ready for display!

Result:

When properly configured, the Three Cards Block will render a section with three cards. Each card will display its image, title, and description.

three-cards with image

Preview in the editor (body):

three-cards in body

Customization:

You can customize the Three Cards Block display in the following ways:

  • Content Customization: Change the image, title, and description of each card directly within the block settings.

Benefits:

  • Clear Structure: The template provides a simple and organized HTML structure.
  • Dynamic Content: The template allows for dynamic content to be inserted.
  • Easy to Use: It is simple to configure for the end user.
  • Three cards: The block display three cards.