baol7777

WARNING: USE ONLY WITH JAVASCRIPT! The backend of this plugin works only with browser with javascript enabled
This plugin allows to dynamically activate the widgets system on a WordPress page, creating complex layouts.
You can define new layout via the function <code>register_layout()</code> in the function.php file of your theme. 
The plugin define two sample defaults layouts that you can see in Screenshots section.
e.g.
<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>
The code of the new template plans to use a new property of the global object $post: $post-> layout
e.g.
<pre><code><?php 
$zones = $post->layout['zones'];
foreach ($zones as $zone){
 dynamic_sidebar($zones[0])
}
?>
</code></pre>
<ul>
<li>
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.
</li>
<li>
The thumbnail should be placed in the child folder of <code>layouts</code>: <code>layouts/thumb/<thumbnail-of-layout.jpg></code>.
</li>
<li>
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>.
</li>
<li>
The plugin include a simple widget to display the content of current page
</li>
</ul>
<h4>Licence</h4>
This plugin is released under the GPL, you can use it free of charge on your personal or commercial blog.
<h4>Translations</h4>
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). 
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.

Page Layout

Page Layout allows to define a page layout using widgets.

Automattic

John Godley

Marcus Kazmierczak

Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.
<h3>Source and Support</h3>
You can follow development, file an issue, suggest features, and view the source at the Github repo: <a href="https://github.com/automattic/block-experiments" rel="nofollow ugc">https://github.com/automattic/block-experiments</a>

Layout Grid Block

Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn't available on my WordPress sites, I had to go get it. Very handy layout...

Very handy layout

Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!

Works really well


The is a more flexible replacement for the standard columns block. If you've ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.


A more flexible replacement for the standard columns block


Great block that allows placing and resizing blocks in a more flexible way than the regular columns block. I hope it is continually supported.


Great block!

A Gutenberg container block to let you align items consistently across a global grid.

Page Layout vs Layout Grid Block