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 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” :
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.