Blogvaria Plugins

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”

Other plugins that works with WP theme “Blogvaria”

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:

How to insert Lightbox images

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”

The Quicktags 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.

3 thoughts on “Blogvaria Plugins

  1. Pingback: Blogvaria » Blogvaria WP Theme

  2. Pingback: Blogvaria » How to add Lightbox

  3. Thank you for sharing this information.

    I’d like to suggest for another video embed solution. Actually not only videos… Images and quotes from any web page, directly to any WordPress blog. Best of all, it’s not a plugin, it’s a bookmarklet. You drag & drop it to your bookmark bar and then, when you see a video or image, or some text worth to quote, click the bookmarklet and that’s all. For more information, please visit:

    http://postsome.com/