December 6th, 2018 was a special date for WordPress: it marked the release of version 5.0 of the software that, to this day, powers more than one-third of
WordPress 5.0 and Gutenberg: A better way to handle CSS overload
As you may know, WordPress 5.0 introduced a new editor experience (for those that haven’t decided to explicitly disable it), and the response has been mostly “ok, cool.” from users, despite the controversial release schedule, and the decision to punt many accessibility and performance issues to subsequent patch releases. And while I won’t try to […]
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 […]
Home › Forums › Support › Styling for Gutenberg .alignfull and .alignwide This topic contains 4 replies, has 2 voices, and was last updated by Tom 8 months, 3 weeks ago. Viewing 5 posts - 1 through 5 (of 5 ... Read moreStyling for Gutenberg .alignfull and .alignwide
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.
Gutenberg full-width alignment in WordPress themes
Looking for providing Gutenberg editor's full-width alignment compatibility in your WordPress theme? Even though your theme sets boxed website layout, and even displays a sidebar? You're at...