{"id":20946,"date":"2026-05-14T12:31:34","date_gmt":"2026-05-14T16:31:34","guid":{"rendered":"https:\/\/wpclub.pro\/?post_type=product&p=20946"},"modified":"2026-05-14T12:32:18","modified_gmt":"2026-05-14T16:32:18","slug":"meta-box-blocks-extension","status":"publish","type":"product","link":"https:\/\/wpclub.pro\/en\/item\/meta-box-blocks-extension\/","title":{"rendered":"Meta Box Blocks Extension 1.8.3"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Meta Box Blocks Extension<\/h2>

Create custom Gutenberg blocks with PHP. No React, Webpack, or Babel required. Beautiful syntax, powerful features.<\/p>

Since version 5.0, the block editor (Gutenberg) has become the default editor for WordPress. The Meta Box Blocks Extension allows you to write content and get a live, real-time preview. In other words, what you write is what you'll see on the front end.<\/p>

Gutenberg supports many blocks for content creation. But it's never enough. WordPress developers still need to create custom Gutenberg blocks for their specific content. And that's where the Meta Box Blocks Extension can help speed up this process.<\/p>

How can the Meta Box Blocks Extension help create Gutenberg blocks?<\/strong><\/p>

Creating a custom Gutenberg block requires WordPress developers to use React with modern JavaScript tools like Webpack and Babel. The setup and JavaScript creation process isn't easy for most WordPress developers, who have spent years learning PHP to create WordPress themes or custom plugins. Learning something new isn't always an option for them.<\/p>

With the help of the Meta Box Blocks Extension, WordPress developers can create custom Gutenberg blocks using only PHP! There's no JavaScript setup and no need to learn React. It's all pure PHP, just like creating a custom meta box with the Meta Box Blocks Extension.<\/p>

What are the benefits of creating Gutenberg blocks with PHP?<\/strong><\/h3>

For most WordPress developers, who are more familiar with PHP than JavaScript, using the Meta Box Blocks Extension to create custom Gutenberg blocks has several benefits:<\/p>

You only need to dedicate a very short amount of time to learn how to create custom Gutenberg blocks in PHP. If you're already a Meta Box user, you just need to learn a few settings. The whole thing won't take more than 10 minutes!<\/p>

You don't have to learn a new JavaScript framework: React alone to write a simple Gutenberg block.<\/p>

And you don't have to spend a whole day figuring out how to configure Webpack and Babel to compile your JavaScript code.<\/p>

Along with that, you can also:<\/strong><\/h3>

Create complex Gutenberg blocks with multiple block configurations, which isn't always easy to do with JavaScript.<\/p>

It inherits many configurations and field types from Meta Box (more than 40 field types), saving you a lot of time creating new blocks.<\/p>

That's what it says, you just need to focus on the logic and presentation of your block and leave all the heavy lifting of setting up the fields to Meta Box Blocks Extension.<\/p>

Real-time live preview blocks<\/strong><\/h3>

Similar to creating Gutenberg blocks with JavaScript, creating Gutenberg blocks with the Meta Box Blocks Extension gives you full Gutenberg functionality. You can edit block settings and see changes in real time. Whenever you make a change to a block field, the block is immediately re-rendered with the new field value.<\/p>

Furthermore, if your block requires any dynamic scripting (such as if you want to create an instance of a slider), you have full capability to do so.<\/p>

Create Gutenberg blocks visually<\/strong><\/h3>

If you're not familiar with coding, you can still benefit from the Meta Box Blocks Extension with the help of the Meta Box Builder. The builder extension lets you create Gutenberg blocks without writing a single line of code. All you need to do is select your block configuration, and you're good to go!<\/p>

Features of Meta Box Blocks Extension<\/h3>
  • Use a syntax similar to creating a metabox, so you don't have to learn too much if you're already familiar with Meta Box.<\/li>
  • It supports all Meta Box field types and features.<\/li>
  • Ability to work with dynamic JavaScript if you want to run your custom JavaScript for blocks.<\/li>
  • Supports block alignment in Gutenberg<\/li>
  • Supports custom CSS classes<\/li>
  • Supports custom anchoring<\/li><\/ul>

    Buy Meta Box Blocks Extension now!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

    Meta Box Blocks Extension: Create custom Gutenberg blocks with PHP. No React, Webpack, or Babel required. Beautiful syntax, powerful features. From<\/p>","protected":false},"featured_media":121824,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false},"product_brand":[],"product_cat":[67],"product_tag":[70],"class_list":["post-20946","product","type-product","status-publish","has-post-thumbnail","product_cat-wordpress-plugins","product_tag-plugins-para-campos-personalizados","pa_autores-meta-box","first","instock","sale","downloadable","virtual","sold-individually","purchasable","product-type-simple"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product\/20946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/comments?post=20946"}],"version-history":[{"count":0,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product\/20946\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/media\/121824"}],"wp:attachment":[{"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/media?parent=20946"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product_brand?post=20946"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product_cat?post=20946"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/wpclub.pro\/en\/wp-json\/wp\/v2\/product_tag?post=20946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}