How to Add Buttons to the WYSIWYG in WordPress
By default, the blogging script WordPress allows you to quickly insert text effects into the WYSIWYG editor. However, you may find yourself frequently using a tag that is not in the toolbar by default, or you may want to quickly add text. One way to simplify this task and reduce monotonous typing is to add one or more buttons to the WYSIWYG editor. You can then use your custom buttons when creating posts or pages.
Other People Are Reading
Instructions
-
-
1
Log into your WordPress dashboard in your Web browser.
-
2
Click "Add New" under the "Plugins" section in the navigation.
-
-
3
Type "AddQuicktag" into the search field and click "Search." When the results appear, click "Install Now" to install the plugin by Roel Meurders. Click "OK" to confirm that you wish to install and click "Activate Plugin" to begin using it.
-
4
Click "AddQuicktag" which will now appear under the "Settings" heading in the navigation.
-
5
Type the name or a short description of your new button into the "Button Label" box. For example, if you wish to add an "h2" tag, you may simply type "h2." The caption should be short to fit on the button. Type the text that will appear when you hover over the button, in the editor, in the "Title Attribute" box. This can be the same as the button label.
-
6
Type the tags (HTML code) that will appear before and after your selected text, when you press the new button in the post editor. To add an "h2" tag, for example, you will type "<h2>" in the "Start Tag" field to open the code and "</h2>" (without quotations) in the "End Tag" to close it.
-
7
Click "Update Options" to save your new button, which will now appear in your editor when you click the "HTML" tab.
-
1
Tips & Warnings
You can insert any text that you wish to enter by the push of an editor button and both "Start Tag" and "End Tag" text or tags are not required.
By default, AddQuicktag allows you to add two tags. When you add the tags and save options, another blank field will appear.
You can delete custom buttons by deleting the label, start and end tags from the AddQuicktag settings page. Click "Update Options" to delete the button.
