Installation

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

Level: Beginner

Estimated reading time: 3 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.
Make sure that you are logged in as an administrator for this lesson.

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.

Gutenberg plugin activation screen.


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.

The Gutenberg experimental settings page has a form with a checkbox for enabling and disabling the Navigation screen experiment.

The Navigation screen experiments should be disabled. We will not be testing this feature 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 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.

You need to set the permalink structure to Post name for the website’s 404 page to work.
In your WordPress admin area, open the Settings menu and select Permalink Settings.
Under Common Settings, you will find a list of radio boxes. Select the post name option and save your changes.