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…
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…
Editor styling for the Gutenberg editor: how to match your site's layout
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.
WordPress Gutenberg Blocks: Setting up and enqueueing CSS in the editor and the view
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 […]
The Ultimate Guide to Gutenberg Image Alignments in WordPress Themes
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 […]
WordPress 5 will come with a new editor called »Gutenberg«, which is completely different from the current TinyMCE. That does not only mean change for the users...
Creating a Responsive Gutenberg Price Table - Joe Casabona
WordPress 5.0's new editor is super powerful and gives us new possibilities. In this tutorial, we'll make a Gutenberg Price Table with the Columns block.