Plugin Directory

Visual Editor Custom Buttons

Visual Editor Custom Buttons lets you add custom buttons to the WordPress Visual Editor.

  1. visual-editor-custom-buttons screenshot 1

    Example of a Simple Button function. A Felt Marker. Just add a simple span-tag with a class. Then add the CSS to the class.

  2. visual-editor-custom-buttons screenshot 2

    This is how the Felt Marker-button will work in the Visual Editor. To Get the same effect in Front End View, just add the same CSS to your normal CSS file.

  3. visual-editor-custom-buttons screenshot 3

    Another button example. Four Image Slots. Same here, Add the code and the CSS.

  4. visual-editor-custom-buttons screenshot 4

    The effect of the button in the Visual Editor. The dottered lines is for making the template boxes more clearly. Since you can have different CSS for backend and fronted you can simply remove the dottered border in the actual FrontEnd display.

Requires: 3.0 or higher
Compatible up to: 4.1.1
Last Updated: 2015-3-22
Active Installs: 7,000+


4.8 out of 5 stars


1 of 3 support threads in the last two months have been resolved.

Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

0,1,0 100,1,1
100,1,1 100,4,4
0,1,0 0,1,0