How to Add Custom Buttons in WordPress Editor?

If you’ve been blogging for a while, then you’ve probably gotten pretty serious about this job. This means that you are constantly looking for ways to improve the quality of your post and to improve your workflow, and in this post we’ll teach you one of the simplest methods that will help you achieve this. As a blogger, you probably spend most of your time looking at the text or visual editor and typing your lengthy posts whose goal is to provide your viewers with high quality information.

The basic text editor has a neat array of buttons that give you the ability to quickly apply all kinds of styles to your text – bold, underlined, italic, headings, sub-headings, strike-though, blockquotes, etc. However, there are many other features that you use regularly, but unfortunately you can’t access them via a convenient small button. Thankfully, the default post editor can be modified and in this post we’ll teach how to add custom buttons in WordPress. Doing this is incredibly easy & fast, and I am absolutely sure that following this tutorial will help you improve the blogging experience. You’ll create & stylize your posts faster, so you’ll be able to produce more content in a shorter period of time.

Adding Custom Buttons in WordPress

The first thing we should mention is that you can only modify the basic Text editor. Unfortunately, the Visual editor isn’t open to such modifications so adding WordPress editor buttons there is impossible at the moment. On the other hand, modifying the Text editor is very easy and the first thing you need to do is download the Post Editor Buttons Fork plugin for WordPress. This neat little plugin is completely free, so go ahead and download it from the WordPress plugin repository. If you are unsure how to do this, then follow the step-by-step guide below:

1. Open the administrator dashboard and go to Plugins -> Add New

Adding a New WordPress Plugin2. Type Post Editor Buttons Fork in the search box and press Search Plugins!

Search Plugins3. When the search results appear, click on the Install Now link beneath the name of the Post Editor Buttons Fork plugin.

Install Now Plugin

4. Wait for the installation to complete & then click on the Activate Plugin button.

Activate Plugin

This plugin serves one simple purpose – it allows you to add custom button to post editor in WordPress. If the installation & activation process is done, then you can head over to Settings -> Post Editor Buttons and start adding the buttons you need.

Post Editor ButtonsAs you can see the interface is pretty simple and you’ve probably gotten it all figured out, but we’ll still give you a simple example. Let’s say that you are creating custom button in WordPress editor that will navigate the viewer to the Next Page. In order to do this you’ll have to fill in the following information in the fields & click on Save Changes:

Next Page Information

If you’ve done everything right, then this should be the final result:

Next Page in Editor

As you can see for yourself, it is incredibly easy to add custom button to WordPress post editor. If you’d like to use a more advanced Visual editor, then we advise you to use the plugin called TinyMCE Advanced. It is completely free & adds a wide range of interesting functions to the WordPress visual editor.