Displaying Hidden Features In Your WordPress Visual Editor

wordpress editorYour WordPress editor by default, doesn't include some features which you may find useful.

All you need to do to expose the hidden features already included in the WordPress core files by adding some php code to your theme's functions.php file.

Plugin: You can add more font styles & sizes to your visual editor by simply installing a fonts plugin.

As always, its better to create a child theme for all your custom coding so your customization won't get overwritten next time you update your parent theme.

Once you've added the code you'll be able to change font types and the size of your fonts on any text you like rather than having to change them on your entire site.

Here's the extra buttons which are added automatically once you save the code in your themes functions file.

WordPress Visual Editor Extra Features

Here's the code you can simply copy and paste into your child theme's custom functions.php file

functionadd_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");

The hidden buttons add these features to the WordPress visual editor:

  • Insert horitonzal ruler
  • Subscript
  • Superscript
  • Font Family
  • Change Font Size
  • Cleanup messy code
  • Styles - wpgallery & wp oembed

If you don't want to play around with php code, you can always install the TinyMce plugin which adds all these extra features plus more to your editor.

Did you know these features for your WordPress visual editor where there? 

If i find any more i'll write about it in upcoming posts.

Need More Help?

Join WP Sites to get full access to all tutorials & code.

  • Support for installation & modification of existing PHP code
  • Help with Genesis & StudioPress theme customisation
  • Access all tutorials & code snippets
  • Ask questions in the comments & get answers
  • Education - Request video explaining how the code works and what functions are included

Click Here to Learn More