iansvo

<p>This block allows you to add an additional block content area to a site-editor template and store the block output inside a meta field. By default, WordPress posts or pages may only store blocks in one place: post_content. These blocks are output on the page using the core/post-content block. This block allows you to have multiple “outlets” where you can add blocks so you can have post-specific blocks appear in more than one location in the template.</p>
<p>The block is a fork of the core/post-content block that uses a customized version of the useEntityBlockEditor hook which supports meta keys. The blocks for your content area are then stored inside that meta key (instead of post_content). This allows you to keep the blocks separate and you can use as many of these on a single template as you want (but in most cases 2 is probably enough). It’s all up to you!</p>
<h3>Requirements</h3>
<ol>
<li>Using this plugin requires you to enable template previews (which will let you visually see the new content area you’re adding). This can be enabled on any given post or page, but you can optionally set it on by default using a filter.</li>
<li>Your theme must be a block theme (i.e. it uses the site editor). This won’t work for a hybrid or classic theme (which has no concept of live template preview in the block editor).</li>
</ol>
<h3>Hooks</h3>
<p>If you want to disable this meta key’s registration, add the following to your theme or plugin:</p>
<pre><code><?php
add_filter( 'content_area_block_register_default_meta', '__return_false' );
</code></pre>
<p>For advanced users, there is also a filter for the entire block’s output. See the below snippet from render.php:</p>
<pre><code><?php
/**
 * Filter the block's frontend output.
 *
 * @param string $parsed_content The parsed block content for output.
 * @param int    $block_post_id  The current post ID the block is displaying in.
 * @param array  $attributes     The block attributes.
 * @param string $content        The original unparsed block content.
 * @param object $block          The current parsed block object.
 *
 * @return The block content for output on the frontend.
 */
$output = apply_filters( 
    'content_area_block_content', 
    do_blocks( str_replace( ']]>', ']]&gt;', $content ) ), 
    $block_post_id, 
    $attributes, 
    $content, 
    $block 
);
</code></pre>
<h3>Contributing</h3>
<p>The plugin source code may be found here: https://github.com/iansvo/content-area-block.</p>
<p>To build the plugin from source, you must have NodeJS (v24+) installed.</p>
<p>Setup Steps:</p>
<ol>
<li>Navigate to the project folder in your terminal.</li>
<li>Run <code>npm i</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to performn the initial build.</li>
</ol>
<p>If you’re using wp-env to run the plugin…<br />
1. Run <code>npm run wp-env start</code> to start the docker container.<br />
2. Run <code>npm run start</code> to watch for file changes.</p>


Content Area Block

Adds a block content area to a site editor template and stores the blocks in a specified meta field. By default, the plugin will add a new meta field  …

Jegstudio

<p>Gutenverse is a WordPress blocks plugin, page builder, and website builder for the native Block Editor and Site Editor. Create fast, responsive websites without code using 57 blocks, 600+ templates, global styles, responsive controls, popup builder tools, and block theme support.</p>
<p>Build landing pages, business websites, blogs, portfolios, headers, footers, archive templates, single post templates, popups, and full site designs with WordPress blocks in the native Block Editor and Site Editor.</p>
<p>Use Gutenverse when you want a lightweight page builder experience that extends WordPress, Gutenberg, and the Site Editor instead of replacing the editor.</p>
<h4>Why Choose Gutenverse</h4>
<ul>
<li>Build pages and websites with WordPress blocks</li>
<li>Use page builder controls inside the native Block Editor</li>
<li>Create full site layouts with the WordPress Site Editor</li>
<li>Start from 600+ starter templates, sections, and layouts</li>
<li>Use block themes and Full Site Editing (FSE)</li>
<li>Design responsive pages for desktop, tablet, and mobile</li>
<li>Build popups, landing pages, headers, footers, and post templates</li>
<li>Keep the editing workflow close to WordPress core</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>57 WordPress blocks for the Block Editor</li>
<li>600+ ready-to-import starter templates and sections</li>
<li>WordPress Site Editor and block theme support</li>
<li>Page builder controls inside the native Block Editor</li>
<li>Popup builder tools</li>
<li>Responsive editing controls and custom breakpoints</li>
<li>Global color and global font controls</li>
<li>Flexible layout blocks for sections, containers, and columns</li>
<li>Block management to enable or disable unused blocks</li>
<li>Icon library with 100+ icons</li>
<li>Advanced styling controls for spacing, background, border, typography, visibility, and animation</li>
<li>Lightweight, performance-focused website building experience</li>
</ul>
<h4>WordPress Blocks Included</h4>
<p>Gutenverse includes layout blocks, content blocks, design blocks, post blocks, and site building blocks for WordPress.</p>
<p>Block categories include:</p>
<ul>
<li>Layout and wrapper blocks: Container, Section, Column, Flexible Wrapper, and Popup Builder</li>
<li>Content and design blocks: Heading, Button, Image, Gallery, Tabs, Accordion, Icon Box, Team, Testimonials, Google Maps, and more</li>
<li>Post and site blocks: Post Block, Post Title, Post Content, Post Featured Image, Archive Title, and Search Result Title</li>
</ul>
<p>Explore the full block list at <a href="https://gutenverse.com/blocks/" rel="nofollow ugc">Gutenverse Blocks</a>.</p>
<h4>Template Library</h4>
<p>Gutenverse includes 600+ starter templates, layouts, and sections for faster website creation. Start from prebuilt designs, then customize each section with WordPress blocks, responsive controls, global colors, and global fonts.</p>
<p>Template types include landing pages, business websites, portfolio layouts, content sections, headers, footers, archive layouts, single post layouts, and full site templates.</p>
<h4>Built For The WordPress Site Editor</h4>
<p>Gutenverse works with the WordPress Site Editor, block themes, and Full Site Editing. You can create and customize site parts such as headers, footers, archive pages, and single post templates using WordPress blocks.</p>
<p>For a ready-made block theme, try <a href="https://wordpress.org/themes/unibiz/" rel="ugc">Unibiz</a>.</p>
<h4>Free And Pro Features</h4>
<p>The free version of Gutenverse includes the core WordPress blocks, template library access, responsive controls, global styles, layout tools, and popup builder features needed to build a complete WordPress website.</p>
<p>Gutenverse Pro adds advanced blocks, templates, form builder tools, popup options, dynamic data, display conditions, custom fonts, premium templates, and advanced site building features.</p>
<h3>Use of 3rd-Party Services</h3>
<p>Gutenverse may connect to the following third-party services when you enable or use related features.</p>
<h4>Gutenverse.com</h4>
<p>The Gutenverse dashboard may show optional links, template/library access, theme data, documentation, support, banners, license checks, or newsletter subscription features from gutenverse.com. Newsletter data is sent only when you manually submit your email address.</p>
<p>Website: https://gutenverse.com/<br />
Terms: https://gutenverse.com/terms-and-conditions/</p>
<h4>Google Maps</h4>
<p>If you add the Google Maps block, the map may load content from Google Maps.</p>
<p>Service endpoint: https://maps.google.com/maps<br />
Privacy Policy: https://policies.google.com/privacy<br />
Terms of Service: https://policies.google.com/terms</p>
<h4>Google Fonts</h4>
<p>Some Gutenverse dashboard screens may load Google Fonts for dashboard typography.</p>
<p>Service endpoint: https://fonts.googleapis.com/<br />
Privacy Policy: https://policies.google.com/privacy<br />
Terms of Service: https://policies.google.com/terms</p>
<h4>Social Share Links</h4>
<p>If you use social sharing blocks, visitors may open external social sharing URLs when they click a share button.</p>


Gutenverse – WordPress Blocks, Page Builder & Site Editor


This plugin is fantastic and full site editing theme compatible.


Awesome Plugins

WordPress blocks, page builder, and website builder for the Block Editor and Site Editor with templates, popups, and block themes.

Content Area Block vs Gutenverse – WordPress Blocks, Page Builder & Site Editor