itsdavidmorgan

Organic Themes

<p>The Widget Area Block allows for multiple custom Widget Areas to be created on any page or post using the Gutenberg block editor. As a result, traditional widgets can be used along side blocks within your content. The plugin can be used to create new sidebars within layout blocks, or add widgets directly within your content.</p>
<p>There are many useful widgets that cannot be used with the WordPress 5 block editor. This custom block is designed to remedy that problem.</p>
<p>Simply add the Widget Area Block anywhere within your content. Then, name your custom Widget Area. Then, click the Customizer View button to add widgets to that section within the WordPress Customizer.</p>
<p>This block work perfectly with the <a href="https://organicthemes.com/builder/" title="Organic Builder Widgets Pro" rel="nofollow ugc">Organic Builder Widgets Pro</a> builder plugin. So, widgets and blocks can be used side-by-side to create dynamic page content.</p>
<p><strong>Video Demo:</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ES-8H2aqryA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Get More Premium Blocks!</h4>
<p>The <a href="https://organicthemes.com/blocks/" title="Organic Blocks Bundle" rel="nofollow ugc">Organic Blocks Bundle</a> includes several premium blocks for the Gutenberg editor. The collection of blocks are designed to work with any WordPress theme.</p>
<ul>
<li><strong>Content Slideshow Block</strong> <a href="https://organicthemes.com/block/content-slideshow-block/" title="Content Slideshow Example" rel="nofollow ugc">View Example</a> – Display a custom slideshow of your posts or pages anywhere on your site.</li>
<li><strong>Posts Block</strong> <a href="https://organicthemes.com/block/posts-block/" title="Posts Block Example" rel="nofollow ugc">View Example</a> – Showcase any post type in a customizable blog style layout.</li>
<li><strong>Portfolio Block</strong> <a href="https://organicthemes.com/block/portfolio-block/" title="Portfolio Block Example" rel="nofollow ugc">View Example</a> – Display a customizable portfolio of posts on any page of your website.</li>
<li><strong>Profile Block</strong> <a href="https://organicthemes.com/block/profile-block/" title="Profile Block Example" rel="nofollow ugc">View Example</a> – Feature personal profiles for authors or team members with endless social media links.</li>
<li><strong>Testimonials Block</strong> <a href="https://organicthemes.com/block/testimonials-block/" title="Testimonials Block Example" rel="nofollow ugc">View Example</a> – Showcase a slideshow of customer testimonials from any custom post type, even the Jetpack testimonials post type.</li>
<li><strong>Pages Block</strong> <a href="https://organicthemes.com/block/pages-block/" title="Pages Example" rel="nofollow ugc">View Example</a> – Display a group of featured pages on any page or post. An excellent block for building custom home page layouts.</li>
<li><strong>Header Block</strong> <a href="https://organicthemes.com/block/header-block/" title="Header Block Example" rel="nofollow ugc">View Example</a> – Create custom headers for your website. The header block allows for the adding of logos, custom menus, and more.</li>
<li><strong>Footer Block</strong> <a href="https://organicthemes.com/block/footer-block/" title="Footer Block Example" rel="nofollow ugc">View Example</a> – Similar to the Header Block, create custom footers for your website.</li>
</ul>
<h4>Getting Started</h4>
<p>Follow the simple steps below to use the Widget Area Block:</p>
<ol>
<li>Within a Page or Post, select ‘Widget Area Block’ located within the ‘Widgets’ section.</li>
<li>Add a unique name to your Widget Area.</li>
<li>Click the ‘Update’ button.</li>
<li>Click the ‘Customizer View’ button. The Customizer will launch, displaying your current page or post.</li>
<li>Begin adding widgets to Widget Area within the Customizer.</li>
</ol>


Organic Widget Area Block

Great plugin that does exactly what it says. Easy to use and add widgets into your posts or pages through a Gutenberg block. Clean code.

Good plugin

The Widget Area Block allows for multiple custom Widget Areas to be created on any page or post using the Gutenberg block editor.

BlueElevation.

<p>Are you also tired of those endless list of sidebars in your backend? Then fear no longer, 42functions is here to rescue you! We do that be elegantly categorise your widget into a clarifying view. We do that by grouping the pre defined categories together and simply showing only the one category you want.</p>
<h4>Using multiple themes?</h4>
<p>No worries we got that covered, the plugin recognizes the theme your using and shows you the corresponding settings!</p>
<h4>To lazy to categorise your theme?</h4>
<p>No worries we also can categorise theme for you, (if your developer uses proper prefixes). Just press the autoformat button and the plugin will start grouping your sidebars together. Please note: If this functionality doesn’t work for you, don’t complain at us, complain at the developer building your theme.</p>
<h4>My sidebars are fine, but I hate duplicated widgets!</h4>
<p>Well then don’t use our plugin for the wonderfull categorising but use it for the sidebar duplicator. This is simply a widget containing another sidebar.</p>
<h3>Developer</h3>
<p>You might have notice’d we’d implemented a autoformat button. We’de like to share our knowlege with you so you can be as lazy as you can get when activating this plugin. So wake up and take some coffee because this is how it works:</p>
<ol>
<li>We loop trough all registered sidebars.</li>
<li>When a sidebar has a ‘category’ field we take that as our active sidebar.</li>
<li>We split the id of the sidebar on a underscore (_) or a hyphen (-), when the splitting actually works the first group is considered as the category.</li>
<li>Your sidebar is listed under the other sidebars.</li>
</ol>
<p>Example of id conversions:</p>
<ul>
<li>post-archive-header | Will result in category: post</li>
<li>post_archive_header | Will also result in category: post</li>
<li>postarchiveheader | Will result in category: other</li>
</ul>


Improved widget area

Take your widget area to the next level by categorising it.

Organic Widget Area Block vs Improved widget area