How to Change the Background Color of the WordPress Editor

Are you looking for a way to change the background color of the WordPress editor? All of the content you create on WordPress is done through the WordPress editor. The WordPress editor actually consists of two editors in one, the visual editor and the text editor. The visual editor is more user-friendly for beginners, while the text editor allows experienced web developers to work faster.

In fact, more experienced web developers will actually disable the visual editor completely. Regardless of which editor you use, you can customize the editor in WordPress to meet your needs. Today, I will demonstrate how to change the background color of the WordPress editor with the Editor Wysiwyg Background Color plugin.

Why Change the Background Color of the WordPress Editor

Whenever you add a feature into WordPress, it is important to ask yourself what the feature will do. In this case, absolutely nothing. There is no real advantage to changing the editor background color. It is purely the content creator’s preference. While there is no real advantage, there may still be some reasons to do it.

If your website uses a specific background color, changing the editor background to that same color can help you make sure everything is clear. For example, let’s say you want to create a post that has a holiday color as the background. You may need to change the text color to get better results. Alternatively, you can use the preview button, but this method allows you to do it on the same page.

How to Change the Background Color of the WordPress Editor

Today, I will demonstrate how to change the background color of the WordPress editor with the Editor Wysiwyg Background Color plugin. The plugin is extremely simple to use. All you have to do is install it and select the color. The colors are selected within the WordPress editor. You can change the color at any time so don’t worry if you select the wrong color by accident.

It is important to know that this plugin will only affect the visual editor. The text editor will not be affected by this plugin.

Installing the Plugin

Let’s start by clicking on Plugins and selecting the Add New option on the left-hand admin panel.

Search for Editor Wysiwyg Background Color in the available search box. This will pull up additional plugins that you may find helpful.

Scroll down until you find the Editor Wysiwyg Background Color plugin and click on the “Install Now” button and activate the plugin for use.

There are no settings to change for this plugin. After activation, the plugin will add a new option in the Visual editor.

Changing the Editor Background Color

Open an existing page or post or create a new one. You should notice a new option on the Visual editor’s toolbar. Click on the arrow next to it to reveal background color options you can choose.

Select the color you want to use as the background color. You can change this color at any time. The colors on the top are much deeper making it difficult to see certain font colors, while the ones on the bottom are much lighter making it easier to see font color.

Remember that you may need to change the font color to be able to see it. For example, if you picked a black background, you will not be able to see the text you are typing.

Congratulations, you have successfully changed the background color of the Visual editor in WordPress. Remember this will not affect your actual page or post color. This will only affect the visual editor and visitors will not be able to see it.

Customize Your Website

While there are many features you can add in WordPress, there are many of them that do not serve a practical purpose. However, that does not mean they are completely useless. In fact, many of them may fill a very specific niche that makes them very valuable. Of course, there are others, like this one, that simply exists to improve the design of the website for content creators.

Why do you want to change the background color of your WordPress editor? How easy do you find the plugin to use?

Leave a Comment

Your email address will not be published. Required fields are marked *

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

Copy link