How to Rearrange the WordPress Post Edit Screen

Have you ever wished that WordPress had an easier way to customize the post edit screen? 

Maybe you’d like the ability to add a background image or change the colors? 

WordPress currently has you limited to three small options when it comes to customizing the look and feel of your post editing screen. Luckily, it’s easy to change the direction of this in just a few clicks using the Customizer.

With this article, we’ll show you how to rearrange the post edit screen in WordPress Easily.

Read More:

How to Add Featured Image

Hoiw to add Multiple Author

How to Install Plugins

Rearrange WordPress Post Edit Screen

When you first install WordPress, the default block editor—called the Visual Editor—will be displayed. 

This block editor is designed to provide a sleek, simple experience, and it feels very similar to editing a blog post in a text editor. 

Over time, as you get used to the WordPress interface, you’ll come to use specific areas more than others, and you’ll find yourself clicking around the interface with greater ease.

Here’s How the standard WordPress Post Edit Screen looks like:

WordPress normal post edit screen.

In your case you can look at different editors, I am using some plugins so it looks different.

On the right, you’ll find your document settings as well as block settings, which appear when you click on any block in your post.

If you’ve been using WordPress for a while, the WordPress admin sidebar may be included in your default editor view.

Show / Hide Panels in WordPress Post Editor

What if you want to hide some of the WordPress content editor’s panels? Assume you want to remove the categories, tags, featured images, and excerpts.

To begin, click the three dots menu in the upper right corner and then select ‘Options‘ from the menu.

This will open a popup with a list of panels that you can show or hide.

Select option for post edit screen.

Now from here choose last option Preferences.


Now you can select any of the boxes you want to be displayed in the panel.

Make the Block Toolbar to the Top

There is also the option to reposition the block toolbar, which is normally displayed above the block you’re working on.

To position the toolbar at the top, click the three dots to open the menu and select the “Top Toolbar” option.

Top toolbar.

By doing so, you will be able to access the toolbar options of your blocks in the same location (at the top), making the editing process easier as you move between different blocks.

This method can make it easier to edit each block when you are working on complex layouts with columns, groups, and tables.

Remove Right Side Panel 

Do you want to remove the panel on the right side so you can concentrate on the content?

WordPress makes this extremely simple. Simply click the gear icon(Setting) at the top to remove the right column.

gear option

By clicking the Setting icon again, the right column will be displayed, allowing you to use your document and block settings.

Using The Fullscreen Editor in WordPress

You can always hide the admin toolbar and sidebar if you want to work with even less distraction.

Simply click on the three dots and select Fullscreen mode. This will make your toolbar and sidebar vanish.

Full post edit screen.

Repeat the same steps when you want to exit the fullscreen editor.

WordPress will remember your preference and next time it will open the post editor in the same view that you had selected.

Use Spotlight Mode in Post Editor

The Spotlight mode is especially useful because it emphasises the block you’re currently editing by reducing the opacity of others, allowing you to focus better on the task at hand and find the block you’re working on faster. 

This option is enabled by default in Gutenberg, so there is no need to change anything if you want to use it.

post edit screen spot light mode.

However, there are times when you want to see all of your blocks together to get a sense of how they’ll look. You can disable spotlight mode by selecting ‘Spotlight Mode’ from the three-dot menu icon.

When you want to turn it back on, follow the same steps.

Collapse Document Panel Sections

The document panel in the right column displays all of the standard WordPress post settings. Sections to this panel may also be added by WordPress plugins and themes.

This would make the panel longer and more difficult to navigate. Simply click on the upward arrow next to each section to collapse it.

Collapse menu.

And when you click on the arrows, you’ll collapse them, making your document look much cleaner.

Frequently Ask Questions

  1. How to edit post page on WordPress

    Click on Post > All Pages. Select the Page you would like to edit and either click on the title or 'Edit' (which appears when the title is hovered over with a mouse) Make the changes you desire.

  2. How to edit post title in WordPress

    To do so, hover your mouse over the title of your post, and a new menu will emerge just below it. From this option, select Quick Edit. After you've made the changes you desire, click the Update button. If you want to change the content of a post, go to the edit page by clicking on the title.


We hope this article was useful in teaching you how to rearrange the WordPress post edit screen. You might also be interested in these time-saving WordPress keyboard shortcuts.

If you enjoyed this article, please consider subscribing to our blog. We can also be found on Twitter and Facebook.

Rishabh Kolhe
Rishabh Kolhe

I am the founder of WealthyWork, I started my digital marketing journey in 2017. First, I started my career with SEO in Culturelligence, then after some time, I learned more about Digital Marketing. I worked as a Digital Marketer with Agile PeopleOps, a US-based HR organization. Now I am working in WealthyWork, We all specializing in Digital Marketing Services.

Articles: 103