Gutenberg Resources

Best curated resources for Gutenberg WordPress editor. Gutenberg tutorials, Gutenberg plugins, Gutenberg themes and more.

Gutenberg Tips to Improve Your Productivity in the Editor

This post by Kioken Blocks contains some nifty tips and tricks for the new WordPress block editor, Gutenberg. These tips may increase your editing experience.

New Block APIs in WordPress 5.3

In addition to a number of improvements and features for the block editor, WordPress 5.3 comes with new Block-related APIs for developers. A must read for Developers.

How to apply a gradient background in Gutenberg

You can easily apply a gradient background to any Gutenberg block via custom CSS. I have already explain how to add custom CSS to any Gutenberg block in a previous tutorial. Go through that tutorial as it explains it well,…

How to apply custom CSS to any Gutenberg Block

What if you need to apply some custom styling using CSS to your content in Gutenberg editor. There are a few ways you can apply custom CSS to any Gutenberg block. Let’s find out how to do it. 1. Via…

How to add icons in Gutenberg without any plugin

Icons obviously are one of the most needed elements for a web page. In WordPress Gutenberg editor there is currently no default block to easily insert an icon such as Font Awesome, Material Design Icons, Unicons, Dashicons and many other.…

Tutorial: Display a Select Dropdown List of Posts in Gutenberg

Learn how to get posts in Gutenberg using REST API and create a select dropdown from these posts.

WordCamp blocks are now available!

Four Gutenberg blocks are live now which will be used on newly created WordCamp websites going forward. The four blocks are: Speakers Sessions Sponsors Organizers There is also one more block in development for WordCamp schedules.

WordCamp Europe 2019: Livestream links to every talk

If you were not able to attend the WordCamp Europe 2019 last week, here are the links to watch all those amazing talks at Youtube. This turned out to be the largest WordPress conference ever (so far!) with 2734 attendees…

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.

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.