Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Change Editor Background Color by Word Count in WordPress

Do you want to write longer articles on your blog? Sometimes it can be hard without having any visual motivation. We found a solution that can help. In this article, we will show you how to change the editor background color in WordPress based on word count.

If you like to meet a certain word requirement, then you’d love this. Even though WordPress displays the word count at the bottom of the editor, it’s hardly noticeable.

One plugin author found an encouraging solution. It allows you to set your word count goals and automatically change the WordPress editor background color as you reach certain milestones.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

This is a great solution for multi-author WordPress blogs, individual writers, and students who use WordPress for their writing work.

Visual editor with background color based on word count

Let’s take a look at how you can set your editor background color to change based on word count.

First thing you need to do is install and activate the Editor Color on Word Count plugin. Upon activation simply edit a post, and you will notice the plugin in action.

Note: Background colors only work with the visual editor, so if you are using text editor you will need to switch to Visual.

There are different colors for different word limits. The editor background color will change as you write more content. You can edit the predefined word count goals and colors by visiting Settings » Editor Colors.

Editor Color Settings

The plugin comes with a default set of colors for five word count goals. You can change the word count limit or change its color by clicking on the color wheel icon. You can also remove a color setting by clicking on the close button next to it.

If you want to add additional goal benchmarks, then simply click on the Add Color button. Next you need to define a word count and color. Once you are done, click on the save changes button to store your settings.

We hope this article helped you change editor background color by word count. You may also want to check this guide on how to add custom styles to WordPress visual editor.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

3 CommentsLeave a Reply

  1. Dok Simon

    Great plugin, this is the first time am hearing of this … Thanks for sharing

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.