Preparations

Access and download the course material on https://github.com/carolinan/fullsiteediting


Transcript

Before we can start, there are a couple of things that we need:

First, you need a local WordPress install to work on.

Any test install with atleast WordPress 5.4 will work.

But do not try this on a live website, because this is still an experimental feature.

If you need to setup a local install, you can use the new WordPress environment
that has been created for Gutenberg development.

For this you will need: Docker, Docker Compose, NPM and Python installed.

[Screen: Direct links can be found in the course material for this lesson ]

Secondly, you need to install and activate the Gutenberg plugin.

[Screen: Minimum version: 8.2 ]

Remember that if you choose a different version of the plugin,
the UI might look different.

If you want to try the absolute latest features for full site editing,
you can do a git clone from the Github repository:
github.com/wordpress/gutenberg

[Screen: Clone or download the latest version of Gutenberg from Github: git clone https://github.com/wordpress/gutenberg ]

If you select this option, remember to follow the instructions inside the plugin.

It will explain to you how to install, and how to build your files.
So when we have installed WordPress and activated our plugin,
we need to enable full site editing.

[Screen: The video shows the narrator opening the Gutenberg menu
in the WordPress admin area, and selecting the Experiments menu item.
She selects the checkbox next to the label “Full site editing” and then clicks on the button
“Save Changes”.]

I am just going to select the Gutenberg menu and click on Experiments, select our option full site editing, and save.
Note that we will not be using the demo content, so you don’t need to enable that.

And as a final step, I need you to download the course files.

Inside the zip file, you will find folders that are named after each lesson.

Here, you will find the demo themes that we will be working on,
and any other relevant files.

So if you are viewing lesson 3, you would open the folder named lesson 3,
and follow the instructions on the lesson page and the video.

When a lesson includes exercises for writing code there will be two version of the theme: One that you will be editing, and a complete version for reference.

Links

Link to the Gutenberg Github repository:

https://github.com/WordPress/gutenberg/

Link to documentation for the local WordPress environment:

https://github.com/WordPress/gutenberg/blob/master/docs/contributors/getting-started.md