Skip to Content
Main Content

Hiker Looking Out Over Mountains

3 Minute Read | January 17, 2019

The Gutenberg WordPress Editor

What You Need to Know

WordPress has released Gutenberg, its new editor. Ready or not, you have instant access to Gutenberg once you update to WordPress 5.0.

So what should you do about it?

Gutenberg makes editing pages and posts a drag-and-drop experience. But a lot of healthy debate about Gutenberg is percolating among users who develop and manage WordPress websites. Here are the main Pros and Cons of Gutenberg in its current state.

Pros of Gutenberg

  • Shortcodes are no longer a necessity. The new block system makes it easier for users to accomplish what shortcodes did previously.
  • The new block system is generally more intuitive and easier to learn, which is great for beginners and non-tech-savvy users.
  • More robust content alignment options are beneficial for larger resolution screens and full-width templates.
  • Gutenberg has a clean, visually attractive interface with more writing space.
  • The editor is mobile friendly; you can edit content on the go.
  • Note that it’s still early for Gutenberg, which has a long road ahead. Long-term, the goal is a better overall experience managing a website and writing and editing content.

Gutenberg Screen Shot

Gutenberg’s block-based system adapts well across devices, so users can update website content with phones and tablets, in addition to desktops.

Cons of Gutenberg

  • Gutenberg does not have backward compatibility, a problem given the large number of themes and plugins in current use. This is not all bad; WordPress themes have become way too large and swollen with code bloat. It’s time to clean up the code, with or without Gutenberg.
  • Some have raised concerns pertaining to the accessibility of Gutenberg.
  • No markdown support exists currently, but this might be addressed in the future.
  • Change is scary. As with any other content management system, the learning curve might be daunting for those unfamiliar with this page builder approach.

Gutenberg Is Here to Stay

No matter the Cons, Gutenberg will become the new WordPress normal. If you aren’t quite ready for it, install the Classic Editor Plugin and set it as the default, even after you upgrade to WordPress 5.0. Installing and activating the Classic Editor Plugin will make everything function like WordPress 4.9.

This will merely postpone the inevitable. Once Gutenberg officially rolls into WordPress Core, you won’t be able to avoid it.

Nor will you want to. The goal behind Gutenberg is to help users write content, build websites and design them more easily. The first phase of Gutenberg has focused on improving the editing experience for pages and posts. The second phase of the project will address customizations, with improved widgets as the starting point. Gutenberg will also tackle better ways for users to manage site navigation. Expect to see something like the new block-based system in all areas of the content management system.

In the final phase of Gutenberg, WordPress aims to place a complete page-building experience in WordPress Core. This could end the need to purchase website templates or even page builders – but we aren’t there yet. Right now, users can build WordPress sites in a bewildering number of ways. Gutenberg should provide a new standard and structure to end the chaos.

How to Test Gutenberg on Your Website

Since Gutenberg is the future of WordPress, the sooner you start preparing your website, the better. First things first: Back up your website files and database. If something goes wrong, you’ll want an easy way to restore your site to normal and give you time to address the issues. Here are directions for backing up your WordPress website -- assuming your website is hosted through WP Engine, a specialized web host company focused solely on WordPress hosting. No matter who hosts your website, you should already have backup systems in place.

The Gutenberg transition is a great time to use a staging environment. This environment allows your team to develop and test website changes before pushing any updates to your live environment. Upgrade to WordPress 5.0 in your staging environment to view how it will affect your site before trying it out on your live website.

Need Help with Gutenberg?

If you have concerns about Gutenberg in particular or WordPress in general, we can help. Northwoods can audit your current plug-ins and recommend ways to improve your WordPress site and get it ready for the Age of Gutenberg. Please contact us for more information.

Authored By

Jenna Dehn

Jenna Dehn

UX Design Lead

hand-drawn owl

Get Expert Tips

361626/Blog/Gutenberg-What-You-Need-to-KnowWhat You Need to Know3
<p>WordPress has released Gutenberg, its new editor. Ready or not, you have instant access to Gutenberg once you update to WordPress 5.0.</p> <p>So what should you do about it?</p> <p>Gutenberg makes editing pages and posts a drag-and-drop experience. But a lot of healthy debate about Gutenberg is percolating among users who develop and manage WordPress websites. Here are the main Pros and Cons of Gutenberg in its current state.</p> <h2>Pros of Gutenberg</h2> <ul> <li>Shortcodes are no longer a necessity. The new block system makes it easier for users to accomplish what shortcodes did previously.</li> <li>The new block system is generally more intuitive and easier to learn, which is great for beginners and non-tech-savvy users.</li> <li>More robust content alignment options are beneficial for larger resolution screens and full-width templates.</li> <li>Gutenberg has a clean, visually attractive interface with more writing space.</li> <li>The editor is mobile friendly; you can edit content on the go.</li> <li>Note that it’s still early for Gutenberg, which has a long road ahead. Long-term, the goal is a better overall experience managing a website and writing and editing content.</li> </ul> <p><img alt="Gutenberg Screen Shot" src="/Northwoods-2020/Blogs/GutenbergScreenShot.jpg?Large"></p> <p><em>Gutenberg’s block-based system adapts well across devices, so users can update website content with phones and tablets, in addition to desktops.</em></p> <h2>Cons of Gutenberg</h2> <ul> <li>Gutenberg does not have backward compatibility, a problem given the large number of themes and plugins in current use. This is not all bad; WordPress themes have become way too large and swollen with code bloat. It’s time to clean up the code, with or without Gutenberg.</li> <li>Some have raised concerns pertaining to the accessibility of Gutenberg.</li> <li>No markdown support exists currently, but this might be addressed in the future.</li> <li>Change is scary. As with any other content management system, the learning curve might be daunting for those unfamiliar with this page builder approach.</li> </ul> <h2>Gutenberg Is Here to Stay</h2> <p>No matter the Cons, Gutenberg will become the new WordPress normal. If you aren’t quite ready for it, install the Classic Editor Plugin and set it as the default, even after you upgrade to WordPress 5.0. Installing and activating the <a href="https://wordpress.org/plugins/classic-editor/" linktype="3" target="_blank">Classic Editor Plugin</a> will make everything function like WordPress 4.9.</p> <p>This will merely postpone the inevitable. Once Gutenberg officially rolls into WordPress Core, you won’t be able to avoid it.</p> <p>Nor will you want to. The goal behind Gutenberg is to help users write content, build websites and design them more easily. The first phase of Gutenberg has focused on improving the editing experience for pages and posts. The second phase of the project will address customizations, with improved widgets as the starting point. Gutenberg will also tackle better ways for users to manage site navigation. Expect to see something like the new block-based system in all areas of the content management system.</p> <p>In the final phase of Gutenberg, WordPress aims to place a complete page-building experience in WordPress Core. This could end the need to purchase website templates or even page builders – but we aren’t there yet. Right now, users can build WordPress sites in a bewildering number of ways. Gutenberg should provide a new standard and structure to end the chaos.</p> <h2>How to Test Gutenberg on Your Website</h2> <p>Since Gutenberg is the future of WordPress, the sooner you start preparing your website, the better. First things first: Back up your website files and database. If something goes wrong, you’ll want an easy way to restore your site to normal and give you time to address the issues. <a href="https://wpengine.com/support/restore/" linktype="3" target="_blank">Here are directions</a> for backing up your WordPress website -- assuming your website is hosted through WP Engine, a specialized web host company focused solely on WordPress hosting. No matter who hosts your website, you should already have backup systems in place.</p> <p>The Gutenberg transition is a great time to <a href="https://wpengine.com/support/staging-development-environments-wp-engine/" linktype="3" target="_blank">use a staging environment</a>. This environment allows your team to develop and test website changes before pushing any updates to your live environment. Upgrade to WordPress 5.0 in your staging environment to view how it will affect your site before trying it out on your live website.</p> <h3>Need Help with Gutenberg?</h3> <p>If you have concerns about Gutenberg in particular or WordPress in general, we can help. Northwoods can audit your current plug-ins and recommend ways to improve your WordPress site and get it ready for the Age of Gutenberg. Please <a href="/OffNav/Contact-Us" linktype="2" target="_self">contact us </a>for more information.</p>
/Northwoods-2020/Hero-Images/Hiker-Looking-Out-Over-Mountains.pngHiker Looking Out Over MountainsJenna Dehn/Northwoods-2020/People/Jenna-Dehn.jpgWoman in front of a log cabin wall with soft, warm lighting<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script>hbspt.forms.create({ region: "na1", portalId: "23630176", formId: "40c5bbae-05a2-42ea-94dd-1662181fd56e" });</script>The Gutenberg WordPress Editor2019-01-17T00:00:00/Northwoods-2019/Blogs/blogging-blur-business-261662-min.jpg?MediumConfused about the new WordPress Gutenberg editor? Review the pros and cons and find out how you can use it effectively on your WordPress site.3620811/People/Jenna-DehnJennaDehnUX Design Lead<p>Jenna listens closely to understand clients&rsquo; goals and uncover solutions for their marketing and design challenges. She specializes in developing wireframes and prototypes with a strong focus on UX/UI and&nbsp;collaborates with Northwoods&#39; digital strategists&nbsp;to ensure that strategy guides the design process. Jenna has a wealth of experience designing for data and creates stunning page layouts that showcase complex product information in a digestible format. She enjoys creating infographics, display ads, and illustrations that enrich marketing collateral and has a knack for using movement to bring websites to life. Away from Northwoods, Jenna enjoys downhill skiing, and her fuel of choice is Dr. Pepper. Be on the lookout for her cats Viper, Saber, and Flash, who are frequent guests during WFH calls.</p>Jenna Dehn/Northwoods-2020/People/Jenna-Dehn.jpgJenna DehnAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesNWS Data ModulesTopic - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesJenna DehnProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesSkillLevel - NWS Data ModulesTopic - NWS Data ModulesVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data ModulesTeamAll StaffDesignersDevelopersAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesNWS Data ModulesTopic - NWS Data ModulesWebsite DevelopmentWordPressPackage Type - NWS Data ModulesPersonID - NWS Data ModulesJenna DehnProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesNWS DigitalSkillLevel - NWS Data ModulesTopic - NWS Data ModulesVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data Modules02024-02-20T12:54:03.84000