How to Make the WordPress Editor Look Like Your Front-End Website

Image of a laptop displaing code

A Collection of Web Pages About Customizing Your WP Editor


How to Make the WordPress Editor Look Like Your Front-End Website

How to Make WordPress Editor Look Like Your Front-end Website

The WordPress Editor – that place where you write and format so much of your content – is supposed to be WYSIWYG (“What you see is what you get”).

But while it does showcase basic styling in real time, it’s not truly WYSIWYG because the formatting in the Visual tab of your WordPress Editor doesn’t actually match how your content looks on your front-end website.

As a result, you’re forced to hit the Preview button over and over to see how your post will look once published. But what if there were a better way?…More at

How to Make the WordPress Editor Look Like Your Website – WPMU DEV

It’s a part of the backend that’s seen significant improvements over the last number of years – the recent move to version 4.0 of TinyMCE in WordPress 3.9 being a highlight – but there’s still plenty of room for improvement.

One of the most common problems users have with the editor is the need to constantly switch between editing and preview modes to see how content will actually look live…More at

How to Make the WordPress Editor Look Like Your Web Site – Nathan Ingram (dot) com

I can’t tell you how many times I’ve had clients ask that question when using the WordPress Visual Editor for the first time.

They simply can’t understand why they have to enter text in the antiquated “Georgia” font and why it looks different when it actually appears on their site.

Answering their question requires a lengthy explanation that delves into the principles of a content management system and why it’s important to separate the content of a web site from it’s style… blah, blah, blah…More at

How to Customize the WordPress WYSIWYG Editor

The WordPress editor is something we take for granted. Its look, behavior, the even its formatting options are so intuitive that even newbies will quickly become familiar with it.

This familiarity, however, is somewhat artificial. Just like the rest of the platform, you can customize the WordPress WYSIWYG editor.

In fact, you can pretty much control every aspect of it. Almost anything can be changed and made to look like and behave the way you want it to…More at