# Block Pattern: Team Members

> Adds a team section pattern with three members, each with a name, role and short bio in columns, ready for you to add photos.

- Type: PHP
- Runs: Run everywhere
- Category: [Block Editor](https://wpide.com/library/category/gutenberg/)
- Tags: patterns, team, about
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/pattern-team-members/

## Code

```php
add_action( 'init', function () {
    if ( ! function_exists( 'register_block_pattern' ) ) {
        return;
    }

    if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( 'wpide-sections' ) ) {
        register_block_pattern_category( 'wpide-sections', array( 'label' => 'Site Sections' ) );
    }

    $people = array(
        array( 'Sam Carter', 'Founder & CEO', 'Started the company after ten years in the industry.' ),
        array( 'Lena Ortiz', 'Head of Design', 'Turns complex ideas into simple, friendly interfaces.' ),
        array( 'Ravi Shah', 'Lead Developer', 'Keeps everything fast, secure and running smoothly.' ),
    );

    $columns = '';
    foreach ( $people as $person ) {
        $columns .= '<!-- wp:column --><div class="wp-block-column"><!-- wp:heading {"level":3} --><h3 class="wp-block-heading">' . esc_html( $person[0] ) . '</h3><!-- /wp:heading --><!-- wp:paragraph --><p><strong>' . esc_html( $person[1] ) . '</strong></p><!-- /wp:paragraph --><!-- wp:paragraph --><p>' . esc_html( $person[2] ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column -->';
    }

    register_block_pattern( 'wpide/team-members', array(
        'title'         => 'Team: three members',
        'description'   => 'Names, roles and short bios in columns.',
        'categories'    => array( 'wpide-sections', 'team' ),
        'keywords'      => array( 'team', 'people', 'staff' ),
        'viewportWidth' => 1200,
        'content'       => '<!-- wp:group {"layout":{"type":"constrained"}} --><div class="wp-block-group"><!-- wp:heading --><h2 class="wp-block-heading">Meet the team</h2><!-- /wp:heading --><!-- wp:columns --><div class="wp-block-columns">' . $columns . '</div><!-- /wp:columns --></div><!-- /wp:group -->',
    ) );
} );
```

## Notes

Insert an Image block above each name to add photos; the "Rounded" image style looks good here.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Block Pattern: Team Members" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/