WordPress Editor

Written by

April 8, 2021

The WordPress Editor is a new publishing experience. You can use it to create media-rich pages and posts and to control their layout with ease. Instead of worrying about the alignment and organization of text, quotes, and images, every element on a post or page has its own block — and you can focus on creating.

Move, edit, and customize each block, and the editor will display visual elements the way they’ll look on your actual site. You can confirm that via the Preview button before you hit “Publish”.

What’s New around the Block Editor #What’s New around the Block Editor

Note: We are working on the documentation and will upate this page, once the pages are available.

Top ↑

The Editor’s Workspace #The Editor’s Workspace

With the release of WordPress 5.4, the block editor opens by default in Fullscreen mode when you “Add new post or page”.

Screenshot: WordPress 5.4 Full Screen Mode

How to access the Admin Menu? #How to access the Admin Menu?

To access the Admin Menu, click on the WordPress logo on the top, note that this will make you leave the post or page.

Top ↑

How to switch-off Fullscreen mode? #How to switch-off Fullscreen mode?

To switch-off Fullscreen mode, use the 3-dot menu on the top right and un-check Fullscreen Mode.

Your choice will be stored in your browser’s local storage. If you switch browsers the choice for the view won’t be available and you have to set your preference again. The same is true when you switch computers.

Safari browser users will experience a reset of default settings once in a while because Safari itself is programed to delete local storage entries every now and then.

The core developers are discussing the best method to persist user settings and will take care of these inconsistencies in future releases.

For now, you may use the Blockeditor Fullscreen Mode Control plugin to change the default behavior, and persistently store the fullscreen option between devices.

Top ↑

How Does the Block editor Work? #How Does the Block editor Work?

Top ↑

Blocks #Blocks

The WordPress Editor uses blocks to transform the way you create content, turning a single document into a collection of discrete elements with an explicit, easy-to-tweak structure.

The Block editor brings you an effortless page- and post-building experience. With blocks, you can quickly add and customize multiple media and visual elements that used to require shortcodes, custom HTML code, and embeds.

Top ↑

The Anatomy of a Block #The Anatomy of a Block

Each block consists of a Block Toolbar, a Block Settings Sidebar and the Block Content. Depending on the block’s purpose the buttons of the Block Toolbar will change and so will be settings items in the Block settings sidebar. All the core blocks are divided into three sections: 1) Description in how a block works, and the items in the Block Tools and what you can change in the Block Settings Sidebar.

Top ↑

Adding a Block #Adding a Block

There are many block types for you to choose from, which you’ll see organized by category and by most recent use. You can edit or move each block independently of other blocks, and individual blocks sometimes come with their own formatting settings for even greater control over layout and function.

Here are the ways to add a block.

Configuring a Block

Each block has its own settings. To find them, select a block: this will reveal a toolbar at the top of the block. You’ll also find additional settings in the sidebar to the right of the editor.

The settings at the top of the block usually include formatting options as well as the option to change the block type ([1] in screenshot below).

In the editor’s sidebar you can switch between settings for the current block ([2] in screenshot below) and settings for the whole document ([3] in screenshot below).

The Document Settings is where you can add tags and categories, choose a featured image, see and change the status of your post, and more — these are options that apply to the page or post as a whole.

Locations of block and document settings
Locations of block and document settings

You can click the cog icon at the top right of the editor to show or hide the settings column ([4] in screenshot above).

What if you’d like to change a block type? No problem: you can transform each block to another similar or related block type. For example, change a paragraph to a heading, a list, or a quote.

Changing and configuring blocks
Changing and configuring blocks

Removing a Block

To remove a block, select the block and click the three dots right above it. Among the settings there you’ll see the option to remove that block.

Remove a block
Remove a block

Shortcuts

A full list of shortcuts is available in the WordPress Handbook(use your browser’s “Back” button to return to this documentation)

View our templates

View our massive template libary!
Start your website off with a confidence.

Hosting

Learn about our hosting and why litespeed WordPress servers live up to the name!

Customizing

Find out why DIvi gives you full control to modify and update the website as you wish, with no code!

Troubleshooting

Contact our team and we dignoise your website problems and bugs. Fix, patch and explain the issue to you.

Search Based on Categories?

Over 100 Articles & 12 Online courses Still Can’t Find What You’re Looking For?
Have a look at our Online Courses!

Wordpress

WordPress is a free and open-source content management system written in PHP and paired with a MySQL or MariaDB database. Features include a plugin architecture and a template system, referred to within WordPress as Themes.

DIVI

WordPress is a free and open-source content management system written in PHP and paired with a MySQL or MariaDB database. Features include a plugin architecture and a template system, referred to within WordPress as Themes.

Learn Dash

The online course platform created by e-learning experts. With LearnDash you have complete control when selling your online courses. Choose the pricing model, up-sell offerings, reminder notifications, and watch your sales soar!

Documents

Over 100 Articles & 60 Video Tutorials. Still Can’t Find What You’re Looking For?

Scrapy advanced

Advanced tutorial on using the scrapy framework for business applications

The Why and How of SEO

The world of search engine optimization is complex and ever-changing, but you can easily understand the basics, and even a small amount of knowledge can make a big difference.

Join Today