# Block Pattern: Six-Feature Grid

> Adds a pattern with a heading and six short feature descriptions in two rows of three columns, for product and service overviews.

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

## 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' ) );
    }

    $features = array(
        'Fast setup'       => 'Be up and running in minutes, not days.',
        'Secure by default' => 'Encrypted data and daily off-site backups.',
        'Friendly support'  => 'Real people answer within one business day.',
        'Works everywhere'  => 'Looks great on phones, tablets and desktops.',
        'Fair pricing'      => 'One simple plan, no hidden costs.',
        'Easy to leave'     => 'Export everything whenever you like.',
    );

    $rows = '';
    foreach ( array_chunk( $features, 3, true ) as $chunk ) {
        $rows .= '<!-- wp:columns --><div class="wp-block-columns">';
        foreach ( $chunk as $title => $text ) {
            $rows .= '<!-- wp:column --><div class="wp-block-column"><!-- wp:heading {"level":3} --><h3 class="wp-block-heading">' . esc_html( $title ) . '</h3><!-- /wp:heading --><!-- wp:paragraph --><p>' . esc_html( $text ) . '</p><!-- /wp:paragraph --></div><!-- /wp:column -->';
        }
        $rows .= '</div><!-- /wp:columns -->';
    }

    register_block_pattern( 'wpide/feature-grid', array(
        'title'         => 'Features: six-item grid',
        'description'   => 'Two rows of three short features.',
        'categories'    => array( 'wpide-sections' ),
        'keywords'      => array( 'features', 'benefits', 'grid' ),
        'viewportWidth' => 1200,
        'content'       => '<!-- wp:group {"layout":{"type":"constrained"}} --><div class="wp-block-group"><!-- wp:heading {"textAlign":"center"} --><h2 class="wp-block-heading has-text-align-center">Why people choose us</h2><!-- /wp:heading -->' . $rows . '</div><!-- /wp:group -->',
    ) );
} );
```

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Block Pattern: Six-Feature Grid" 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/