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.

Tekod lab.

<p>This plugin allows you to clone flexible content blocks (layouts) to another page or site.<br />
The entire contents of block will be transferred, including repeater items and its contents.</p>
<p>It uses a regular clipboard to store content, so you can paste it to notepad application and use it later to populating other pages.</p>
<h3>Usage</h3>
<p>Simply install and activate the plugin. No settings available.</p>
<p>The plugin will add a new option “Copy layout” to the header of each layout, and new menu at the bottom of the flexible container.</p>
<p>Click on “Copy layout” option will copy the content of the block to the clipboard.<br />
In the bottom menu on target page use “Paste layouts” option and new blocks will appear.<br />
Nothing is saved unless you click the regular “Update” button.</p>
<p>Bottom menu contains “Copy all layouts” to copy the entire flexible container to the clipboard.</p>
<p>As a feature, this plugin will try to recognize the URLs in the pasted content and replace the source domain with the target one.<br />
This is often required when moving blocks from a staging to a live environment to keep links local.</p>
<h3>Limitations</h3>
<p>This will not transfer media or posts.<br />
Coping fields that use ID-s to refer to a content (such as: media images, links, relationship…) to another website may link the wrong resource to the field because posts/media on another site may have different ID-s.<br />
In this case you must manually edit such fields and connect appropriate media/posts.</p>
<p>Only built-in field types are supported and tested.<br />
Additional (extended) field types are likely to be copied as well, but without guarantees.</p>
<h3>Credits</h3>
<p>This plugin contains code form other GPLv2 projects, credits go to:<br />
 – https://www.acf-extended.com<br />
 – https://wordpress.org/plugins/acf-flexible-layouts-manager<br />
 – https://github.com/magicstickuk/Flexible-Content-Duplication</p>
<p>“ACF-extended” has similar feature, but it didn’t work on any of 20 sites I tested, probably because of the way how the flexible container is integrated into the project.<br />
So I created a solution that works for me and shared publicly with everyone with the same problem.</p>
<h3>Contact</h3>
<p>Please, send bug reports and feature requests to <a href="mailto:office@tekod.com" rel="nofollow ugc">office@tekod.com</a></p>


Copy/Paste FlexContent Blocks for ACF

Extension for Advanced Custom Fields plugin that allows copy/pasting layouts between pages or even sites.

Advanced Bootstrap Blocks vs Copy/Paste FlexContent Blocks for ACF