How to Add Container Div to Every Gutenberg-Block in WordPress

by

If someone also need this nowadays WordPress already has another filter that is easier to implement called render_block

render_block

Here is an example

[php]function wporg_block_wrapper( $block_content, $block ) {
if ( $block[‘blockName’] === ‘core/paragraph’ ) {
$content = ‘<div class="wp-block-paragraph">’;
$content .= $block_content;
$content .= ‘</div>’;
return $content;
} elseif ( $block[‘blockName’] === ‘core/heading’ ) {
$content = ‘<div class="wp-block-heading">’;
$content .= $block_content;
$content .= ‘</div>’;
return $content;
}
return $block_content;
}

add_filter( ‘render_block’, ‘wporg_block_wrapper’, 10, 2 );[/php]

[custom-related-posts title=”You may Also Like:” none_text=”None found” order_by=”title” order=”ASC”]

Leave a Comment