Extending WordPress visual editor

I love WordPress visual editor, and I love how with just few tweaking you can take your self hosted wordpress to a new level where everything suits what you want and what can make your work easier.

Today I will show you how you can add more buttons to your wordpress visual editor, so to start go to Appearance >  Editor. when there open functions.php (if you don’t have one, use your FTP client and create one and add the following code :

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

well, you are done, open your visual editor, et voile the magic.