Here you will learn how to add Gutenberg as a plug-in in older WordPress installations and how to create your page with Gutenberg.
Where can I find the editor in my 1&1 IONOS Managed WordPress?
Starting with version 5 of WordPress, Gutenberg is already installed, activated and immediately available as a standard editor. Gutenberg is a plug-in and can be installed later as a normal WordPress plug-in in older WordPress versions. (From WordPress 4.9.8)
How is Gutenberg structured / Where can I find what in Gutenberg?
Each block is basically structured as follows: The main part of the block contains the content, i.e. text, image, gallery, etc. The function bar is located above the content. Here you will find the most important formatting for the content, such as paragraph settings for text, the number of columns and rows for a table block, and so on. The other settings are always available on the right in the function bar:
Adding and moving blocks
To add a new block to your website, the following options are available:
- Click on the "+" sign in the top left corner of the top bar:
- Write a text and press the "Enter" key. Then a new block will be added automatically.
- Click on the "+" sign at the top of an existing block
If you have written your content or - if it is multimedia - added it, you can add or format the content at any time - e.g. for text left-flush instead of centered.
With a click on "further settings" the "further settings" will open:
- Hide block settings: so you can focus even more on content
- Duplicate: The existing block is inserted as a duplicate after that.
- Insert before: New (empty) block is inserted before the current one
- Insert afterwards: New (empty) block is inserted after the current one
- Edit as HTML: Edit content as HTML
- Add to reusable blocks: Block can be reused elsewhere
If you want to move a block within your page, you will find the corresponding tool to the left of the block content.
- If the "hand symbol" appears, move the block to another position using drop & drop.
- Move the block exactly one position up or down.
You will find many advanced settings for each block on the right:
For example, you can make the following settings for a block for images:
- Enter Alt text (alternative text): Important e.g. for SEO
- Change the image size
- Change the image dimensions to make large images smaller, for example
- Define links
- Add an additional CSS class.
The settings are adapted to the respective block, e.g. text settings for blocks for texts, styles for tables, etc.
Using and continuing existing WordPress projects with the new editor
If you use Gutenberg and open pages written with the old editor, the content in Gutenberg will be displayed in a special block called the "Classic Editor" block.
You can also edit the contents as in the old editor:
If you want to convert this Classic block into a current Gutenberg block, you will find the "Convert to blocks" function in the block options:
So you can convert your old content into Gutenberg blocks according to your needs.
You want to use WordPress 5 but prefer to use the old "Classic Editor"? No problem.
Install the Classic Editor as a PlugIn:
Further information can be found in the article Installing and Managing WordPress Plugins.
If you want to work exclusively with the Classic Editor, go to the PlugIn Settings and activate this function:
This replaces Gutenberg with the Classic Editor.
If you want to use both editors in parallel, activate the second option "Use the Block editor by defailt and include optional links back to the Classic editor". This allows you to decide which editor you want to use:
FAQ - Frequently Asked Questions
How long is the Classic Editor supported?
In all probability, the Classic Editor will be supported until 2021.
(Source: https://make.wordpress.org/core/2018/11/07/classic-editor-plugin-support-window/ )
Where can I find the Classic Editor Plugin?
You can find the plugin in the menu item Plugins > Install. Just search for "Classic Editor"