WP Auto Albums - Multi Level Responsive Grid
By: David Blanco
Contact: My Author Page
Thank you for purchasing my item. 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!
Table of Contents
The Files You Need
First when you unzip the plugin you will see these folders:
- autoAlbums: Copy this folder and paste it inside your wordpress in the plugins folder (yourWordpress/wp-content/plugins)
- autoAlbums.zip: Or upload the autoAlbums.zip file through the plugins option in your Wordpress plugin page.
- documentation: Where you will find this documentation you are reading.
Once you upload the plugin to your Wordpress you must active it in your Wordpress plugin page and it will look like this:
Now you can put the Albums anywhere in your page or post just by adding this small shortcode:
[autoAlbums]And then it will create the Albums and Galleries from the images and folders that are inside a folder named: "Gallery" (by default), this folder is in the autoAlbums plugin folder and you can change it in the admin page of this plugin.
Also if you want to create more Albums let say in another page and from a different folder you can pass a parameter to the shortcode and specify another directory for the Albums, for example to create Albums from a Gallery2 folder you will do it like this:
Just Drag and Drop Images Into a Folder
If you don't want categories just a grid of images then you can just drag and drop them in the Gallery folder and the folder will look like this:
The plugin will take care of reading them, just refresh your page and you will see this images automatically added to the grid!
With Categories or Albums
If you want categories inside the "Gallery" folder you need to create folders inside that will be the Categories of your Gallery (e.g. Hollidays, Photography, Animals, etc.) and inside those folders you put the images you want. And that's it, refresh your page and you will see now your gallery with albums and then if you click on one of it it will bring the images from that album. The caption box that shows when you over an image will be the name of the image, and the directory will look like this:
Is not over, you can keep creating folders of images inside a folder inside a folder inside a folder and the plugin will still reading them all creating a navigation at the top so you can go back in whatever level of your choice as you can see here:
Album Cover Image
You have 3 options in order to choose a Album Cover Image
- By default the plugin will choose a random image inside that album and use it as the cover
- You can set the JS option "folderCoverRandom" to "no" and then the plugin will use the first image of that Album (depending on the order)
- You can name an image "folderCover" (folderCover.png, folderCover.jpg, etc.) inside the Album and the plugin will use it as the cover (this image will not be shown in the grid when you open that album)
To improve performance you can add thumbnails for the grid and then when you click in one of them the plugin will open a lightbox with the real one. To make a thumbnail just add a folder named "thumbnails" and inside put the thumbnails of your images, the thumbnails must be with the same name of the real image so the plugin can recognize them.
For example if you wish to add a thumbnail for a image named "Black Dress.jpg" you will do it like this:
You don't need to add a thumbnail for each image, just for the ones you like.
Now is time to make some changes to the default settings of the plugin. You can change them in the Admin Page of the plugin and you can see where is located in the following image:
And now a little description of each one:
|Images Order||This is the order of the images in the grid and you can order it by Date, by Date Reverse, By Name, By Name Reverse or randomly
|Lazy Load Feature?||When you reach the end the grid will try to load more images as if you click the "load more images" button (be careful with this option specially when you have multiple galleries, I would recommend it only when you are using a single gallery and if you don't have content below)
|A Random Folder Cover?||If there's no folderCover image then get a random image from that album and use it as folder cove rimage
|Folders At Top?||If you want the albums/folders to be always at first in the grid and then the images
|Show Number of Folders?||If you want to show the number of folders that are inside an album
|Show Number of Images?||If you want to show the number of image that are inside an album
|Auto Hide Number of Folders?||If there is no folders inside a folder then don't show the number of folders
|Auto Hide Number of Images?||If there is no images inside a folder then don't show the number of images
|Show Navigation Bar?||Would you like to show the navigation bar of categories
|Images To Load At Startup||The number of images to load when it first loads the grid
|Images To Load||The number of images to load when you click the load more button or in lazzy load
|Horizontal Space Between Thumbnails||The space between images horizontally
|Vertical Space Between Thumbnails||The space between images vertically
|Column Width||The width of each columns, if you set it to 'auto' it will use the columns option instead
|Number of Columns||This will only work if you set the columnWidth to 'auto' and it is the number of columns you wish to display in the grid so it can adapt to its container
|Minimum Width of Each Column (px)||The minimum width of each columns when you set columnWidth to 'auto'
|Animated Effects for the Grid?||If you wish to display the animation when resizing or filtering with the nav bar
|Show the Captions of the Images?||Would you like to show the caption in mouse over?
|The Effect of the Caption||The type of caption effect
|Show the Lightbox?||Do you want the lightbox?
|Lightbox Keyboard Navigation?||Keyboard navigation of the next and prev image
|Lightbox Speed Effect (ms)||The speed of the lightbox effects
|Lightbox Zoom Animation?||Do you want the zoom effect of the images in the lightbox?
|Lightbox Text?||If you wish to show the text in the lightbox
|Lightbox Play Button?||Show the play button?
|Lightbox Auto Play?||The first time you open the lightbox it start playing the images
|Lightbox Play Interval (ms)||The interval in the auto play mode
|Lightbox Show Timer?||If you wish to show the timer in auto play mode
|Stop Play When Lightbox Closes?||Stop the auto play mode when you close the lightbox?
|HashTag?||Do you want the hashtag in the URL?
Some Handy Stuff
When you order the images By Name and you want to edit the order just add A-, B-, etc... at beginning of the name of the images like this (the A-,B-, etc... will not be showing in the caption):
Link to Another Page
If you like to link to another page when you click on a thumbnail of the grid you need to add the url to the page you wish to link in the name of the image after '$$' for example:
Plants vs Zombies$$google.com.jpg in this case will link to google.com (the plugin will take care of adding http:// before google.com)
If you still having doubts or if you didn't understand something feel free to contact me via email through my profile Here at the bottom there is a contact form, I will help you any way I can!