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.

WPZOOM

Pavel Ciorici

A beautiful collection of block patterns for food bloggers.
<a href="https://demo.wpzoom.com/foodica-patterns/" rel="nofollow ugc">VIEW DEMO</a>
What is a WordPress pattern? 
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.
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.
<h3>Included patterns:</h3>
<ul>
<li>Recipe Index</li>
<li>Search Bar</li>
<li>Hero</li>
<li>Newsletter</li>
<li>Book Feature</li>
<li>About Author</li>
<li>Instagram Hero</li>
<li>Featured Categories</li>
<li>Latest Posts (grid)</li>
<li>Latest Posts (overlay style)</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>
Even though the plugin works great with any theme, currently, it includes patterns that were thoroughly tested with the following WPZOOM themes:
<a href="https://www.wpzoom.com/themes/foodica/" rel="nofollow ugc">Foodica PRO</a> 
<a href="https://www.wpzoom.com/themes/cookbook/" rel="nofollow ugc">CookBook</a> – NEW 
<a href="https://www.wpzoom.com/themes/gourmand/" rel="nofollow ugc">Gourmand</a> 
<a href="https://www.wpzoom.com/themes/cookely/" rel="nofollow ugc">Cookely</a>
<h4>Quick Tips</h4>
Use the Group block to control spacing and color for more than one block at a time. 
Use the Cover block to control your pattern’s height, including min-height and full-viewport designs. 
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.
<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>
Images Credit: 
https://www.foodiesfeed.com/

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.

Page Layout vs Block Patterns for Food Bloggers