No React, No Problem Advanced Custom Fields now offers a simple way of converting traditional ACF field groups into Gutenberg blocks without writing a line of React. This exciting announcement from the ACF team is really appealing if you aren’t ready to dive head-first into building custom Gutenberg blocks, which can be a time consuming and daunting

The new WordPress block editor includes two new alignment options. To take advantage of the new alignment options, your theme must first support them. Include add_theme_support( 'align-wide' ) in your…

Want to update to WordPress 5.0 ? Not sure how to update your old posts with Gutenberg? Follow our guide on how to convert old posts into Gutenberg blocks.

Do you want to save time by using reusable blocks in Gutenberg editor? Learn how to easily create reusable blocks in WordPress block editor (Gutenberg).

Converting a shortcode to a block: this method is fast to do, but a mediocre UX. You should only use this as a stopgap until you can implement a full block UI. · GitHub

As with most things involving Gutenberg, this could change, and may not be best practice later on, but it’s what I’ve found to work for the time being. Both ...

In the previous post, we learned all about block style variations and how they're used in the brand new WordPress 5.0 editor to switch between predefined styles easily.We'll take things a little...

The Gutenberg Component Autocomplete is an interesting one. You can use it to show a list of posts to choose from or any other list possible. In this tutorial we are going to learn the options for it and how […]

Before we start building new blocks for the Gutenberg editor we need to know how to properly enqueue scripts and styles. Thankfully WordPress makes this easy with two new hooks.

Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as...

When building themes with custom styles for Gutenberg blocks you need to make sure those styles match in the editor as well.

The following code is used by Weaver Xtreme Version 4.0 to support Gutenberg block styling in both the front-end and for the visual editor in the back end. This code is subject to change as both We…

Want to see your content's end result right in the Gutenberg editor? I take you through all the steps necessary to add editor styling rules to your website.

Here we create a block that builds off what we've learned in parts 1. We want to create a Wordpress Gutenberg block that can be rich text editable by content editors.

This is the third part of a WordPress Gutenberg Blocks series. You can see Part 1 and part 2. The finished repo for this tutorial is located here. We’ve created a simple block that allows a user to edit an h2 element in a truly WYSIWYG style. We’ve talked about how WordPress Gutenberg does attributes and how […]

Twenty Nineteen is the brand new WordPress 5.0 default theme and it's all about Gutenberg. Check out what's new in theme development with Gutenberg.

A Gutenberg beginners tutorial showing you how you can work with the Gutenberg editor image blocks.

WordPress 5.0 and the new Gutenberg editor are almost here. Is your theme ready?

Changing the Gutenberg's defaut with my frontend fonts. Calling the enqueue_block_editor_assets hook and loading my custom editor style file.

Now is an exciting time for WordPress developers with the official release of version 5.0 just around the corner. This will mark the debut of the brand new editor, code-named Gutenberg. If you have...

The new Gutenberg editor has reusable blocks. Create a piece of content once and use it over or reuse it in your WordPress posts and pages with just a click.

I'll walk you through building a metabox for tweaking the width of post titles, along with live-updating in Gutenberg.

The Gutenberg editor introduces some new and interesting alignment options:- full-widthwide-alignment These options require that your theme explicitly

While not a full-fledged page builder, WordPress Gutenberg does allow for the type of customization. Read this tutorial to learn how.

Listen to this article: I’m writing a number of articles outlining the tricks the trade I’m learning while developing Gutenberg-ready WordPress themes. Up next is this guide on supporting Gutenberg’s new alignment features. Woot! In the coming months, the WordPress editor will receive a major overhaul — quite possibly the biggest evolution that WordPress will […]

Implementing the new Gutenberg Image Alignment options due out in WordPress 5.0 is a cinch. Start getting your themes ready now!

Need WordPress Gutenberg help? Check out these WordPress 5.0 tutorials, tips and more to make the Gutenberg Editor update a little less stressful.

WordPress 5.0 just landed with a new post and page editor called Gutenberg. Because WordPress 5.0 is a major version release, you'll want to have a proper WordPress 5.0 just landed with a new post and page editor called Gutenberg. In this post, we'll cover how to update to WordPress 5.0 with a quick checklist.

Big news in WordPress: on December 6, 2018 (last Thursday as I'm writing), WordPress 5.0 shipped. Among a few smaller updates was one massive one: the