Awesome Responsive Photo Gallery Wordpress

v1.0


Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

WordPress Responsive Photo Gallery is a Highly customizable jQuery plugin for your WordPress website. You can create 100% responsive WordPress photo gallery within a minute which is easy to customize and there are various views. There are many variations in the photo gallery. You can change gallery style, border radius, color & other settings by using the SHORTCODE of this plugin. As navigation you can use thumbnails. It is the most flexible and easy way to get your self-hosted photos on your website.

You can change gallery style, border radius, color & other settings by using the shortcode of this plugin. In this documentation, we'll cover enough areas of the shortcode usage for you to control the plugin effectively. WordPress photo gallery is a Highly customizable jQuery plugin for your WordPress website. This plugin have user friendly admin panel. You can change everything from options panel. Lets begin:

====  END ABOUT THE PLUGIN === 

Installing the plugins is just like installing other WordPress plugins. If you don't know how to install plugins, please review the two options below:

Install by ZIP File

  1. From your WordPress dashboard, choose 'Add New' under the 'Plugins' category
  2. Select 'Upload' from the set of links at the top of the page (the second link)
  3. From here, browse for the zip file included in your plugin purchase titled 'photo-gallery-installable.zip' and click the 'Install Now' button
  4. Once installation is complete, activate the plugin to enable its features.

Install by FTP

  1. Find the directory titled 'photo-gallery' and upload it and all files within to the plugins directory of your WordPress install (/WORDPRESS-DIRECTORY/wp-content/plugins/) [e.g. www.yourdomain.com/wp-content/plugins/]
  2. From your WordPress dashboard, choose 'Installed Plugins' option under the 'Plugins' category
  3. Locate the newly added plugin and click on the 'Activate' link to enable its features.

====  END INSTALLATION  ==== 

After install, you are ready to use gallery in your post, page, widget or anywhere you like. How to create gallery? lets see.

Now we are going to add a gallery in a regular page. Go to Page > Add New. Click on "Add Media", then you can see media uploader.Now click on "Create Gallery, then upload some photos here."

You can upload photo also drag & drop system.

After uploading photos, you can set its description & other information.

Added video link in the description field for video in gallery items

After adding all necessary information, Click the blue button saying "Create a new gallery". You can re-organize gallery items here. Ignore the gallery settings, just click the blue button saying "Create Gallery"

Then you will get wordpress default gallery shortcode in your editor, just add easy before the gallery shortcode. If your gallery shortcode is [gallery ids="39,38,37,36,35,34,31"], just add easy before the gallery text. So your shortcode will look like [gallery ids="39,38,37,36,35,34,31"]

Now save your page, then visit the newly created page & see something awesome. :)

Customizing

You can customize shortcode for different looks. We are using shortcode attributes for changing look. Lets see how they work.

If you want to increase or decrease space between the gallery items, you can use margin attribute.
Example: [gallery ids="39,38,37,36,35,34,31" margin="20px"]
Margin 20px means, it will add 20px space. You can change the parameter.

If you want to add more than one gallery in your page or post, you must add id attribute.
Example: [gallery ids="39,38,37,36,35,34,31" id="1"]
[gallery ids="39,38,37,36,35,34,31" id="2"]

You can add anything as the value in id attribute, just make sure that they are unique.

Also you can use these attributes

Attribute Name

Default Value

Value type

id

 

Anything can be used, must be unique

margin

10px

10px, 20px, 5px

radius

0px

5px, 2px, 10px

shadow

0px

5px, 2px, 10px

shadow_color

#666

Color HEX code, or color name

desc

true

true or false

caption

true

true or false

controls

true

true or false

theme

#666

Color HEX code, or color name

effect

slide

slide, fade


External Admin Panel


Basic Settings





Advance Settings

======  END CONFIGURATION ===== 

Default Gallery


Overlay color


Added border radius, overlay color, margin, shadow & shadow color in gallery


Support Two Column


Single image in lightbox

Gallery thumbnails

Video Support

 

Or you can see live by clicking here.

=======  END EXAMPLE  =====

Light Gallery


Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. But I'll do my best to assist. If you have a more general question you might consider visiting the forums and asking your question in the "Item Discussion" section.

Crazy Coder