In this exercise, you will install the Gutenberg plugin and the TT1 Blocks theme.

Level: Beginner

Estimated reading time: 2 minutes

Create a WordPress test site

I know that learning about a new editor tool can be overwhelming, -especially an experimental tool, – and that you may be worried about breaking your website.

That is why I recommend that you set up a second WordPress test site. Having a test site will allow you to learn and gain confidence by making changes, testing, and even breaking things on purpose. And once you are done, you can just throw it away.

If you are not able to set up a second website on your webhost, you can have a WordPress test installation on your own computer with one of these tools:

Use the latest version of WordPress.
-For the lessons in this course, make sure that you are logged in as an administrator.

Install the Gutenberg plugin

In the WordPress admin area, select the Plugins menu.
If you already have Gutenberg installed, make sure that it is the latest version and that there are no pending updates.
If not, click Add New. Select Gutenberg in the plugin directory, Install and Activate.

Deactivate all other plugins. -This is to reduce the risk of plugins causing bugs with the experimental features.

When Gutenberg is active, you will have access to a new menu. Open the Gutenberg menu
and click on Experiments. Make sure that both the Navigation and Widget experiments are disabled. We will not be testing these two features in this course.

Install the TT1 Blocks theme

To work with the new site editor, you need to install a theme that has support for full site editing.

In the WordPress admin area, select the Appearance, Themes. Click on Add New.
Use the search form to search for TT1 Blocks.
This is a theme created by the WordPress team, and it looks a lot like the default theme
Twenty Twenty-One. You will recognize it by the mint green background color and large heading.
Install and Activate TT1 Blocks:

Search for TT1 Blocks in the theme directory.