The Gutenberg Editor: Here’s everything you need to know about WordPress 5.0
As a WordPress user, you’ve likely heard talk of the Gutenberg editor and WordPress 5.0 for the better part of this year. This exciting feature comes in the form of the latest WordPress update, “Bebo,” available starting November 6th, 2018.
This isn’t just any old update, however. The Gutenberg editor introduces a brand new WordPress publishing experience that’s pretty different than what you’re probably used to. It’s exciting, but there’s also a lot to think about as you get ready to update your site. To help make it all a little easier to understand, I’ve put together this guide to help you get started with Gutenberg!
Here’s everything you could possibly need to know about WordPress 5.0 (AKA Gutenberg!):
- What is Gutenberg?
- Pros of the Gutenberg editor
- Cons of the Gutenberg editor
- How to get the Gutenberg editor on your site
- How to test Gutenberg (before installing on your live site)
- What’s next for Gutenberg
What is the Gutenberg editor?
This all started with a little something called “Project Gutenberg” in June, 2017. While WordPress updates frequently, there hadn’t been any major updates to the WYSIWYG (What You See Is What You Get) editor in quite some time. And while the editor worked, it wasn’t always as flexible and customizable as users needed it to be.
In any given post, a publisher might include shortcodes and custom fields and meta boxes and custom code and on and on…all in an effort to make the built-in editor do more.
Beyond these techniques, there’s also been a rise over the last few years of drag-and-drop tools in the WordPress community, giving users more visual control over the design of their pages and posts. These resources also made it easier for beginners or less-technical users to start publishing great content, without having to learn how to build a shortcode right off the bat.
Enter: Project Gutenberg.
It’s an effort to redefine the entire WordPress publishing experience, all starting with the post editor and introduction of blocks in WordPress 5.0.
Beyond the general look of the editor, there’s one major difference: the introduction of blocks. Now, creators will be able to add blocks of content to their post, whether that content comes in the form of words, visuals, buttons, videos, you name it.
You’ll still be able to add everything you used to in the editor – you’ll just be able to visualize it better.
Let’s take a look at some of the pros and cons of the Gutenberg editor.
Pros of the Gutenberg editor:
Customizing visual content is much, much easier.
As the publisher of a WordPress blog and frequent user of the post editor, Gutenberg is incredibly exciting. It provides so many options to create interesting layouts and custom content configurations, without needing to dive into the code every time.
Plus, with rich content being easier to create, I think we’ll start to see more variety between WordPress sites. While there’s nothing wrong with sharing the same layout, it’ll be creatively refreshing to see some differences.
More white space = a better writing experience.
For fans of blogging on Medium (or even just typing in Google Docs), Gutenberg offers a cleaner writing experience in WordPress. It’s a breath of fresh air.
New alignment options allow for interesting visual layouts and flexibility.
Gutenberg is introducing two new alignment options: Wide and Full Width. For creators looking to maximize the impact of the content on large screens, this is pretty exciting stuff. For more details on using the new image alignments, I recommend this guide from Rich Tabor.
Gutenberg starts to standardize how plugins and themes interact with posts and post meta.
Traditionally, themes and plugins might try to accomodate for the limitations of the old editor, in order to help users get the desired post effect. With Gutenberg, however, themes and plugins can focus on just being themes and plugins, instead of trying to make up for the differences.
You can create custom blocks.
This one is exciting for a couple of reasons. First, because site owners will be able to develop their own, on-brand blocks for maximum creativity and consistency across posts. But second, this opens up a whole new market for developers to create custom blocks to share with the WordPress community. Personally, I’m really excited to see what creators dream up in this space!
Cons of the Gutenberg editor:
Accessibility isn’t fully built-in yet.
One of the largest drawbacks to Gutenberg today is that it isn’t accessible yet. While it would be nice for it to launch as a fully-accessible version, at least it’s in one place for the community to work on.
It’s new, so there’s definitely a learning curve.
Like any update to functionality, there will be a slight learning curve for anyone using the Gutenberg editor for the first time. But remember: We’re part of the WordPress community, one of the most helpful places on the internet! If you get stuck, someone will help.
You need to install a plugin to “opt out” of Gutenberg.
If you’re someone who builds sites for clients, and want to opt-out of the update for the time being, you’re going to need to install the Classic Editor plugin on every single site. It’s a fair bit of work to NOT update something, but crucial if you want more time to test before updating to Gutenberg.
No markdown support.
For publishers who’ve enjoyed typing in markdown in the past, you may be surprised when the new editor automatically converts it into blocks. This could take some adjusting to.
It might not be fully compatible with your themes, plugins, or existing published content.
Because Gutenberg is so different than the past editor, there’s a chance it conflicts with your site’s set up or published content. This means there’s a lot of testing that needs to happen to ensure everything works together.
If you’re a developer, Ahmad Awais has developed a great toolkit for building Gutenberg-compatible plugins. If you’re concerned about your own site, I recommend updating to WordPress 5.0 in a test environment first, so you have time to test your site’s configuration. (Keep scrolling for more information on testing!)
If you’re worried about the cons, one thing to note: Once WordPress 5.0 is launched, that’s not the end of development on Gutenberg. Matt Mullenweg, Founder and CEO of Automattic, mentioned at WordCamp Portland 2018 that updates will continue to roll out every couple weeks, to continue making improvements.
Now that you know a little more about Gutenberg, let’s dive into how you set it up on your site!
How do I get the Gutenberg editor?
When you’re ready to use the Gutenberg editor, all you have to do is update your site to WordPress 5.0. Then just head over to edit a post, and you’ll see Gutenberg waiting for you!
If you’re using a managed WordPress host, you’ll want to check how they’re planning to update sites on their platform. Flywheel will be waiting until late January, due to the scale of this update and the time of the year.
Before you update to Gutenberg, I highly recommend experimenting with it in a test environment. This will give you the opportunity to see how your existing content reacts to it, and to make sure your plugins and theme are compatible.
How to test the Gutenberg editor
In order to safely test the Gutenberg editor before installing in on your live site, you can use either a staging site or a local environment. Local by Flywheel is a free local development environment that’s perfect for this.
While a copy of your site is in the staging or local environment, go ahead and update to WordPress 5.0. Then, look around!
Here’s a checklist of things you should look for while auditing your site’s reaction to Gutenberg:
- Are published posts displaying content correctly?
- Do published pages look right?
- Can you customize your theme as expected?
- Do your plugins work like they’re supposed to?
- When editing a post, does Gutenberg override any setting you’re used to?
Depending on the size of your site, the amount of content you’ve produced, and how you like to work, this audit may take some time. In the meantime, if you would like to update to WordPress 5.0 without using the Gutenberg editor, you can install the Classic Editor Plugin. This plugin will be officially supported by the WordPress core team until December 31st, 2021, so you have plenty of time to experiment between the editors and make changes as needed.
What’s next for Gutenberg?
As I mentioned, this is only the beginning for the future of the Gutenberg editor and the WordPress publishing experience as a whole!
As far as the editor stands today, you can expect more updates and support for Gutenberg as developers continue to test and iterate on it. Beyond the post editor, updates will likely come to page templates and even full-site customization.
Within the WordPress community, I’m excited to see how plugins, themes, and custom blocks start to play together to create incredible publishing experiences and published content. There are already some great resources for anyone ready to dive into Gutenberg blocks, like:
- This guide to building custom blocks for Gutenberg, by Peter Tasker on Delicious Brains
- This library of blocks to download
- The Gutenberg Hub, a collection of blocks, resources, and tutorials
How are you feeling about Gutenberg? Are you excited to experiment with blocks? Are you nervous about the transition? Share any additional resources in the comments, so we can help each other learn!