BANC

Grid Gallery Block

The Grid Gallery Template defines the HTML structure and content displayed within the Gutenberg editor for the Grid Gallery Block. It is responsible for displaying a list of items in a grid layout, each with a title, an excerpt, and an optional image.

Content Editor Fields

Gallery

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

Example Usage:

Steps:

  1. Add the block: Insert the Grid Gallery Block into your page or post.
  2. Fill the fields:
    • In the block settings, add the items in the "Gallery" field. For each item, you can add a title, an excerpt, and an optional image.
  3. Save the Block: Your Grid Gallery block is now ready for display!

Result:

When properly configured, the Grid Gallery Block will render a grid of items. Each item will display its title and excerpt.

grid-gallery with image

Preview in the editor (body):

grid-gallery in body

Customization:

You can customize the Grid Gallery Block display in the following ways:

  • Content Customization: Change the title and excerpt of each item 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.
  • Multiple items: You can add multiple items.