BANC

Team Members Block

The Team Members Template defines the HTML structure and content displayed within the Gutenberg editor for the Team Members Block. It is responsible for displaying a heading, an optional excerpt, and a slider of team members, each with an image, name, job title, and a short description.

Content Editor Fields

Heading

  • Description: The main heading text displayed above the team members slider.
  • Usage: Use this field to provide a clear title for the section.
  • Optional: If no heading is provided, this element will not be displayed.

Excerpt

  • Description: A short description or paragraph of text displayed below the heading.
  • Usage: Use this field to provide more context or information about the team members.
  • Optional: If no excerpt is provided, this element will not be displayed.

Team Members

  • Description: A list of team members to be displayed in the slider. Each team member will display their image, name, job title, and a short description.
  • Usage: Use this field to select the team members to display.
  • Mandatory: This field is mandatory. If no team members are selected, the block will not display any team member.

Example Usage:

Steps:

  1. Add the block: Insert the Team Members Block into your page or post.
  2. Fill the fields:
    • In the block settings, fill the "Heading" field.
    • In the block settings, fill the "Excerpt" field.
    • In the block settings, select the team members in the "Team Members" field.
  3. Save the Block: Your Team Members block is now ready for display!

Result:

When properly configured, the Team Members Block will render a section with a heading, an optional excerpt, and a slider of team members. Each team member will display their image, name, job title, and a short description.

team-members with image

Preview in the editor (body):

team-members in body

Customization:

You can customize the Team Members Block display in the following ways:

  • Content Customization: Change the heading and excerpt text directly within the block settings.
  • Team Members Customization: Change the team members in the "Team Members" field.
  • Team Member details Customization: Change the team member details directly within the team member post 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.
  • Slider: The team members are displayed in a slider.
  • Multiple team members: You can add multiple team members.