helpful.dev

<p>This plugin adds flexible Bootstrap 4 blocks to the WordPress editor for creating custom page layouts with the Bootstrap grid.</p>
<p>Are you using Advanced Bootstrap Blocks? <a href="https://wordpress.org/plugins/advanced-bootstrap-blocks/#reviews">Write a review</a>!</p>
<h3>Blocks</h3>
<p>Advanced Bootstrap Blocks adds the following Bootstrap 4 blocks to the WordPress editor:</p>
<ul>
<li>Container (fixed-width or fluid, with background image settings)</li>
<li>Row</li>
<li>Column</li>
<li>Button and Button Group</li>
<li>Card with Header, Body, Footer</li>
<li>Jumbotron</li>
</ul>
<h3>Block Templates</h3>
<p>Do you need to create standard block layouts for WordPress pages and posts? The WordPress editor lets you define custom block templates inside your theme.</p>
<p>The example below may get you started. Visit the <a href="https://developer.wordpress.org/block-editor/developers/block-api/block-templates/" rel="nofollow ugc">WordpPress Block Editor Handbook</a> to learn more about supercharging your WordPress themes with blocks templates.</p>
<pre><code><?php
if(in_array('advanced-bootstrap-blocks/advanced-bootstrap-blocks.php', apply_filters('active_plugins', get_option('active_plugins')))){ 
    // do stuff only if the Advanced Bootstrap Blocks plugin is active              
    add_action( 'init', 'advancedbootstrapblocks_register_page_template' );
    function advancedbootstrapblocks_register_page_template() {
        $post_type_object = get_post_type_object( 'page' );
        $isFluid = get_theme_mod( 'understrap_container_type' ) === 'container-fluid'; 
        $post_type_object->template = [
            [ 'advanced-bootstrap-blocks/container', 
                ['className'=>'py-5', 'isWrapped' => $isFluid, 'isFluid' => false ], 
                [
                    [ 'advanced-bootstrap-blocks/row', 
                        [],
                        [
                            [ 'advanced-bootstrap-blocks/column', 
                                ['className'=>'col-md-8 offset-md-2 text-center'], 
                                [
                                    ['core/heading', 
                                        [ 'className' => 'display-4', 'level' => 1, 'placeholder' => 'Hello, World!', ], 
                                        []
                                ],
                                    [ 'core/paragraph', 
                                        ['className' => 'lead', 'placeholder' => 'Lorem ipsum dolor sit amet.', ], 
                                        []
                                    ],
                                ]
                            ]
                        ]
                    ]
                ]
            ],
        ];
    }
}
</code></pre>


Advanced Bootstrap Blocks

... and that's not saying much because the others were broken or terrible. Even still, this one is on the right track, and I'm happy to see that at least somebody is getting it right. Thanks for your hard work!

So far the best bootstrap block plugin

This is really well done, it does lack some features to become perfect, and has some issues with the editor (columns chaos if multiple classes are set) but it works perfectly. By far the fastest way to get Bootstrap into Gutenberg : THUMBS UP

Very usable !

Build responsive Bootstrap 4 layouts inside the Gutenberg editor.

WPZOOM

Pavel Ciorici

<p>A beautiful collection of block patterns for food bloggers.</p>
<p><a href="https://demo.wpzoom.com/foodica-patterns/" rel="nofollow ugc">VIEW DEMO</a></p>
<p><strong>What is a WordPress pattern?</strong><br />
A WordPress pattern is a collection of blocks arranged together into an thoughtful, intentional, opinionated section for a page of post. Once inserted into a page, the author can edit and customize the blocks to their needs.</p>
<p>Patterns make it incredibly simple to add complex layouts and designs to any WordPress site without having to start from scratch every time. Patterns can also highlight and expose features and combinations of blocks that may not be immediately obvious or intuitive.</p>
<h3>Included patterns:</h3>
<ul>
<li><strong>Recipe Index</strong></li>
<li><strong>Search Bar</strong></li>
<li><strong>Hero</strong></li>
<li><strong>Newsletter</strong></li>
<li><strong>Book Feature</strong></li>
<li><strong>About Author</strong></li>
<li><strong>Instagram Hero</strong></li>
<li><strong>Featured Categories</strong></li>
<li><strong>Latest Posts (grid)</strong></li>
<li><strong>Latest Posts (overlay style)</strong></li>
</ul>
<h3>Features</h3>
<ul>
<li>19 Gutenberg Block Patterns for Food Bloggers</li>
<li>No impact on page speed</li>
</ul>
<h3>Recommended Themes & DEMO</h3>
<p>Even though the plugin works great with any theme, currently, it includes patterns that were thoroughly tested with the following WPZOOM themes:</p>
<p><a href="https://www.wpzoom.com/themes/foodica/" rel="nofollow ugc"><strong>Foodica PRO</strong></a><br />
<a href="https://www.wpzoom.com/themes/cookbook/" rel="nofollow ugc"><strong>CookBook</strong></a> – <em>NEW</em><br />
<a href="https://www.wpzoom.com/themes/gourmand/" rel="nofollow ugc"><strong>Gourmand</strong></a><br />
<a href="https://www.wpzoom.com/themes/cookely/" rel="nofollow ugc"><strong>Cookely</strong></a></p>
<h4>Quick Tips</h4>
<p>Use the Group block to control spacing and color for more than one block at a time.<br />
Use the Cover block to control your pattern’s height, including min-height and full-viewport designs.<br />
If your pattern contains numerous root-level blocks it can be helpful to Group them all together. This makes it easier to move your pattern around once inserted.</p>
<h4>Additional Resources</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/block-patterns-for-food-bloggers/reviews/#new-post" rel="ugc">Leave a Review</a></li>
<li><a href="https://profiles.wordpress.org/wpzoom/#content-themes" rel="nofollow ugc">Grab a free theme</a></li>
<li><a href="https://www.wpzoom.com" rel="nofollow ugc">WPZOOM website</a></li>
<li><a href="https://github.com/wpzoom/block-patterns-for-food-bloggers" rel="nofollow ugc">GitHub repository</a></li>
</ul>
<p>Images Credit:<br />
https://www.foodiesfeed.com/</p>


Block Patterns for Food Bloggers

Beautiful patterns that work with almost any theme. I tested it and it works as advertised for inserting patterns that are easy to modify for your own use.

Love this plugin!

A beautiful collection of block patterns for food bloggers.

Advanced Bootstrap Blocks vs Block Patterns for Food Bloggers