While writing a new post in WordPress, there are number of formatting options such as Bold, Italic etc. These formatting options are provided by TinyMCE plugin bundled along with the core. WordPress also allows you to add extra formatting options as custom styles in WordPress post editor.

In this article, we’ll show you how to add custom styles in WordPress post editor using TinyMCE Advanced plugin.

TinyMCE Advanced plugin allows you to add, remove and arrange the formatting buttons that are shown in WordPress Post Editor. The plugin includes 15 options of TinyMCE that are enabled or disabled according to the button added or removed.

Features of TinyMCE Advanced 

  • Support for creating and editing tables.
  • More options when inserting lists.
  • Search and replace in the editor and much more.

Add custom styles in WordPress Post editor

While writing a new post, you see number of formatting options like below screenshot:

The above highlighted options are available when you write a new post. To add custom style, first thing you need to install TinyMCE Advanced plugin.

After activating the plugin, you’ll see new menu in your WordPress admin area under Settings called “TinyMCE Advanced”.

Click on TinyMCE Advanced option you’ll see the screen like below screenshot:

Here you can start configuring your new buttons. On this screen you’ll see 4 grey bars in which top 2 bars containing the buttons that are already in your post editor. In the remaining two bars you will add other extra formatting buttons in WordPress post editor.

Below these grey bars you’ll see different advanced buttons. You can add any button to your WordPress post editor toolbar and arrange them according to you. Simply drag and drop the buttons on the grey bars like below screenshot:

Once you add all the buttons you want in your WordPress post editor , click on Save Changes button. After adding button your editor settings look like below screenshot:

At the bottom of the screen you’ll see some advance settings like Replace font size settings, Enable pasting of image source and much more. Enable the options according to your need.

Once you’re done with all the settings, click on Save Changes button. You can also restore all default settings like before.

That’s all. Once you follow the above steps custom styles are successfully added to your WordPress post Editor. TinyMCE Advanced plugin makes your WordPress post Editor more easier in use.

If you’ve got any queries related to the plugin or this tutorial, feel free to ask us.

About author

Kriti Jain

Kriti is a passionate blogger and WordPress wanderer. She explores WordPress everyday and shares her findings with the web world.