Writing a wrapper block for Gutenberg in WordPress
Learn how to create a wrapper block for Gutenberg in WordPress. In this tutorial we're going to write a wrapper block which adds a background color around its child blocks. Read More »
Category: Gutenberg Resources
Best curated resources for Gutenberg WordPress editor. Gutenberg tutorials, Gutenberg plugins, Gutenberg themes and more.
Reusable Blocks as Templates
In this tutorial, learn how to create a reusable template with your own blocks. Code also provided of a quick reusable Cover + Paragraph + Heading block if you want to give it a whirl. Read More »
What Gutenburg Means for Headless/Decoupled CMS
WordPress is currently changing a lot in terms of how we develop for it. The new “Gutenberg” editor is built using React. In this post, Josh Pollock going to look at what decoupled development means for WordPress. Adding Gutenberg to our toolkit we can use as WordPress developers, creates new opportunities, as well as new challenges. Read More »
Introducing Gutenberg Block Kit – Build Gutenberg Blocks Quickly
A new toolkit for Gutenberg Developers is here. Now you can quickly build Gutenberg blocks by spinning a full javascript development environment in your browser. No need to install anything locally. Simply start by editing a pre-loaded dummy block, edit and make your changes and download your plugin. Read More »
How to remove Default Gutenberg Blocks via Code
Learn How to remove or disable any Gutenberg blocks, not only for an entire website, but for a certain custom post types and even for certain posts. Via simple code you can completely disallow any block(s) completely. Read More »
Building Gutenberg Blocks with ACF
Learn How to build Gutenberg Blocks using Advanced Custom Fields in this tutorial by Pantheon . Building ACFBlocks is easy, simply register a block, add fields visually via ACF and write down the html markup of the block. Find out more in this tutorial. Read More »
Why Gutenberg Has Changed My Opinion of Page Builders
Since the release of Gutenberg, the WordPress block-based editor, I’ve started re-thinking page builders. After some soul searching, here’s what I’ve found. Read More »
How to Create a Custom Gutenberg Block in WordPress (Easy Way)
Looking for an easy way to create a custom block for your site? Here's a step by step guide on how to create a custom WordPress block for Gutenberg. Read More »
How to add a Carousel to Blog Posts and Pages using Gutenberg!
The Gutenberg editor has so many awesome features, but it gets better. There are numerous Plugins we can use with Gutenberg. Harnessing these tools together offers amazing options to create engaging content. AND they are free and super easy to use. Read More »
How to only print styles for Gutenberg Blocks used on a page
Learn how to only print styles for those specific blocks which are used on a page, instead of including a large stylesheet including all styles for all blocks. Read More »
How to Create Custom Text Formats for Gutenberg Block Editor
Learn how to create new rich text format using registerFormatType function in this tutorial. Read More »
Why and How to Create a Gutenberg Block
The WordPress Gutenberg editor is here to stay. Embrace the future and learn how to create a Gutenberg block in this beginner tutorial by Torque. Read More »