baol7777

<p><strong>WARNING: USE ONLY WITH JAVASCRIPT! The backend of this plugin works only with browser with javascript enabled</strong></p>
<p>This plugin allows to dynamically activate the widgets system on a WordPress page, creating complex layouts.</p>
<p>You can define new layout via the function <code>register_layout()</code> in the function.php file of your theme.<br />
The plugin define two sample defaults layouts that you can see in Screenshots section.</p>
<p>e.g.</p>
<pre><code><?php
// <your_theme>/function.php
if ( function_exists('register_layout') ){
    register_layout(array(
        'name' => 'Name of Layout',
        'zones' => array( 'name of zone one', 'name of zone two', 'name of zone three' [, ...] ),
        'thumbnail' => 'thumbnail-of-layout.jpg', // with extension (jpg/gif/png)
        'template' => 'name-of-php-template-file' // without extension
    ));
}
?>
</code></pre>
<p>The code of the new template plans to use a new property of the global object $post: $post-> layout</p>
<p>e.g.</p>
<pre><code><?php 
$zones = $post->layout['zones'];
foreach ($zones as $zone){
    dynamic_sidebar($zones[0])
}
?>
</code></pre>
<ul>
<li>
<p>The php template file should be placed in the folder <code>layouts</code> of your theme folder (<code>/wp-content/themes/<your_theme>/layouts/<name-of-php-template-file>.php</code>) or in the plugin folder (<code>/wp-content/plugins/page-layout/layouts/<name-of-php-template-file>.php</code>) if you want the layout to be independent from the theme.</p>
</li>
<li>
<p>The thumbnail should be placed in the child folder of <code>layouts</code>: <code>layouts/thumb/<thumbnail-of-layout.jpg></code>.</p>
</li>
<li>
<p>If you want to include also a related css file separate from the theme installed you can create it in <code>/wp-content/plugins/page-layout/css/page-layout-general.css</code> or for each php template <code>/wp-content/plugins/page-layout/css/page-layout-<name-of-php-template-file>.css</code>.</p>
</li>
<li>
<p>The plugin include a simple widget to display the content of current page</p>
</li>
</ul>
<h4>Licence</h4>
<p>This plugin is released under the GPL, you can use it free of charge on your personal or commercial blog.</p>
<h4>Translations</h4>
<p>If you want to help to translate the plugin to your language, please have a look at the .pot file which contains all defintions and may be used with a <a href="http://www.gnu.org/software/gettext/" rel="nofollow ugc">gettext</a> editor like <a href="http://www.poedit.net/" rel="nofollow ugc">Poedit</a> (Windows).<br />
Please refer to the <a href="https://codex.wordpress.org/Installing_WordPress_in_Your_Language" title="Installing WordPress in Your Language" rel="nofollow ugc">WordPress Codex</a> for more information.</p>


Page Layout

Page Layout allows to define a page layout using widgets.

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.

Page Layout vs Advanced Bootstrap Blocks