- Copy the file lmbbox-comment-quicktags.php into your wp-content/plugins directory
- Activate this plugin in the WordPress Admin Panel
In your comments.php theme file add
""
right above the . I put mine just
above my commented out allowed_tags() call, example below.
-- Example --
XHTML: You can use these tags: //-->
-- End of Example --
3.1 You need to make sure that "ID); ?>" is just after the and just before
the lines at the bottom of the comments.php file in your theme's folder.
3.2 Open up your comments.php file and find the same area as you did in step 3 above. Now if you notice in my example
above, the line has 'name="comment" id="comment"' settings. Now you need to make sure that both
the name and id are "comment" like above (the default theme is like this).
Styling the Toolbar
- The code added at the lmbboxcommentquicktags() function call has some CSS styling tags
in place. Below is what I have for my style settings, which mimic the admin's quicktags
look. There is a span with an id of commentquicktags that wraps the whole of the code.
Then in the quicktags script, a link (Quicktags:)
is displayed followed by a span with an id of edcommenttoolbar. The ID of the span can
be used by anybody who may want to add more buttons after the hard coded buttons
(eg. My plugin -> LMB^Box Smileys Plugin). All of the buttons are inputs with
a class of edbutton, and all of the buttons have ids of ed%Nameofbutton%. The build
in button ids are: edstrong, edem, edpre, edblock, and edlink.
/---------------------- Comment Quicktags ---------------------------/
/* Main Span */
comment_quicktags {
text-align: left;
margin-left: 1%;
}
/* Button Style */
comment
quicktags input.edbutton {
background: #F4F4F4;
border: 1px solid #D6D3CE;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 1px;
width: auto;
}
/* Button Style on focus/click */
comment
quicktags input:focus.edbutton {
background: #FFFFFF;
border: 1px solid #686868;
}
/* Button Lable style */
comment
quicktags #edstrong {
font-weight: bold;
}
/* Button Lable style */
comment
quicktags #edem {
font-style: italic;
}
Edit the Quicktag Buttons
- If you wish to change/edit the Quicktag Buttons that are displayed, all you need to do is
go to the LMB^Box Comment Quicktags Options Page. On the page you will be able to set the
Minimum Level to Change LMB^Box Comment Quicktags Settings, if to display LMB^Box Comment
Quicktags Toolbar in Comment Form, and add/edit/manage/remove the Quicktags Toolbar Buttons.
In the default buttons, there are two that use special builting functions. Do NOT add any
settings to these buttons! They are edimg and edlink. To add a new button, put in a Button ID
and a Button Lable at the least. To make the button work, fill in Open and Close Tags (these
are html code tags that will be used to style the output of the text between the tags). You
can also add a Keyboard Shortcut key (I don't know how to use this though). The only time you
need to check "Button Doesn't Need Close Tag" is if the Open Tag is all you need to show the
html code tag that you want (on ed_img button, leave this box checked!). Then to display the
Button, check the "Display Button" checkbox. If you want to remove a button, either just check
the "Remove Button" checkbox or remove the Button ID and Button Lable. To change the order of
display for the buttons, use the first column Button Display Order to move each button to where
you want it to be by moving them up or down the list.
Uninstallation
- If you want to uninstall LMB^Box Comment Quicktags, just deactivate the plugin in your Plugins Page.
When you click on deactivate, you will be prompt to if to remove LMB^Box Comment Quicktags Settings.
Click Ok/Yes to remove settings or Cancel/No to keep settings.