Tips on how to rearrange the post-edit display screen in WordPress
Do you want to change the look and feel of the post editing screen when creating WordPress posts?
WordPress has an intuitive content editor with different sections and toolbars. To reduce the distraction, you may want to hide the areas that you are not using.
In this article we are going to show you how to rearrange the screen for post processing in WordPress.
Rearrange the WordPress Post Edit screen
By default, the WordPress block editor offers an elegant user experience. However, as you get used to it, you will find that you will use some areas more often than others.
There are a few built-in options that you can use to customize the post editor to your liking.
This is what the standard editor looks like:
On the right you have your document settings and block settings, which are displayed when you click on a block in your post.
If you’ve been using WordPress for a long time, your default editor view may also include the WordPress admin sidebar.
If you don’t see it, you can view the admin sidebar by turning off full screen mode (we’ll show you how to do it later in this article).
Show / hide panels in the WordPress Post Editor
What if you want to hide some of the panels in the WordPress content editor? Let’s say you want to remove the categories, tags, featured images, and excerpts.
First you need to click on the 3 dot menu in the top right corner and then select “Options” from the menu.
A pop-up appears with a list of panels that you can show or hide.
Now you can check or uncheck all the checkboxes that should appear in the right pane.
This is useful if you don’t use certain panels very often.
Block the block toolbar up
When you are working on a block, the editor displays a block toolbar just above it. The toolbar appears when you switch between blocks.
If you find the toolbar is distracting, you can move it up.
To do this, click on the 3 dots in the upper right corner and you will see the “Upper toolbar” option.
Clicking on it will move the blocks toolbar up, making your blocks less distracting.
It would look like this:
This setting makes it easier to edit each block when working on complex layouts with columns, groups, and tables.
Bonus: Our list of the best Gutenberg block plugins is a great way to get the most out of the new block editor.
Remove the right side panel
Would you like to remove the control panel on the right so you can focus on the content?
WordPress makes this super easy. Just click on the gear icon above and the right column will disappear.
If you click the gear again, the right column will appear so you can use your document and block settings.
Using the full screen editor in WordPress
The WordPress editor comes with a full screen editor that removes the WordPress admin sidebar and toolbar. You can open or exit the full-screen editor at any time.
All you have to do is click the 3 dots menu in the top right corner and then select “Full Screen Mode” from the drop-down list.
Repeat the same steps when you want to exit the full screen editor.
WordPress will remember your preference and next time it will open the post editor in the same view you selected.
For more information on how to do this, see How to Disable the Full Screen Editor in WordPress.
Use Spotlight mode in the post editor
By default, WordPress uses Spotlight mode to highlight the block you’ve been working on. Basically it just lowers the opacity of other blocks so you can focus and locate the block you are currently editing.
However, sometimes you want to see all of your blocks together to get an idea of what they will look like. You can turn off Spotlight Mode by simply clicking the three-dot menu icon and selecting ‘Spotlight Mode’.
Repeat the same steps whenever you want to turn it on again.
Collapse sections of the document window
The document window in the right column shows all of the WordPress default settings for a post. Your WordPress plugins and themes can also add sections to this area.
This would make the panel a little longer and difficult to locate.
You can easily collapse sections of a document by clicking the up arrow next to each section.
Clicking the arrows will hide them, making your document look much cleaner.
We hope this article has helped you learn how to rearrange the post-edit screen in WordPress. You might also want to see these useful WordPress keyboard shortcuts to save time and our guide on how to create member-only content in WordPress.
If you enjoyed this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.