WordPress Quicktags Guide – Make editing your WordPress Weblog even easier. Quicktags are those useful one-click buttons that insert code for you, now the good news is that you can add to this quicktags list should you use a lot of tags that are not already there, and here is how.

How to add your button to WordPress Editor

How to add your button to WordPress Editor

Since version 2.0, see quicktags.js file in the /wp-includes/js/. Right-click to open the file in Notepad, PcPad.

Right at the beginning of the file you see

function edButton(id, display, tagStart, tagEnd, access, open) {
this.id = id; // used to name the toolbar button
this.display = display; // label on button
this.tagStart = tagStart; // open tag
this.tagEnd = tagEnd; // close tag
this.access = access; // access key
this.open = open; // set to -1 if tag does not need to be closed
}

Everything you need to create another button you will see in the following definition gradually fill the name of the button, opening and closing tag (if it is a paired tag), enter that key in use Alt will pay as a shortcut.

edButtons[edButtons.length] = new edButton('ed_strong'
,'strong'
,'<strong>'
,'</strong>'
,'b'
);

David

Graphic and website designer, currently, I attend to the maintenance of about thirty sites for existing clients as well as creating websites for the new ones. In my free time, I get into the secrets of the world of Linux, SSH, WP-CLI and I’m preparing this blog.

More:

Flywheel – Local WordPress development made ... Time to introduce a great product for Local WordPress developmet - Local by Flywheel is available for MAC/Windows systems right now, Linux version als...
How to Choose the Perfect Web Host for Your Blog Building a blog from the ground-up can be an exciting yet difficult endeavour to face. Regardless of the niche or topic(s), you plan to cover, there a...
Keyword Phrases in Alt Tags How to use Keyword Phrases in Alt Tags Hover mouse over Image for Keyword Phrase or Alt Tag One of my readers recently asked me about Alt Tags a...
7 Incredible Mobile App Frameworks For Agile Devel... With the proliferation of diversified mobile devices featuring distinct platforms, screen sizes, etc., creating an effective mobile app for all the pl...
E-Portfolios: Thanks to Web 2.0 In today’s internet savvy world, students are not far behind. Thanks to technologies like Web 2.0, it is being easier than anyone would have thought t...

Newsletter

Join our mailing list to receive the latest news and updates.

You have Successfully Subscribed!

Pin It on Pinterest