How to Change the Appearance of the WordPress Admin Page

How to Change the Appearance of the WordPress Admin Page

There are several things you can do to change the appearance of the WordPress admin page, for example, you can hide admin elements, customize the editor page, hide menu items on the admin page and so on.

Let's discuss one by one and practice it right away.

Using the Screen Options Feature to Hide Elements in the WordPress Admin Dashboard

The first way we will discuss how to hide admin elements by using the screen options feature, the screen options feature is a feature that will help us customize admin elements easily.

Here's a step-by-step guide to using the "Screen Options" feature to hide admin elements in WordPress:

Step 1: Go to the WordPress admin page by logging into your site and logging into the admin account.

Step 2: Select the admin page you want to customize. For example, in this demo we want to customize the appearance of the dashboard page so open the page.

Step 3: On the top right corner, you will see the Screen Options button. Usually, this button has a small triangle icon or the words Screen Options.

Step 4: Click the Screen Options button to open the screen element menu with the options available for that page.

Step 5: In the Screen Options menu, you will see a list of options that you can customize. To hide an option, simply uncheck the corresponding box.

For example, if you want to hide widgets that you don't need, uncheck the widget option.

Step 6: If you want to rearrange the appearance of the page, you can drag and drop the widget to change its position.

For example, you can slide the WooCommerce Widget and Elementor Overview widgets to the position you want.

Step 7:  You can repeat these steps for other WordPress admin pages if you want to customize their appearance and options as well. By following this step-by-step guide, you will be able to use the Screen Options feature in customizing WordPress admin pages according to your own preferences and needs. Feel free to try and explore this feature to optimize your experience in using WordPress.

Custom Block Editor on WordPress Admin Page

The WordPress block editor is designed to be simple, so you can easily edit your content. However, there are certain ways you can customize the block editor to make it easier to organize content in WordPress.

Here is a step-by-step guide to setting up the WordPress Block Editor to better suit your needs:

Step 1: Open the block editor in WordPress by going to the page or post you want to edit. In this demo, we open the page.

Step 2: At the top right corner of the screen, look for the button with three dots and options will appear.

Step 3: From the options, scroll down and select the Preference option. Selecting the option will open a small window with the editor settings.

Step 4: In the Preferences window, go to the General tab. Here, you can reduce the appearance of the user interface to make it simpler by checking the User Interface box.

You can also enable Spotlight Mode by checking the corresponding box. This will highlight the block you are working on and fade out other parts of the screen.

Step 5: Move to the Blocks tab. Here, you can show or hide the blocks available in the editor..

Simply check or uncheck the boxes to set the blocks you want to display.

Step 6: Now switch to the Panels tab. Here, you can choose which panels to show or hide on the right side of the block editor. Select or uncheck the boxes to set the panels you want to display.

Step 7: Once you have made the desired adjustments, click the Save or Apply button in the Preferences window to save your changes.

Step 8: Click the "X" button in the top right corner to close the Preferences window and return to the block editor.

Step 9: To make the content view wider or narrower, click the Gear icon at the top of the editor. This will expand or hide the settings panel on the right side of the editor.

Step 10: Finish!

You have now set up the WordPress Block Editor according to your needs. Enjoy an easier and more focused writing experience with a customized look that suits your needs.

Show and Hide Menu on WordPress Admin Page

Next we'll discuss how to show and hide menus in the WordPress admin page, especially when using various WordPress plugins. We'll see that many of these plugins automatically add their own menu items to the left sidebar in the WordPress admin dashboard.

However, not all of these menu items are necessary or you may not want other users to see them. Fortunately, there's a plugin that can help you control which menu items appear in the WordPress admin sidebar and also manage user access to those menu items.

One such plugin that you can use is the Admin Menu Editor. In this article, we will discuss how to use this plugin to manage your WordPress admin menu items.

Here's a step-by-step guide on how to use the Admin Menu Editor plugin to manage WordPress admin menu items:

Step 1: Visit the Plugins page in the WordPress admin dashboard and search for Admin Menu Editor. Then, click the Install Now button next to the appropriate plugin and wait for the installation process to complete.. 

After that, click the Activate button to activate the plugin.

Install Now Plugin
Activate the plugin after installation

Step 2: After activating the plugin, you will see the Menu Editor option in the Settings menu of the WordPress admin dashboard. Click on the option to open the Admin Menu Editor settings page.

Step 3: Di Menu Editor page, you will see a list of all the existing main menu items in the first column. If any menu items have sub-menus, you can see them in the second column after clicking on the main menu item..

Step 4: To delete a menu item, simply click on the menu item you want to delete. Then, click the Delete button in the toolbar at the top of the page. The menu item will be removed from the WordPress admin sidebar view.

Step 5: You can also set user access restrictions for specific menu items.

Select the menu item you want to restrict access to and under settings, look out for the Extra Capability option.

Here, you can set access restrictions for that menu item. For example, you can choose to hide the menu item from all users except users with the Administrator role, you can set access restrictions according to your needs.

Step 6: Once you have made changes to the admin area menu, don't forget to click the Save Changes button at the bottom of the page to save your settings.. 

The plugin will automatically update the WordPress admin area menu according to the settings you specify.

Step  7: If you don't see the changes appear immediately, try refreshing the page or logging out and back into your WordPress admin dashboard. This will ensure the menu customizations appear correctly.

Customize the Admin Toolbar in WordPress

The next way to change the appearance of the WordPress Admin page is to customize the admin toolbar in WordPress.

Below are the steps you can follow.

Step 1: The first step to customizing the admin toolbar in WordPress is to install and activate the Adminimize plugin. You can do this by following the step-by-step guide on how to install plugins in WordPress.

Step 2: After activating the Adminimize plugin, go to the Settings " Adminimize page in the WordPress admin area. There, you'll see the Admin Bar Backend Options and Admin Bar Front End Options tabs.

Step 3: Click on any of those tabs to open the options screen. There, you can choose which items to display in the WordPress admin toolbar.

For example, you can choose to display icons for pages, posts, categories, tags, media, comments and more.

Step 4: In addition to choosing which items to display, you can also customize items based on user roles. For example, you can choose to display certain items only to users with administrator, editor, author, or contributor roles..

Step 5: Don't forget to click the Update options button to save your changes. After clicking the button, the items you selected will be displayed or hidden in the WordPress admin toolbar according to your preferences.

That's it, you've successfully customized the admin toolbar in WordPress.

Optimize Your WordPress Admin Experience and Improve Your Website with Quality Hosting

Changing the look of your WordPress admin page is an important step towards optimizing your website management experience. We've covered a variety of ways to customize the look of your WordPress admin page, either with existing features or with the help of plugins.

However, changing the appearance of the WordPress admin is only one aspect of optimal website management. It's also important to choose a reliable and quality hosting service. One recommended option is a WordPress hosting service from Exabytes Indonesia.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.