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.

Bamboo MCR

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts and allows for content to span multiple columns if required.
Usage
Insert the required shortcodes into your content as follows:
2 column layout:
<pre><code> [column-half-1]
 First column of content
 [/column-half-1]
 [column-half-2]
 Second column of content
 [/column-half-2]
</code></pre>
3 column layout:
<pre><code> [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2]
 Second column of content
 [/column-third-2]
 [column-third-3]
 Third column of content
 [/column-third-3]
</code></pre>
4 Column layout:
<pre><code> [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2]
 Second column of content
 [/column-quarter-2]
 [column-quarter-3]
 Third column of content
 [/column-quarter-3]
 [column-quarter-4]
 Fourth column of content
 [/column-quarter-4]
</code></pre>
If you want content to span multiple columns you can combine the shortcodes to create a column spans multiple spaces, for example:
<pre><code> 1 Third / 2 Thirds

 [column-third-1]
 First column of content
 [/column-third-1]
 [column-third-2-3]
 Second column of content that spans the second and third columns
 [/column-third-2-3]

 1 Quarter / 2 Quarters / 1 Quarter

 [column-quarter-1]
 First column of content
 [/column-quarter-1]
 [column-quarter-2-3]
 Second column of content that spans the second and third columns
 [/column-quarter-2-3]
 [column-quarter-4]
 Third column of content that occupies the fourth quarter column
 [/column-quarter-4]
</code></pre>
If you need to embed a set of columns within a column, you can do so by adding ‘inner-‘ to the shortcode as follows:
<pre><code> [column-half-1]
 Some Text
 [inner-column-half-1]
 Some more text
 [/inner-column-half-1]
 [inner-column-half-2]
 Even more text
 [/inner-column-half-2]
 [/column half 1]
 [column-half-2]
 The final text
 [/column-half-2]
</code></pre>
You can also change the background colour of a colour by adding an attribute to the shortcode as follows:
<pre><code> [column-half-1 background="e8e8e8"]
</code></pre>

Bamboo Columns

This plugin provides several shortcodes for organising your content into multi-column layouts. It supports two, three and four column layouts.

Page Layout vs Bamboo Columns