Skip to main content

Gutenberg Blocks

Introduction​

The Gutenberg Blocks module in Builderius empowers you to seamlessly integrate WordPress Gutenberg blocks into your website or application. By utilizing this module, you can easily render and display Gutenberg blocks directly within the Builderius editor and template.

The Gutenberg Blocks module acts as a bridge between the Builderius editor and WordPress Gutenberg blocks. It allows you to paste the block code directly into the module's content field, enabling you to showcase static and interactive content generated by Gutenberg blocks.

Using WordPress Gutenberg Blocks​

WordPress Gutenberg blocks are the building blocks of the Gutenberg editor, providing a wide range of functionality and design elements for your content. With the Gutenberg Blocks module, you can harness the power of these blocks and incorporate them seamlessly into your Builderius designs.

Blocks styles​

Because Builderius disabled blocks styles in its templates to empower its users to control the code that is processed and optimize the site for performance, in case you want the block to render in the style it was made with you will have to re-enable the blocks styles in the template.

Standard Module Settings​

Module data settings

The Gutenberg Blocks module comes with two essential settings: Content and Render Conditions. Let's explore each setting in detail.

Content​

In the Content section, you can paste the Gutenberg block code you want to utilize. Simply copy the entire block code from the WordPress Gutenberg editor and paste it into this field. The module will then render the block and display its output within your Builderius designs.

Render Conditions​

The Render Conditions setting allows you to control when the Gutenberg Blocks module and its associated block will be rendered on your website or application. With this feature, you can set server-side conditions that determine the circumstances under which the block's output will be displayed.

Conclusion

Congratulations! You've learned about the Gutenberg Blocks module and its essential settings in Builderius. Armed with this knowledge, you can now create any kind of html element to enhance your website or application. Experiment, explore, and unleash your creativity with the Gutenberg Blocks module!