Code Snippet

Home » Code Snippets » WordPress » Turn On More Buttons in the WordPress Visual Editor

Turn On More Buttons in the WordPress Visual Editor

These buttons (like one for adding an <hr> tag) aren't there by default in the WordPress visual editor, but you can turn them on pretty easily. This is code for your active theme's functions.php file, or make a functionality plugin.

function add_more_buttons($buttons) {
 $buttons[] = 'hr';
 $buttons[] = 'del';
 $buttons[] = 'sub';
 $buttons[] = 'sup';
 $buttons[] = 'fontselect';
 $buttons[] = 'fontsizeselect';
 $buttons[] = 'cleanup';
 $buttons[] = 'styleselect';
 return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

Reference URL

Subscribe to The Thread

  1. Jeff

    This was very helpful functionality for WordPress that I had no idea existed! I don’t personally use the visual editor but most of my clients would. This will really come in handy. Thanks Chris!

    Reply ↓
  2. Paul

    The first word “funtion” is missing above ie the code is:

    function add_more_buttons($buttons) {
    $buttons[] = ‘hr’;
    $buttons[] = ‘del’;
    $buttons[] = ‘sub’;
    $buttons[] = ‘sup’;
    $buttons[] = ‘fontselect’;
    $buttons[] = ‘fontsizeselect’;
    $buttons[] = ‘cleanup’;
    $buttons[] = ‘styleselect’;
    return $buttons;
    }
    add_filter(“mce_buttons_3″, “add_more_buttons”);

    Reply ↓
  3. Karan Rajput

    Nice……!

    Reply ↓
  4. Nick Sizer

    Allo!

    Just wondered if there was a way to get similar functionality into WP.com?

    I know their version of MCE is usually a little further ahead in terms of updates, and that a solution most likely wouldn’t involve editing the theme files, but it would be awesome if anyone would share a few relevant words.

    Pretty please?…

    Reply ↓
  5. Rockit Web

    Thanks, I’ve been looking for this snippet for a while :)

    Reply ↓
  6. John mulligan

    Great! I always wondered why there wasn’t automatically a button to change font size!!!!

    Reply ↓
  7. Jules @Garden to Go

    Thanks for sharing this excellent information with us!
    This has helped me out getting the right style i need to write up my pages the correct way. many thanks

    regards
    Garden to Go

    Reply ↓
  8. Kirkland

    How can I add a custom button? For example, let’s say I want my client to be able to highlight some of their text, then click a button to apply all the styles to it. The styles that need to apply when this button is clicked include…

    color:#A6C425; font-size:20px; font-weight:bold;

    I will actually want more than one of these buttons each with its own styles. The code above seems to be turning on default WP buttons that are normally hidden, but I want completely custom buttons. Do you know how to do that?

    Thanks, Kirkland

    Reply ↓
  9. Boerman

    Great! Now I only need to find a way to enable a button for <code> tags…

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~