Tutorial Added Adding Custom Buttons to Editor WordPress

I was written about Customize WordPress WYSIWYG Editor, and on this tutorial is another one. Today we will show you how to adding Custom Button to WordPress Editor. There are so many advantage why we need to added custom button. We can easy added content using Custom Button, we can added extra functions on our WordPress write panels.

WordPress Custom Buttons - Pretty Girl

Let’s get started, on this chapter we will added Google AdSense inserted button on our HTML Editor. Before you added this button, you need to create Google AdSense shortcode on your functions.php, this is example

function do_adsense() {
  $adsense = "You Adnsese Code Here";
  return $adsense;
}
add_shortcode('adsense', 'do_adsense');

After you write down the Custom Buttons for you Google AdSense above, the next step is write the code below, please not this code must be written on quicktags.js in the wp-includes/js, but you need to replace this original version (compressed version) with quicktags.dev.js and alter the code by added this

edButtons[edButtons.length] =
new edButton(‘ed_adsense’
,’adsense’
,’[adsense]’
,’’
,'adsense'
);

That’s simple right? save you work and Rerfresh/Reload you Write Post panel. And there you go, you got New Custom Buttons.

References:

• http://www.wppanda.com/add-custom-buttons-to-wordpress-post-editor/
• http://digwp.com/2009/06/addremove-buttons-from-wordpress-write-panel/
• http://www.makeuseof.com/tag/how-to-insert-custom-quicktags-into-the-wordpress-editor/
• http://www.designersandbox.com/wordpress/adding-quicktag-to-the-html-editor-in-wordpress/
• http://www.tamba2.org.uk/wordpress/quicktags/