This article will try to explain how you can modify the included add-ons “Quicktags” and “Lightbox” found in the new theme “Blogvaria“. It will also provide information about the plugins currently used to run all features “pre-installed” in the Blogvaria WP theme.

Featured plugins that works with WP theme “Blogvaria”

• Akismet Spam Count
• Fuzzy Recent Comments
• Fuzzy Recent Posts
• Inline Ajax (front) Page
• Live Comment Preview
• Popularity Contest
• Share This
• Sociable
• WeatherIcon

Other plugins that works with WP theme “Blogvaria”

• Articles
• Contact Form ][
• Download Manager
• Search_Hilite
• SimpleCode for WordPress
• WP-SlimStat
• WP Movie Ratings
• WP Unformatted
• Youtube Brackets

The Lightbox "Plugin"

All the files you need in order to get this image add-on working are already packed with the theme files:

1. ../themes/blogvaria/lightbox.css
2. ../themes/blogvaria/jscript/effects.js
3. ../themes/blogvaria/jscript/lightbox.js
4. ../themes/blogvaria/jscript/prototype.js
5. ../themes/blogvaria/jscript/scriptaculous.js
6. ../themes/blogvaria/images/blank.gif
7. ../themes/blogvaria/images/close.gif
8. ../themes/blogvaria/images/closelabel.gif
9. ../themes/blogvaria/images/image-1.jpg
10. ../themes/blogvaria/images/loading.gif
11. ../themes/blogvaria/images/next.gif
12. ../themes/blogvaria/images/nextlabel.gif
13. ../themes/blogvaria/images/prev.gif
14. ../themes/blogvaria/images/prevlabel.gif
15. ../themes/blogvaria/images/thumb-1.jpg

To add the effect to an image or imageset insert the image(s) as shown in the illustration below:

Then choose "code" view rather than "Visual" (if you haven't already) and add the following within the a tag:

<a href="../link-to-large-image/the-large-image.jpg" rel="lightbox"><img src="../link-to-thumb-image/the-thumb-image.jpg" ...

To create a "slideshow" (enable navigation between multiple images within a post/page) add the following instead:

<a href="../link-to-large-image/the-large-image.jpg" rel="lightbox[imageset1]“><img src=”../link-to-thumb-image/the-thumb-image.jpg” …

You may off course put whatever inside the brackets, it just have to be the same name for each set of related images. The name works as the reference in other words.

If you don’t add the lightbox reference no special effects will be added at all.

If you are not using my theme but would like to include this add-on to the theme you are using, please see this post about how to add Lightbox to my WP theme.

The Quicktag “Plugin”

All the files you need in order to get this comment add-on working are already packed with the theme files or part of your original WordPress installation:

1. ../themes/blogvaria/styles.css
2. ../themes/blogvaria/jscript/comment_quicktags.php

Open comment_quicktags.php in your editor of choice and add or remove tags as you see fit. It’s rather self-explanatory so you shouldn’t need much help with this one.

To make it fit nicely above the comment’s textarea, the following was added to the main stylesheet:

/*** QuickTags on Comments (Plugin styling) ***/
#commentform #ed_toolbar input.ed_button { width:auto; }

You really don’t have to edit this/these line(s), but now you know where to look…

If you are not using my theme but would like to include this add-on to the theme you are using, please see this post about how to add Quicktags to my WP theme.