Gutenberg

Neither the parent Genesis nor any of the official StudioPress child themes are Gutenberg-ready as of today. No doubt this is going to change but in the meantime, we can add support for Gutenberg in our Genesis themes and style the blocks to match the rest of the site on the frontend. This article provides... Continue Reading »

gutenberg-migration-guide - Documents WordPress Classic Editor integration points and their Gutenberg equivalents

Gutenberg Editor Review + Tutorial On How It Works. The Gutenberg Editor, to the uninitiated, is a new way to edit content within WordPress. Read my tutorial on using Gutenberg, the pitfalls and positives as well as my review verdict from a user perspective on WPin.me

Gutenberg soon will be added to the WordPress core. This is great news for some, not so great for others. With 99.9999% (estimate) of all WordPress sites...

In our last Gutenberg update, we shared our high level recommendations to help enterprise WordPress users fully embrace the block while planning for WordPress 5.0 and the new Gutenberg editor. That…

Start from the basics with WordPress Gutenberg blocks. This tutorial discusses the theory behind Gutenberg blocks, how they work and how to create a block

A block template is defined as a list of block items. Such blocks can have predefined attributes, placeholder content, and be static or dynamic. Block templates allow to specify a default initial s…

Gutenberg: everyone’s talking about it. In fact, when Iain wrote about it recently, it quickly became our most-commented-on-post ever. I have my own thoughts on the philosophy of focusing on… Read more

I've been working on updating my collection of WordPress plugins for the imminent Gutenberg update. So far it has not required much time to learn, and the...

Been playing with WordPress new Gutenberg functionality. While exploring the new features, I created some Shared blocks via the "Convert to Shared Block" b

A step by step guide to create your first Gutenberg block plugin. Click here now to find out more about the process of creating content blocks in Gutenberg

Learn how to create a reusable block in the Gutenberg editor using the instructions provided in this tutorial.

A comprehensive guide to creating theme color palettes. Learn more about styling themes for the new block editor in WordPress.

Gutenberg comes with a set of core libraries which are necessary for any kind of custom block development. Namely those libraries are: @wordpress/components: Generic, reusable UI WordPress components @wordpress/i18n: Internationalization utilities @wordpress/element: Abstraction on top

If you have templates that depend upon custom metaboxes, you can use this tutorial to disable Gutenberg only on those templates.

What we learned by developing three themes with Gutenberg in mind.

We show you how the block system works in Gutenberg, the new WordPress editor. We will create a new entry with the most usual blocks so you can see how it works and what options it offers you.

All the links, tutorials, resources and tools you need to learn and start using Gutenberg.

Gutenberg is coming and we need to be prepared for it. In this tutorial, we will learn how to create a block that will display a post. If you’re reading this before February, 19th 2018, be sure to join the […]

Shortcodes will continue to work when WordPress 5.0 is released, but should be converted to to Gutenberg blocks for optimal user experience—Learn how.

If you’re a WordPress developer who is getting started writing custom content blocks for Gutenberg, you’ll find that this is a very different kind of development than you are used to doing. Gutenberg relies heavily and JavaScript and React instead of PHP, and the underlying architecture is unique. When I first started writing custom blocks […]

After completing Zac Gordon’s wonderful Gutenberg Development Course, I wanted to try building my own block. It was more difficult than I expected, but a great learning experience. I added a “List Subpages” block to my BE Subpages Widget plugin (code here). This lets you select a page and dynamically lists all its subpages. The…

One of the cool things I picked up while working on my Gutenberg Development Course was how to set a default color palette for all blocks inside your theme. Interestingly, as far as I can tell, def…

Organic Themes has created a custom block for Gutenberg. We have outlined the process of building a block, and provided the plugin to download.

Want to learn more about the upcoming WordPress Gutenberg editor? We'll tell you what it is, how it works, and show you how to use it to build your WordPress content pages and make them more attractive than what WordPress gives you by default.

In a couple months or so, Gutenberg will revolutionize WordPress publishing as we know it. It’ll finally bring a much-needed standardized content creation experience to WordPress. There’s just one small caveat. Innovation simply can’t happen without WordPress theme developers committing to the Gutenberg experience. If Gutenberg will become the de facto editing experience for the average WordPress […]