itsdavidmorgan

Organic Themes

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.
There are many useful widgets that cannot be used with the WordPress 5 block editor. This custom block is designed to remedy that problem.
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.
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.
Video Demo:
<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>
<h4>Get More Premium Blocks!</h4>
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.
<ul>
<li>Content Slideshow Block <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>Posts Block <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>Portfolio Block <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>Profile Block <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>Testimonials Block <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>Pages Block <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>Header Block <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>Footer Block <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>
Follow the simple steps below to use the Widget Area Block:
<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.

Vincent Dubroeucq

This plugin simply allows you to build your page content with widgets instead of using the default page layout for your theme.
Using the Atom Builder
By default, only basic pages are supported. It basically registers a widget area for all of your pages. 
To avoir cluttering the admin area, the newly registered widget areas do not appear alongside your theme’s standard ones, and you have to access them directly in the customizer. 
To see it in action : 
* Just visit any page on your site while logged in, and click the ‘Customize’ link. 
* In the Customizer panel, click on ‘Widgets’ and you should see a widget area registered for your page. 
* Just use the widgets you need to build your page content.
This plugin provides you with 3 additional widgets to help you build your page with interesting content and layout: Atom Builder Page, Atom Builder Post, and Atom Builder Posts widgets. 
These basic widgets will probably get a bit more complex and have more options in the future, and a few more custom widgets will be added later, but that’s a start.
Adding theme support for the Atom Builder
By default, the Atom Builder replaces your page content using ‘the_content’ filter. That means any markup you have before, such as the title for example, will be kept. 
Only your content as it appears in the editor in the admin area is replaced.
If you want to replace the whole content for your page, you’ll have to tweak your theme’s code a little bit.
<ul>
<li>
Add theme support for the Atom builder in your child theme’s functions.php file by simply adding this snippet.
` 
add_action( ‘after_setup_theme’, ‘mythemeprefix_add_atom_builder_support’ ); 
/**
<ul>
<li>Add theme support for the Atom Builder</li>
<li>This deactivate the basic filter on the_content. </li>
<li>Just replace your get_template_part() call in page.php with atom_builder_get_template_part() to replace your whole page content template with registered widgets. 
**/ 
function mythemeprefix_add_atom_builder_support(){ 
add_theme_support( ‘atom-builder’ ); 
} 
`</li>
</ul>
</li>
<li>
Duplicate the page.php template from your theme in your child theme’s folder.
</li>
<li>Replace the <code>get_template_part()</code> function call with <code>atom_builder_get_template_part()</code>, with the same parameters. (Basically all you need to do is prefix it.)</li>
<li>Now everything should work fine. Your whole template is replaced with widgets now, not just your content.</li>
</ul>

Atom Builder

Build your page content with widgets, directly in the customizer. Simple. No page builder needed.

Organic Widget Area Block vs Atom Builder