How to Rearrange Your WordPress Post Edit Screen?

When it comes to content creation, WordPress is known as one of the most flexible and user-friendly CMS platforms around. In fact, this is one reason why so many famous companies use WordPress to power their websites.

Now, when it comes to WordPress’ own content editing system, there are several editors, two of which are particularly widely used – the old version of the WordPress editor known as Classic (now a plugin of the same name) and a new, block-based editor called Gutenberg. And while opinions on which of the two editors is better are still divided within the WordPress community, that will not be the topic of this article. On the contrary, this time We will talk about how you can adjust the post edit screen of both WordPress editors according to your preferences..

If you rearrange and/or hide different areas and options in your WordPress editor that you don’t use very often, you can create a cleaner and less clogged and distraction-free environment. That way, you’ll be able to focus fully on the one thing that both of these editors were developed for in the first place, namely the content creation itself.

So, while WordPress guides you through all the different ways to rearrange your post edit screen, both Gutenberg and Classical editor.

Rearranging the Text Editing Screen in Gutenberg

According to many, the introduction of the Gutenberg editor has taken the experience of creating content in WordPress to a whole new level. The editing process has become cleaner, more modern and more efficient than ever before. However, once you’re familiar with Gutenberg’s interface, you’ll probably realize that you can also do without specific fields and sections. Of course, which ones you want to remove will depend entirely on your own preferences. Here are all the different things you can do to customize the look of the Gutenberg editor to your liking.

Hide Certain Meta Boxes

The default post edit screen in Gutenberg looks like this:

Now, when you pay attention to the right side of your screen, you will see two types of settings – document and To obstruct settings. The first are general settings for your page or post, and the second settings are specific to the block you’re working on in the editor.

You will also be able to see the three dots which when clicked open a menu.

Once you choose Options (located at the bottom of the menu), Permalink, Categories, Discussion, Quote, etc. You can check (and uncheck) the different meta boxes that appear on the right side of the screen, such as

If you don’t use some of these options often and want a cleaner workspace in your editor, we recommend hiding them.

For example, without the Citation, Categories, and Tags panels, the Document options screen would look like this:

Move Block Toolbar to Top

There is now also the ability to rearrange the position of the block toolbar, which is usually displayed above the block you are working on.

To place the toolbar at the top, you can: Click the three dots to open the menu and click “Top Toolbar” choice.

By doing this, you will always have access to your blocks’ toolbar options from the same place (at the top), which can simplify the whole editing process when moving between different blocks.

And this is the result:

Removing the Right Panel

You can completely clear your editing area and remove the panel on the right side of the screen for less distractions while producing content. To do this, Just click the gear icon once and the panel will disappear.

Of course, you can always click the same gear icon again to make the panel reappear.

Using Full Screen Mode

You can always hide the admin toolbar and sidebar if you want to work with less distractions. To do this simply click and mark the three dots full screen mode. This will make both your toolbar and sidebar disappear.

Unchecking this option will make them visible again:

We must bear in mind that WordPress will remember the option you choose and the next time the editor will appear as you left it.

Using Spotlight Mode

Spotlight mode is particularly useful. highlights the block you are currently editing by reducing the opacity of others, can help you 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 you don’t need to change anything if you want to use it.

If you want to disable this option, you can click on the three-dot menu and uncheck it. spotlight mode.

Collapse Meta Boxes in the Document Panel

We have already mentioned the ability to hide certain meta boxes in the Document Panel. However, if you prefer to hide them temporarily rather than completely removing them from the panel, Collapse one, more, or all of the boxes by clicking the up arrow above each custom box.

This can make the appearance of your document appear much cleaner and smoother overall.

Rearranging the Text Editing Screen in the Classic Editor

If you are one of those users who prefer to use the old Classic editor instead of Gutenberg, you will be pleased to hear that there are many ways to reorder or hide different sections in this editor as well. We will list them one by one.

Shrinking Meta Boxes

The classic editor also comes with the section on the right side of the screen containing various meta boxes. Post To box, Categories, Tags, Featured Image, etc. are included.

To collapse these boxes, click the up arrow in that box – just like you do in the Gutenberg editor.

When you want to show the options inside the meta boxes again, simply press the down arrow.

Rearrange Meta Boxes

You can even do it if you want. Drag and drop these boxes to change their position in the editor and rearrange them to best suit your needs.. For example, you can move your Tags box closer to the top, place your Categories box to the bottom, and so on.

There are also certain boxes that you will see placed directly below the post editor. You can also click and drag any of these boxes to the right side of the screen or vice versa – you can drag the boxes on the right to the bottom of the editing screen.

As an alternaive, move each box up or down and replace it with another box using the up or down arrows:

Hiding Meta Boxes

You can also hide certain meta boxes completely. access Display Options panel in the upper right corner. Then simply uncheck the boxes you want to hide.

You can also check the boxes you want to show or leave them as they are if they are already selected.

Here you will also be able to choose a single column or double column layout. This will affect the way your meta boxes appear in the editor. One column means all meta boxes will be placed at the bottom of the editor, while two column options display some boxes below and others on the right side of the edit screen (this is the default setting).

Enabling Distraction-Free Typing Mode

Just like in Gutenberg, you can also enable fullscreen mode in the Classic editor. This option is instantly removes all meta boxes and admin sidebar while blurring the admin toolbar above. To do this simply Click the full screen icon in the editor or press ALT+Shift+W on your keyboard.

If you do not see this option in your editor, you can enable it from the section mentioned above. Display Options with Check the option named “Enable full-height editor and distraction-free functionality”.

You should remember that as soon as you hover over the sidebar or meta boxes, you will automatically exit this mode.

Collection

WordPress is a highly flexible and user-friendly platform that allows you to make your content creation experience as smooth as possible. Whether you’re using the new Gutenberg editor or prefer the Classic one, you’ll find plenty of options that will allow you to create a clean, distraction-free environment. You can hide different boxes you don’t need during the process, use fullscreen mode that hides the admin sidebar, and much more. And the best thing about it is that you can revert the look of your edit screen back to its original state at any time.