WordPress Gallery Plugin

I am proud to introduce my next WordPress Plugin, WordPress Gallery Plugin. This is highly customizable plugin was created using Nivo slider which is a jquery slideshow plugin created by dev7studios.

WordPress Gallery Plugin makes it as easy as it could possibly be to create gorgeous sliders for your WordPress powered site. Forget nasty custom fields and image URLs. You can even forget about manually resizing every image before you upload it because wordpress gallery plugin is using timthumb image resize script to auto resize images with dimensions of your choice.

Demo

[button text=”Demo wpg Shortcode” icon=”icon-flag” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”] [button text=”Demo wpg_thumb Shortcode” icon=”icon-flag” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin/#thumbnail_gallery” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”]
 

Download

[button text=”Download” icon=”icon-download-alt” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”]
 

WordPress Gallery Plugin comes with huge list of features. Create separate slideshow for every page or post, and place them anywhere on your WordPress website with ease.

This plugin creates a new shortcode for WordPress. With this new shortcode, you can create a wordpress slideshow just by typing [wpg] while you’re writing your post or page. This will display the images that you have uploaded to the current post or page.

Features

  1. Add Different slider for each post/page with different sets of images.
  2. Over 16 different transitions
  3. TimThumb integration for image resize.
  4. Colorbox Integration for lightbox.

Installation

  1. Upload the “wordpress-gallery-plugin” folder to your /wp-content/plugins/ directory.
  2. Login to your admin section, go to the Plugins section and activate the WordPress Gallery plugin.
  3. You can access the settings page using the Wp Gallery menu item, where you can adjust the default settings for the WordPress Gallery Plugin.

How to use WordPress Gallery Plugin

  1. Start writing a new post or page.
  2. Attach some images to the post/page using the Add Image button. Just upload them and click on “Save All Changes” button don’t insert them inside your post/page content.
  3. To add wordpress gallery in your post/page text, type [wpg], including brackets. Alternatively, add parameters as described below WordPress Gallery Parameters.
[wpg]

4. Publish and view your post/page.

[wpg] shortcode parameters

  1. width Set different width for each gallery
  2. height Set different width for each gallery
  3. effect See all the available effects at Effects.
  4. exclude Default it is set to ‘false’ if you want to exclude some images attached to your post/page then just add image ids separated by comma(,).
  5. border_color Colors are defined using a hexadecimal (hex) values add color values without # e.g. 000000
  6. border_size Set Border size in px like e.g. 5px
  7. link By default it is set to ‘true’ you can set it to false if you dont want anchor tags to your images.
  8. align You can align your gallery using this option available parameter are left,right,center
  9. slices For slice animations you can set this option with total number of slice by default it is set to 15.
  10. boxCols For box animations you can set number of columns
  11. boxRows For box animations you can set number of rows
  12. animSpeed Set Slide transition speed
  13. pauseTime Set How long each slide will show
  14. directionNav value will be true or false to display or hide direction prev next navigation arrows.
  15. directionNavHide Show direction nav only on mouse over value will be true or false
  16. controlNav value will be true or false to display or hide 1,2,3… navigation.
  17. pauseOnHover Stop animation while hovering value is true or false

Some Examples of [wpg] Shortcode

Default Shorcode without parameters

[wpg]

Gallery will be displayed using the default settings which you set on “WordPress Gallery Plugin” options page.

Example with setting width,height,effect,border_color,border_size,align

 [wpg width="400" height="200" effect="fold" border_color="c00000" border_size="5px" align="right"]

See all the available effects at Effects.

Example with setting width,height,effect,align,animSpeed,pauseTime

 [wpg width="400" height="200" effect="fold" align="right" animSpeed="500" pauseTime="3000" border_size="0px"] 

Set border_size=0px if you don’t want border for your gallery.

Available Effects Which You can use

The effect parameter can be any of the following:

  • sliceDown
  • sliceDownLeft
  • sliceUp
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • fold
  • fade
  • random
  • slideInRight
  • slideInLeft
  • boxRandom
  • boxRain
  • boxRainReverse
  • boxRainGrow
  • boxRainGrowReverse

[wpg_thumb] Shortcode

WordPress Gallery Plugin to display Thumbnails

One more shortcode available with this plugin is [wpg_thumb] which is used to create generate thumbnails of all the images attached to your post/page.

By using this shortcode you can create your own portfolio, product showcase easily.

Using [wpg_thumb] Shortcode

Just add [wpg_thumb] to your post/page to display thumbnails of all the images attached to your post/page.

Parameters for [wpg_thumb] Shortcode

  1. width Set Image width in pixels e.g. 125px
  2. height Set Image height in pixels e.g. 125px
  3. border_color Set Image border color in Hex e.g. 000000
  4. border_mover Set Image Mouse Over border color in Hex e.g. C00000
  5. border_size Set Border Size in Pixels e.g. 5pxIf you don’t want border then set it to 0px.
  6. link Set Link true or false
  7. lightbox Set lightbox true or false
  8. exclude By Default it is set to false if you want to exclude some images then add image ids, If you want to exclude several images then add them comma separated like e.g. ‘24,34,54’
  9. perrow Number of images to display in one row.

Demo

[button text=”Demo wpg Shortcode” icon=”icon-flag” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”] [button text=”Demo wpg_thumb Shortcode” icon=”icon-flag” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin/#thumbnail_gallery” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”]
 

Download

[button text=”Download” icon=”icon-download-alt” type=”btn-custom” size=”btn-large” url=”http://wordpressskins.org/wordpress-gallery-plugin” bg_color=”#1BC4DE” bg_hover_color=”#00b3ce” txt_color=”#ffffff” txt_hover_color=”#cef8ff”]
 

Leave a Reply

Your email address will not be published. Required fields are marked *

43 Comments

  1. Issue is solved now.. download Plugin files once again.

  2. Awesome plug-in! I was wondering if it will support captions for each slide at some point?

    1. Yes in next release there will be options for caption and custom url if you want to link image to website url’s

  3. Hello there,

    I am trying to use your [WPG]Shortcode Parameters. I’d like to use serveral slideshows on the same page but each slideshow gotta contain different images. I uploaded my images and I’d like to use you “exclude” shortcode to exclude some images but I don’t succeed to make it work. Can you help me out?

    1. different sets of image on single post/page is not possible with current version.

  4. The slide show is showing images full size,but keeping the image window size (800×600), so I only see part of some of the images. Does it not auto scale?

  5. Ida Centner says:

    Hi! Love the plug-in! I’m having problems with it loading very slowly, though.. About 10 seconds… Any suggestions on what to check?

    1. can you show me your website link? if you don’t want to disclose in comments you can email me from my website’s contact form.

  6. Hi,
    I think it’s a great plugin, but the images won’t load?
    I upload 3 images, then save settings, then add [wpg].
    All I get is 3 dots loading..

    Any ideas?

  7. you have to add comma separated attachment id which you want to exclude like

    [wpg exclude="32,33"] 
    

    If i want to exclude images having attachement id’s as 32 and 33

  8. What exactly want with background? transparent background to gallery?