Rearranging Wordpress Editor

How to Reorganize the Post Editing Screen in WordPress

Table of Contents

When it comes to content creation, WordPress is widely regarded as one of the most versatile and user-friendly CMS platforms available. Indeed, this is one of the reasons why so many well-known brands depend on WordPress to run their websites.

Now, when it comes to the WordPress content editing system, there are many options, two of which are especially popular: the older version of the WordPress editor known as Classic (which is now available as a plugin of the same name) and the modern, block-based editor known as Gutenberg. Although opinions on which of the two editors is better are still divided within the WordPress community, that isn't the subject of this post. Rather, this time I'll look at how you can customize the post edit screen in both WordPress editors to fit your needs.

You can create a cleaner atmosphere and one that feels less clogged up and distraction-free by rearranging and/or hiding various areas and choices inside your WordPress editor that you don't use very much. This way, you'll be able to concentrate entirely on the task for which each of these editors were created in the first place: content production.

So stay with me as I teach you how to rearrange your WordPress post edit screen in both the Gutenberg and Classic editors.

Reorganising the Post Edit Screen in Gutenberg

The launch of the Gutenberg editor, according to many, has elevated the experience of creating content in WordPress to a whole new level. The editing process is now more effective, simpler, and modern than it has ever been. However, as you become more familiar with Gutenberg's interface, you'll likely find that some areas and parts can be skipped. Of course, which ones you choose to get rid of would be entirely dependent on your personal preferences. Here's a list of everything you can do to tailor the Gutenberg editor's appearance to your taste.

Using Meta Boxes to Hide Specific Meta Boxes

This is how Gutenberg's default post editing screen looks like:


Now, if you look at the right-hand side of your computer, you'll see two types of settings: Document and Block settings. The former are global settings for your page or article, while the latter are unique to the block you're editing inside the editor.


You'll also notice the three dots that, when selected, bring up a menu.


You can check (and uncheck) different meta boxes that appear on the right side of the screen, such as Permalink, Categories, Discussion, Excerpt, and so on, once you pick Options (located at the bottom of the menu).


We suggest hiding any of these solutions if you don't use them often and want a cleaner working space in your editor.

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


Moving the Block Toolbar to the Top

You can now rearrange the position of the block toolbar, which is normally displayed above the block you're working on.

To move the toolbar to the top, open the menu by clicking the three dots and selecting the “Top Toolbar” option.


Through doing so, you'll be able to access the toolbar options for your blocks from the same location (at the top), making the whole editing process simpler when you switch between blocks.

The end result is as follows:


Taking Out the Right Panel

You can also clear out your editing area completely and delete the panel on the right side of the screen to reduce distractions when creating content. To do so, simply click once on the gear symbol, and the panel will vanish.


Of course, you can always press the same gear icon to bring up the panel again.

Activating Fullscreen Mode

You can still hide the admin toolbar and sidebar if you want to work with even less distraction. To do so, simply hover your mouse over the three dots and select Fullscreen mode. Both your toolbar and sidebar will vanish as a result of this.


If you unmark this alternative, they will reappear:


It's worth noting that WordPress remembers which choice you choose, so the editor will appear exactly as you left it the next time you visit.

Spotlight Mode

Spotlight Mode is a feature that allows you to see what's going on around you.
The Spotlight mode is especially useful since it highlights the block you're currently editing by reducing the opacity of others, allowing you to concentrate better on the task at hand and find the block you're working on faster. This choice is allowed by default in Gutenberg, so there's no need to adjust anything if you want to use it.


If you want to disable this function, go to the three-dotted menu and uncheck the Spotlight mode box.


In the Document Panel, collapsing the Meta Boxes

The ability to cover such meta boxes in the Document Panel has already been stated. If you'd rather just momentarily cover them rather than fully remove them from the screen, simply collapse one, more, or all of the boxes by clicking the upward arrow on each one.


This will make the document look much cleaner and better in general.

In the Classic Editor, rearrange the Post Edit Panel.

If you prefer the Classic editor to Gutenberg, you'll be pleased to know that there are plenty of ways to reorder and hide various parts in this editor as well. We'll go through them one by one.

Meta Boxes are being minimised.

In addition, the Classic editor has a segment on the right side of the screen with different meta boxes. The Publish box, Categories, Tags, Featured Picture, and so on are all part of this.


Click the upward arrow on the box in question to collapse it, just as you would in the Gutenberg editor.


Simply click the downward arrow to display the options inside the meta boxes once more.


Repositioning the Meta Boxes

You can also drag and drop these boxes from inside the editor to adjust their individual positions and rearrange them in a way that best suits your needs. You can, for example, shift the Tags box closer to the top and the Categories box closer to the bottom.


There are a few boxes immediately below the post editor that you'll note. You can also press and move each of these boxes to the right-hand side of the screen, or vice versa – drag the boxes on the right-hand side to the bottom of the editing screen.


Alternatively, you can move each box up or down and make it switch places with another box by using up or down arrows:


Hide Metaboxes.

You can also fully cover unique meta boxes using the Screen Options panel in the top right corner. Then uncheck the boxes that you want to hide.


You can also label the boxes you want to see or leave them alone if they're already checked.

You can also switch between a single column and a double column style here. This will affect the appearance of your meta boxes in the editor. All meta boxes will be displayed below the editor in one column, while some boxes will be displayed below the editor and others on the right side of the editing screen in two columns (this is the default setting).


Distraction-Free Writing Mode Activation

The fullscreen mode is also available in the Classic editor, just as it is in Gutenberg. This alternative blurs the admin toolbar above while eliminating all meta boxes and the admin sidebar. To do so, simply press the ALT+Shift+W key combination on your keyboard or click the fullscreen icon in the editor.


If you don't see this feature in your editor, you can enable it by checking the option “Enable full-height editor and distraction-free features” in the above-mentioned Screen Options.


You should be aware that if you hover over the sidebar or meta boxes, this mode will be automatically exited.


Final Thoughts

WordPress is a highly adaptable and user-friendly platform that helps you to streamline your content creation process. If you're using the latest Gutenberg editor or the Classic one, you'll find plenty of options to help you build a tidy, distraction-free atmosphere. During the process, you can cover various boxes you don't need, use fullscreen mode to hide the admin sidebar, and much more. The best part is that you can still restore the appearance of your editing screen to its original state at any time.

Share This Article:
Related Articles:
image size reduce online
Free Image Size Reduction Trick

Without Any Plugin Did you know that a normal website gets most of its weight from the images used in it? It is true. The majority of website size is mostly because of the images used in its pages. Optimizing images without losing quality is a difficult task for average

Read More »
free wordpress hosting
Host Your WordPress Website For Free Forever

Hosting a WordPress website can be an expensive thing if not done properly. It can go from just a few dollars to thousands of dollars a month. Finding WordPress hosting can be a difficult task. If you own a small blog or website that you do not update often then

Read More »
free high quality backlinks
Get Free High Quality Backlinks The Creative Way

A backlink in the SEO world is a link from a post or a page on one website to another. If a website is linking to your content, it means you got a backlink. These backlinks are also called “inbound links”. Sometimes they are also called “incoming links”. Carrying a

Read More »
wordpress redirect hack fix
Server Management
WordPress Hacked Redirect Fix 2021

With over 64 million websites using WordPress as their CMS, it comes as no surprise the number of security attacks that can happen to websites using WordPress. It is a lot. If you had ever run a WordPress website for a good amount of time, you must have surely seen

Read More »
Add Copy Text To Clipboard Feature To Your WordPress Website

WordPress is a web application you can use to create a beautiful website or blog. You’ll be up and running in no time with the drag-and-drop design feature and automatic updates, which ensures your content is always fresh. Even in WordPress, there are some functionalities where it gets a little

Read More »
google new features 2021
Google’s New Releases For Travel And Hotel Booking Features

Google has now worldwide introduced new organic and paid features for the travel and hotel industry. The new features include ticket booking, prices, and eco-certified badges. The new features were motivated by the “near me” searches on Google and Google maps. A lot of people search for leisure activities like

Read More »
Subscribe to our newsletter
Chat With Our SEO community members On discord
Discord SEO Community Chat
  • Just-iko avatar Just-iko Thank you very much for answering ☑️ ✨
  • ddev66 avatar ddev66 Put your content in the right HTML tags and Google will show it this way.

    In the picture that you show, the first content is put in a list with bold headings.
    The second content is a FAQ on that page.

    Put in the right HTML tags and Google will pick it up nicely.
  • Just-iko avatar Just-iko Hello, I'm a newbie in this field, any guidance would be appreciated :) some questions please, is there any idea on how to make our website could appears like that in Google search? The one that I marked..
  • ddev66 avatar ddev66 Semrush or Ahrefs will help you for spying competitors.

    I think Semrush has a trial period as well.
  • Aadhi avatar Aadhi Buy semrush, you can buy it at cheap rate by using Group buy method
  • SG.CK avatar SG.CK Any free tool for spy traffic and ranking ?
  • ddev66 avatar ddev66 Search on google “htaccess redirect rules”
    Put them in your website’s htaccess file if you are using Apache
  • BrunoAfonso avatar BrunoAfonso how should I go to solve this issue
  • BrunoAfonso avatar BrunoAfonso Can you explain a little bit more? My website is not wordpress, I use amazon web services
  • ddev66 avatar ddev66 You can make a 301 redirect to the correct page on your website.
    If you are using Wordpress then SEO plugins like rank math have this feature.
    If you don’t want to use SEO plugins then there are many good redirect plugins in the Wordpress repository.
    And if you are not using Wordpress then .htaccess file is your friend.
  • BrunoAfonso avatar BrunoAfonso For example, is this image, the second link "THU Main Event" goes to a different page that it's supposed to. How do I fix this.
  • BrunoAfonso avatar BrunoAfonso So I have a website and when you search for it, one of the hyperlinks that google provides goes to the wrong page, is there a specific way for me to change that?
  • ddev66 avatar ddev66 Need more explanation
  • BrunoAfonso avatar BrunoAfonso Hello people, does anyone know how to fix a hyperlink within a google search?
  • ddev66 avatar ddev66 Semrush shows you all the links that it considers as toxic in its domain overview dashboard. You can then use these website list to disavow in GSC.
  • rrakesharmaa avatar rrakesharmaa I want to remove high spam backlinks via Disavow tool. So i need these links.
  • ddev66 avatar ddev66 extract high spam score backlinks.
    This is little confusing for me to understand

    Do you want to remove high spam backlinks to your website or do you want to receive backlinks from websites that have a high spam score?
  • yaswanth avatar yaswanth Now I use the Search console live URL inspector. It shows the page source and screenshot with an error(If any).
    Result: The page is not mobile friendly in the screenshot. All the element's styles are broken.

    Now, I feel like, " What the hell is happening in rich result tester? The google bot shows everything is ok, and in the search console, this is happening."

    # Problem Digging Stage final stage - Solving the problem
    The easiest way to solve the problem is to compare the thing and find the difference.
    Is rich results tester a google bot? Yes!
    Is it owned by google? Yes!
    Is it have any link with the official search console crawler? No!

    Now, What is the difference between 2 crawlers?
    Their IPs are different. They work differently.

    Summary: Google bot (Offical bot) is not able to crawl all elements in the webpage. It is not able to read all styling files. All other bots(services that use crawl as Google Bot) can view/crawl the page.

    List of official google bot IPs:

    Solution: Rather than digging into all files, we changed the hosting server located in the exact location.

    Thank you for reading this article. It takes a few mins to read this article, but It took hours to find the correct problem with a solution. If you find this article valuable, give it a like and if you have any questions, feel free to ask them.
  • yaswanth avatar yaswanth Solving Critical Indexing Problem (CASE STUDY)

    Last week I received a message from a friend he is requesting me to help him index a page of his website. I said, " Wait, sometime google will index automatically" Then he said he was getting problem with his homepage. So, I started digging. First, I want to find the problem. Then all other things were easy.

    # Problem Digging Stage 1 - Analyze the top layers
    Checking the basic things
    1) No Index tags
    2) Canonical tags
    3) Website page Age

    Result: Nothing Found

    # Problem Digging Stage 2 - Getting Deeper
    1) Checking status codes (If there is any redirects, 404 error, or soft 404 errors)
    2) Using an SEO browser to check the web page accessibility
    3) Trying with different user agents

    Result: Nothing Found

    # Problem Digging Stage 3 - Analyzing and
    comparing past and current stages of webpage
    1) Checking the Wayback machine for any spam content history
    2) Checking the search console for errors
    3) Other page's indexability

    Result: I got some clue. Search console shows "Page is not mobile friendly."

    # Problem Digging Stage 4 -Finding the reason for the search console error.
    When I checked the web page with SEO Browser, the page was mobile friendly, and I also tried "crawl as Googlebot." Everything looks good. Then where is the problem?

    One thing was confirmed google is not able to view the webpage clearly. And all other bots are not getting any problems.

    So, I decided to use only google properties in the further process (Because only the google bot gets stuck).
    I selected three tools to process further.
    1) Google page speed insights
    2) Google rich results tester
    3) Search console Live URL inspector

    First, I used page speed insights to check If the google bot can crawl/view the page or not(If there are any issues in crawling, then the tool returns a lighthouse error)
    Result: everything is ok

    Second I used Google rich results tester. It provides the page source and screenshot of the webpage.
    Result: everything is ok
  • achann avatar achann Backlink actually link that provided outside web, so if you use instagram and insert your web link that still counted as backlink.
  • achann avatar achann If you want to be free, why not using mailchimp for email blast. Or maybe you can use whatsender for whatsapp blast, there is nulled version I think.
  • achann avatar achann Um.. Maybe you can use whatsapp blast and give link? Or maybe you can use email marketing and give link to your web?
  • rrakesharmaa avatar rrakesharmaa How can I extract high spam score backlinks for my website? Is there any free tool that provides all high spam score sites HELP ME PLEASE 🙂
  • nkap avatar nkap <@211319858258771968> hey, would you be able to share the website that you want guest posts on? I’m in touch with a few fintech businesses and can ask them whether they’d be interested in putting a post on your site.
  • ddev66 avatar ddev66 <@211319858258771968> it sure will work. Make sure to write that it’s free to post as guests. A lot of websites do not mention this and writers usually think it’s paid opportunity only.

    Keep us updated of how well this goes for your website.
  • soutaraku avatar soutaraku Thank you so much for the detailed guide. I'll see if I can put up the Guest Post page to start with! I hope my email gets bombarded in a good way haha
  • ddev66 avatar ddev66 You should start putting up a page called Guest Posting on your other website where you put articles, etc.. and put all the requirements there which you are looking for in the guest posts. Make sure to leave your email as well for easier contacts.

    Build up some links to this page. Because most of the writers are looking to write for high metrics website that have good DA, TF, etc...

    Once you have a page setup it will help you get attention from people who are searching on Google.

    Next you can start sending the URL of this page to people whom you think might be interested to write for your service on social networks like twitter, linkedin, etc.

    Also list this page URL on websites that have posts like free guest posts list in SaaS, free guest posts list in "your niche", etc. Something like this:

    These will get you enough traction to attract guest posts from various contributors over the time. Your email will be bombarded with emails following the above tips.
  • soutaraku avatar soutaraku I can translate guest post to Japanese and put it on our website to share stories from overseas. I thought it would be interesting for our readers and a good way for link building.
  • soutaraku avatar soutaraku It's not titled as contribute/guest posts page, but there's a website we put interview articles and such. We surely can put guest posts on that website.
  • ddev66 avatar ddev66 <@211319858258771968> does your website have contribute/guest posts page?
  • soutaraku avatar soutaraku Hi guys! I'm a Japanese SEO specialist/ content editor working for a fintech company, and looking for someone to put guest posts on our website (preferably about fintech or SaaS market). Are there any good place to look for people willing to guest post?

    In Japan, not many people write guest posts, so I'm kinda lost. Twitter trick is only guiding light to me, <@838326478924021760>. Thanks for sharing.
  • Deleted User avatar Deleted User trying it out right now
  • nkap avatar nkap Great idea! Will definitely try it out. Thanks mate.
  • ddev66 avatar ddev66 A good trick to get guest posts for your website. <@456226577798135808> <@755307075625549854>
  • Büşra avatar Büşra Thank you very much. I'll try 😊
  • nkap avatar nkap Yeah me too!!
  • naaz avatar naaz <@755307075625549854> Thank you for the detailed answer. Hope <@341197404302737408> finds the right solution for this.
  • nkap avatar nkap <@341197404302737408> Just these:

    You can try 3 things: (I suggest you try the 3rd option first)

    1. If there are any links in your coverage report that’s actually not from your domain/property, I’d recommend you use the Search Console’s removal tool to remove these from your property.

    2. If you’re using any page builders like elementor etc make sure you turn off search engine indexing for things like templates. You can find this in Yoast SEO settings. With this setting your templates and unnecessary pages won’t be indexed. Are you using elementor by any chance?

    3. It’s also possible that your site has been hacked. If random URLs are appearing in analytics and search console the first thing that you should do is check your .htaccess file to see if someone has put any rewrite rules.
  • ddev66 avatar ddev66 <@755307075625549854> got any views on this?
  • ddev66 avatar ddev66 did you change your permalinks sometime back in last few months?
  • naaz avatar naaz <@838326478924021760> bringing to your attention on this.
  • Büşra avatar Büşra hello guys! I need to help about SEO optimation. I'm using wordpress Yoast. I saw dummy link like as `````` I haven't these in page. Btw ı'm using google search console. Why may be this? Is anyone has idea about that?
  • ankit662003 avatar ankit662003 does anyone know how to create seo silos?
  • ankit662003 avatar ankit662003 hi
  • ddev66 avatar ddev66 Just know that we are all here to help each other
  • ddev66 avatar ddev66 No worries mate.
  • Alex25 avatar Alex25 The thing is idk what to ask .
    I'm just stuck
  • ddev66 avatar ddev66 Drop your queries here

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.