How To: Extend the WordPress Visual Post Editor Buttons

When writing a new post in visual mode ( as apposed to the HTML view ) you have a number of buttons provided by the TinyMCE plugin, which is built in to WordPress, such as : Bold, Italic, List, Block Quote and so on. The TinyMCE Advanced plugin extends these buttons to include a whole host of extra buttons, in this post I will show you how to install and configure this plugin.

Install The Plugin

You can dowload the plugin here, then upload it to your wp-content/plugins folder via ftp. You can download a free ftp client called Filezilla for this purpose.

You can also upload the plugin directly, via your wordpress admin panel by clicking Plugins > Add New > Upload > Install Now.

You will also need to enter your ftp settings there as well, your webhost will have provided these when you signed up.

Once the plugin is uploaded, visit your plugins page and click “activate” next to TinyMCE Advanced. You will now see a new menu in your admin sidebar, under settings called “TinyMCE Advanced” :

Plugin Settings

Go ahead and click the TinyMCE Advanced link and you can start configuring your new buttons. You will see 4 grey bars with the top 2 containing buttons allready – you can drag these buttons to any order you like.

Underneath the 4 grey bars you will see a load of extra more advanced buttons – drag whichever you require to the toolbars above and arrange them how you like.

Finally at the bottom of this screen you will see some advanced options for things like enabling advanced linking, hiding css classes in the editor menu and to show <p> and <br /> tags in the HTML view of the editor :

There you have it – an easy way to add extra buttons to your visual post editor if you require certain functions.



Oliver Dale is the founder of Kooc Media, An Internet Company based in Manchester, UK. I founded WPLift and ThemeFurnace, find out more on my Personal Blog. Thanks!

Related Articles


4 thoughts on “How To: Extend the WordPress Visual Post Editor Buttons”

  1. Hi Oliver. In fact this is a good plugin but is there any plugin that adds more functions like code highlighting etc
    I’ve actually used Dean FCK Editor but it’s is darn slow. I been looking for an editor that loads fast and has more functions.
    Any suggestions from your side ?? 

  2. TinyMCE is an amazing plugin. Glad that you featured it here :) I definitely recommend it for my clients who aren’t used to doing everything by hand-coding HTML (and even for us old-hat it makes a lot of things easier!)

  3. The biggest problem I run into with the tinymce editor is when using it on the front-end of my WordPress website when using a fluid template. Small sizes like mobile look horrible

  4. This plugin is very nice. Do you try to Imports all CSS classes from the main theme stylesheet and add them to a drop-down list?. I have read that it is possible. 

Comments are closed.


Create Your Own

Building beautiful WordPress websites has never been easier. Explore the visual drag & drop Theme Builder that does it all, and works on any theme. Coding skills needed: none.