Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Test Your Site for Updating to Gutenberg (Block Editor)

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you ready to transition to the WordPress Gutenberg editor? Officially launched with WordPress 5.0, the Gutenberg block editor is the default content editor for WordPress that allows you to create visually stunning content using blocks.

The challenge is that some older themes and plugins may not properly support Gutenberg, so updating your website can cause unexpected issues.

In this article, we will show you how to test your WordPress site for updating to Gutenberg.

Testing your site for update to Gutenberg and WordPress 5.0

Why Test Your WordPress Site Before Updating to Gutenberg?

WordPress 5.0 brought a totally new way of creating content with a brand new editor called the block editor or Gutenberg. It uses blocks, which are content elements that you can move around the editor.

Add a column block

However, some users are still reluctant to update their WordPress websites to the block editor, fearing that something will not work or that Gutenberg may break their website.

Gutenberg was developed over a long period with enough time for theme and plugin developers to make their products Gutenberg-compatible. All top WordPress plugins are already fully compatible with Gutenberg, and most themes will work without a hiccup.

However, to avoid any conflicts, you may want to test your site with Gutenberg and newer versions of WordPress. This will allow you to find if any of your plugins or themes are incompatible. You can also catch unexpected WordPress errors and fix them before updating your live site.

That being said, now let’s go ahead and check how to test your website for updating to the Gutenberg block editor step-by-step. You can use these quick links to navigate through this tutorial:

Step 1: Create a Complete Backup of Your Website

You must always create a complete backup of your WordPress website before any major update. Backups protect you against any damage that can happen during the update process.

Keeping regular website backups is important even if you aren’t updating your site because they can save you in catastrophic situations like malware attacks, hacking, and more.

There are plenty of WordPress backup plugins that you can choose from. We recommend using Duplicator because it allows you to create manual and automated backups and store them in multiple locations.

Step 2: Test Your Site on a Local Server or Staging Site

After you have created a complete backup of your website, you are now ready to test your website with the newest version of WordPress and the Gutenberg editor.

There are two common methods to test new updates without actually affecting your live site:

  1. Test your website on a local server installed on your computer.
  2. Test your website on a staging server.

Both options allow you to test WordPress with the block editor and your existing content, plugins, and themes.

1. Test Your Website on a Local Server

Using a local server simply means installing your WordPress site on your personal computer with software like WAMP or MAMP (for Mac).

In this method, you will first move a copy of your live WordPress site to the local server using a migration plugin like Duplicator.

Duplicator

Then on the local site, you can update to the latest version of WordPress and test out all your plugins/themes for compatibility with the block editor.

You can also make changes on the local site and upload them to your live site when you are done.

If you didn’t need to make any changes to the local site, and everything seemed ok, then you can go ahead and update your live site to the latest version of WordPress.

2. Test Your Website in a Staging Environment

A staging site is a separate development version of your website where you can try out new features.

It’s usually a subdomain of your site that’s restricted from public access. It’s where you can test new updates, themes, and plugins, or use it for all your development. Once you have tested everything necessary, you can then upload it to your live site.

Most top WordPress hosting companies offer 1-click staging site installation from your hosting account.

If your site is hosted with Bluehost, then you will find an option to create a staging site in the Bluehost menu in your WordPress admin dashboard.

Bluehost's staging feature

You can also create 1-click staging sites on Hostinger, WP Engine, and SiteGround. If you are not using any of these hosting companies, then you should ask your host because they may offer this feature.

If your hosting service doesn’t have a staging site installation feature, then you can still do it manually on your own. Here’s our step-by-step tutorial on how to create a staging environment in WordPress.

Step 3: Install the Classic Editor Plugin (Optional)

Now, there’s a chance that a theme or plugin wasn’t working after updating WordPress, which means you still have work to do.

You need to reach out to the theme or plugin developer and ask them to make it compatible with the latest WordPress release.

If you don’t get a positive response, then you need to find an alternative theme or plugin to replace the incompatible ones.

Alternatively, you can also simply disable Gutenberg by installing the Classic Editor plugin on your WordPress site. Doing this will allow you to safely update WordPress while still keeping the classic editor that you are familiar with.

Classic Editor is an official WordPress plugin from WordPress core contributors that allows you to switch back to the classic editor. With this plugin, you can hide the Gutenberg editor and create content the same way as before.

This is also a good option if you don’t like the block editor.

Switching to the classic editor

Step 4: Learn More About the Gutenberg Editor

If you are just starting your first WordPress blog, then you are in luck. You will quickly get used to the awesome new block editor, which is faster, more modern, and incredibly powerful.

On the other hand, if you have been using WordPress for a while, then the new editor is an exciting new experience for you.

Most of us are used to working with the old editor and have set up our workflows around it.

The good news is that you can still do all the things you did in the old editor with Gutenberg and then some more.

To help you learn new features, we have created a complete Gutenberg tutorial. It shows how to use the block editor and create visually stunning content for your site.

You can also check out our complete guide on the Full Site Editor, which is like the block editor but for editing your WordPress theme.

We hope this article helped you to learn how to test your WordPress site for updating to Gutenberg and the block editor. You may also like to see how to fix common block editor problems, and our expert picks for the best Gutenberg block plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      Thanks for bringing this site to our attention, we’ll certainly take a look at it.

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WPBeginner Assistant
How can I help you?

By chatting, you consent to this chat being stored according to our privacy policy and your email will be added to receive weekly WordPress tutorials from WPBeginner.