Responsive Image Gallery, Gallery Album

Descripción

Gallery is very important tool for any website. The most of users have Galleries on their website. Our Gallery plugin allow you to display your Galleries with awesome views and animation effects, so you need to try our plugin.
We have a lot of different standard and Canvas animation that you will like. You can create your own design with our Gallery and make your style. We are sure that you will like our plugin.

View our Gallery plugin Demo pages:

Check our Gallery Pro page:

WpDevArt Gallery plugin have a lot of free and Premium features, so let us introduce some of that features.

Features of WordPress Gallery plugin

  • Fully Responsive
  • Handy and easy to use admin panel
  • Tested on all modern browsers
  • Works perfectly with all versions of WordPress
  • Ability to create unlimited number of Galleries
  • Ability to create unlimited number of Albums
  • Ability to upload unlimited number of images
  • Ability to change image names and descriptions
  • Ability to change Popup overlay background color
  • Ability to change Popup overlay opacity
  • Ability to set Popup Position
  • Ability to change Popup border width
  • Ability to change Popup border color
  • Ability to change Popup border opacity and radius
  • Ability to change Popup control bar icons sizes
  • Ability to change Popup control bar height
  • Ability to change Popup description panel settings
  • Ability to set Popup description panel text and background colors
  • Ability to set Popup description panel opacity
  • Ability to change Popup description panel hover options
  • Ability to change Popup Previous and Next icons
  • Ability to change Popup Previous and Next icons color
  • Ability to change Popup Previous and Next icons size
  • Ability to change Popup Previous and Next icons position
  • Ability to change Popup slide pause time
  • Ability to create unlimited themes for Galleries
  • Ability to change Gallery images size
  • Ability to change Gallery images text options
  • Ability to change Album images size
  • Ability to change Album images text options
  • Ability to change general images size
  • Ability to change general images text options
  • Ability to change count of elements in page
  • Ability to set number of columns in Gallery and Album
  • Ability to set Pagination panel height
  • Ability to change Pagination panel background options
  • Ability to set Images thumbnails cropping width and height
  • Ability to set Images cropping max width and height
  • Tested on popular WordPress themes

You can upgrade Gallery plugin to WordPress Gallery Pro to add some nice features.

The features of WordPress Gallery Pro

  • 8 Awesome Gallery views
  • 5 standard animation effects
  • 27 Canvas animation effects
  • Ability to set slide animation time
  • Ability to change Popup design settings
  • Ability to change Popup control bar design settings
  • Ability to change Popup control bar position
  • Ability to change Popup control bar icons design
  • Ability to change Popup outside Icons conteiner settings
  • Ability to change Popup thumbnail line settings
  • Ability to change Popup thumbnail images settings
  • Ability to change Popup thumbnail image counter settings
  • Fully customizable Gallery design
  • Fully customizable Album design
  • Fully customizable general images design
  • Premium support

This was the settings list of our Gallery plugin, but you need to try our demo or create Galleries yourself for haveing closer look on it. We hope you will like our Gallery plugin.
We tried to do our best for creating user friendly and easy to use plugin, but if you have any questions about creating galleries then check the User Manual page or ask your question us.

Fully Responsive

WpDevArt Gallery is one of the most responsive galleries that are available on WordPress. You can check our demo pages on different devices and you will see what we are talking about.
Today the mobile development and promotion is more then important, so we try to do our best in this case.

Unlimited number of Galleries, Albums and images

Create as many Galleries and Albums as you need, upload or select as many images as you need, there is no limitation. You can create Galleries and Album with tons of images.

27 Canvas animation effects

We have nice and unique Canvas effects that you will like. Try them, there are a lot of awesome animation effects.

Fully customizable Gallery, Album and images design

You can set almost every element design setting, so the gallery design will fit to your website design.

8 Awesome Gallery views. Below you can check Views and their short descriptions.

Square view

Square view is very simple and nice view that will display your Album image nicely. In Gallery Square view all Album images have the same height and different width.
Try this view we think you will like it.

Masonry view

Masonry view is the most popular view. It will display images in Albums in a beautiful style and we are sure you will like this view.

Mosaic view

Mosaic view is on of the most popular views for Galleries as well. In this view images have the same width, but images height can be different.
This Gallery view so popular, because it will not left not filled space in Album content.

Thumbnail view

In Thumbnail view our Gallery will modify image sizes and give them the same width and height, depending on Image Settings you selected. This is handy view as well.

Column view

This view will display Galleries, Albums and images by column. It’s not so popular view for Gallery, but some users prefer this view.

Square, Masonry, Mosaic, Thumbnail alternative views

Gallery Alternative views have beautiful style as well and not so different as the original views

Check all Gallery views on our demo page

If you found any bug or mistake in our plugin or have a question contact us at support@wpdevart.com, we will try to fix it as soon as it possible.

We recommend you to take a look for this useful plugins – WordPress Contact Form, WordPress Coming Soon plugin, WordPress booking, WordPress Poll plugin, WordPress Facebook like box, WordPress YouTube, WordPress Countdown plugin, Facebook comments WordPress .

The Best Offer From WpDevArt

You can check the best offer page here – Best Price

Installation

First download WpDevArt Gallery plugin ZIP file.

Follow these steps for installing and activating WpDevArt Gallery plugin

  1. Log into your WordPress website administration panel.
  2. Then go to Plugins page and click Add New > Upload Plugin.
  3. Click “Choose file” then select our WordPress Gallery plugin zip file.
  4. Then install and activate the plugin.
  5. Now go to our plugin settings page(from the left panel of Dashboard), then create and configure your Gallery.

If you have any issue with installation contact us at support@wpdevart.com.
On this page we will provide detailed information about how to create and insert Galleries into your website posts/pages. Also, below we will provide more information about Popup and theme settings.

Before uploading or adding images to Gallery go to Crop setting page from admin panel and set up the cropping parameters for images. It’s very important, don’t miss this step.

Gallery page

On Gallery page you can create new Galleries and Albums, upload(add) and remove images, edit images names and descriptions.
This is the main page from where you can control your Gallery and Album elements. Below you can see how to create Gallery, Album and how to upload images.

First click on “Create gallery”, then type the Gallery name and click on “Add new gallery” button. After that you will see the message “Gallery successfully created”.
Now you can create albums for new created Gallery.
Click the Plus button on the left side of created Gallery and you will see “Create album” option. Click on “Create album” and type there the album name and then click on the Create album button on the right side.
After this steps you will see “Album successfully created” message.
Then click the Plus button on the left side of created Album and you will see “Add new image” option. Click on Add new image and you will see the upload option in the right side.
You can use the WpDevArt uploader for uploading new images or choose images from WordPress media library. Just choose or upload images and click on Insert to album button from bottom.
If you want to edit the Album images, then click on the square in left side of Album name, if you want to edit Album name or delete the Album, then click on the Album name.

Popup page

On this page you can configure Popup(lightbox) settings.
There are a lot of options that will allow you to configure the Popup design and other settings. Popup have fully customizable design, so you can configure it as you need.
Beslow you can view the Popup options list and some descriptions.

General

Distance from window – Type here the distance from screen(not for middle position)
Rotation when image started open – Type here the image rotation degree when Popup started
Popup Position – Choose the popup Position
Image location at Popup start – Choose the image location at Popup start
Popup closing type – Choose the popup closing type
Popup location – Choose the popup location
Popup border width – Type the popup border width
Popup border color – Select the popup border color
Popup border opacity – Type the popup border opacity
Popup border radius – Type the popup border radius
Popup radius metric type – Select the popup radius metric type
Minimum image width – Type the minimum image width
Image width at Popup start – Type the image width at Popup start

Description panel

Description panel background color – Select the description panel background color
Description panel on hover background color – Select the description panel on hover background color
Description panel opacity – Select the description panel opacity
Description panel on hover opacity – Select the description panel on hover opacity
Description panel text color – Select the description panel text color
Description panel on hover text color – Select the description panel on hover text color
Description panel text distance from top – Type the description panel text distance from top
Text distance from left and right side – Type the description panel text distance from left and right side
Description panel text font size – Type the description panel text font size

Icons general settings

Control bar display settings – Choose when to show or hide the control bar
Control bar icons position – Select control bar icons position
Control bar position – Select the control bar position
Control bar vertical position – Choose the control bar vertical position
Control bar background color – Select the control bar background color
Control bar icons color – Select the control bar icons color
Control bar icons on hover color – Select the control bar icons on hover color
Control bar height – Type the control bar height
Control bar icons on hover size changing – Type here how to zoom in or zoom out icons on hover
Distance between control bar icons – Type distance between control bar icons

Control bar icons

Previous and Next image icons – Choose the Previous and Next image icons
Previous and Next image icons size – Type the Previous and Next image icons size
Play icon – Choose the play icon
Pause icon – Choose the pause icon
Play and Pause icon size – Type the Play and Pause icon size
Counter separating symbol – Type the counter separating symbol
Counter separating symbol size – Type the counter separating symbol size
Full and small size images icon – Choose the full and small size images icon
Full and small size images icon size – Type the full and small size images icon size
Image description icon – Choose the image description icon
Image description icon size – Type the image description icon size
Close icon – Choose the close icon
Close icon size – Type the close icon size

Outside Icons conteiner

Outside Icons distance from screen – Type here outside Icons distance from screen
Outside Icons panel background color – Select outside Icons panel background color
Outside Icons panel background opacity – Select outside Icons panel background opacity
Outside Icons panel border radius – Type outside Icons panel border radius

Overlay

Overlay background color – Select the overlay background color
Overlay opacity – Select the overlay opacity

Slide effects

When start slide effect – Choose when the slide effect should start
Slide type – Select slide effect type
Standard effects list – Choose what standard effects use(5 Standard effects)
Canvas effects list – Choose what Canvas effects use(27 Canvas effects)

Popup Previous and Next icons

Popup Previous and Next icons – Select the Previous and Next image icons for Popup
Previous and Next icons color – Selcet Previous and Next icons color
Previous and Next icons size – Type the Previous and Next icons size
Previous and Next icons position – Type the distance for Previous and Next icons from popup border

Popup thumbnail line

Show popup thumbnail line – Choose to show or hide popup thumbnail line
Distance between control bar icons and thumbnail line – Type the distance between control bar icons and thumbnail line
Popup thumbnail line width – Select the thumbnail line width
Active thumbnail line height – Type the active thumbnail image line height
Popup thumbnail line color – Select the popup thumbnail line color
Active image line color – Select the active image line color
Viewed image line color – Select the viewed image line color
Hovered image line color – Select the hovered image line color

Popup thumbnail images

Width – Type the width of Popup thumbnail image
Height – Type the height of Popup thumbnail image
Thumbnail border – Type the Popup thumbnail border size
Distance between thumbnail line and thumbnail images – Type here distance between the thumbnail line(or control bar) and thumbnail images
Thumbnail border color – Type the Popup thumbnail border color
Background color of residual space – Select the background color of Thumbnail image residual space
Thumbnail opacity – Select the Popup thumbnail opacity

Thumbnail image counter

Show image counter – Choose to show or hide image counter
Counter width – Type the counter width
Counter height – Type the counter height
Counter background color – Select the counter background color
Counter opacity – Select the counter opacity
Numbers text color – Select the numbers text color

Themes page

On themes page you can create or edit themes. Also, you can select the default theme from this page.
If you need to create new themes, then click on “Add New” button from right side of Themes text.
After that type the new theme name and cofigure options.

Below is the list of options of theme.

General

Count of elements in page – Type the count of elements in page
Image distance type – Select image distance type(work only for Masonry alternative, Mosaic alternative and Thumbnail alternative view)
Number of columns in Gallery and Album – Type number of columns in Gallery and Album
Masonary mosaic and thumbnal column count – Number of columns in Gallery and Album – Type number of columns in Gallery and Album
Count of added elements(more button) – Type the count of added elements(more button)
Pagination panel height – Type pagination panel height
Main background color – Select main background color
Main background opacity – Select main background opacity
Pagination type – Select pagination type
Pagination buttons font size – Type Pagination buttons font size
Pagination buttons background color – Select pagination buttons background color
Active pagination buttons background color – Select active pagination buttons background color
On hover pagination buttons background color – Select on hover pagination buttons background color
Pagination buttons text color – Select pagination buttons text color
Active pagination buttons text color – Select active pagination buttons text color
On hover pagination buttons text color – Select on hover pagination buttons text color
Show ordering type on front end – Choose to show or hide ordering type on front end
When text hover should work – Select when text hover should work
Elements on hover animation speed – Type elements on hover animation speed

Image Settings

Image width – Type image width
Image height – Type image height
Distance between images – Type the distance between images
Image zoom on hover – Type image zoom on hover
Image rotation on hover – Type image rotation on hover
Image opacity – Select image opacity
Image on hover opacity – Select image on hover opacity
Image border size – Type image border size
Image border color – Select image border color
Image border opacity – Select image border opacity
Image border on hover color – Select image border on hover color
Image border on hover opacity – Select image border on hover opacity
Image border radius – Type image border radius
Image border on hover radius – Type image border on hover radius
Image shadow color – Select image shadow color
Image shadow on hover color – Select image shadow on hover color
Horizontal image shadow – Type horizontal image shadow
Horizontal on hover image shadow – Type horizontal on hover image shadow
Vertical image shadow – Type vertical image shadow
Vertical on hover image shadow – Type vertical on hover image shadow
Image shadow blur – Type image shadow blur
Image shadow on hover blur – Type image shadow on hover blur
Image separate shadow – Type image separate shadow
Image on hover separate shadow – Type image on hover separate shadow
Image shadow opacity – Select image shadow opacity
Image shadow on hover opacity – Select image shadow on hover opacity
Image shadow type – Choose image shadow type
Image shadow on hover type – Choose image shadow on hover type
Image text padding – Type image text padding
Image text font size – Type image text font size
Image text on hover font size – Type image text on hover font size
Image text color – Select image text color
Image text on hover color – Select image text on hover color
Image text opacity – Select image text opacity
Image text on hover opacity – Select image text on hover opacity
Image text shadow color – Select image text shadow color
Image text on hover shadow color – Select image text on hover shadow color
Image text shadow blur – Type image text shadow blur
Image text on hover shadow blur – Type image text on hover shadow blur
Image text shadow opacity – Select image text shadow opacity
Image text shadow on hover opacity – Select image text shadow on hover opacity
Image text panel background color – Select image text panel background color
Image text panel on hover background color – Select image text panel on hover background color
Image text panel background opacity – Select image text panel background opacity
Image text panel on hover background color – Select image text panel on hover background color
Number of images to show before clicking more button – Type how many images to show before clicking more button(work only when selected more button option)

Album settings

Album images width – Type album images width
Album images height – Type album images height
Distance between Albums – Type distance between Albums
Album folder size inside album window – Select album folder size inside album window
Album opacity – Select album opacity
Album on hover opacity – Select album on hover opacity
Album background color – Select album background color
Album on hover background color – Select album on hover background color
Album background opacity – Select album background opacity
Album on hover background opacity – Select album on hover background opacity
Album border size – Type album border size
Album border color – Select album border color
Album on hover border color – Select album on hover border color
Album border opacity – Select album border opacity
Album on hover border opacity – Select album on hover border opacity
Album border radius – Type album border radius
Album on hover border radius – Type album on hover border radius
Album shadow color – Select album shadow color
Album on hover shadow color – Select album on hover shadow color
Album horizontal shadow – Type album horizontal shadow
Album on hover horizontal shadow – Type album on hover horizontal shadow
Album vertical shadow – Type album vertical shadow
Album on hover vertical shadow – Type album on hover vertical shadow
Album shadow blur – Type album shadow blur
Album on hover shadow blur – Type album on hover shadow blur
Album separate shadow – Type album separate shadow
Album on hover separate shadow – Type album on hover separate shadow
Album shadow opacity – Select album shadow opacity
Album on hover shadow opacity – Select album on hover shadow opacity
Album shadow type – Select album shadow type
Album on hover shadow type – Select album on hover shadow type
Album text padding – Type album text padding
Album text font size – Type album text font size
Album on hover text font size – Type album on hover text font size
Album text color – Select album text color
Album on hover text color – Select album on hover text color
Album text opacity – Select album text opacity
Album on hover text opacity – Select album on hover text opacity
Album text shadow color – Select album text shadow color
Album on hover text shadow color – Select album on hover text shadow color
Album text shadow blur – Type album text shadow blur
Album on hover text shadow blur – Type album on hover text shadow blur
Album text shadow opacity – Select album text shadow opacity
Album on hover text shadow opacity – Select album on hover text shadow opacity
Number of albums to show before clicking more button – Type how many albums to show before clicking more button(work only when selected more button option)

Gallery settings

Images width – Type images width
Images height – Type images height
Distance between galleries – Type distance between galleries
Folder size inside window – Select folder size inside gallery window
Opacity – Select opacity
On hover opacity – Select on hover opacity
Background color – Select background color
Folder background color – Select folder background color
On hover background color – Select on hover background color
Background opacity – Select background opacity
On hover background opacity – Select on hover background opacity
Border size – Type border size
Border color – Select border color
On hover border color – Select on hover border color
Border opacity – Select border opacity
On hover border opacity – Select on hover border opacity
Border radius – Type border radius
On hover border radius – Type on hover border radius
Shadow color – Select shadow color
On hover shadow color – Select on hover shadow color
Horizontal shadow – Type horizontal shadow
On hover horizontal shadow – Type on hover horizontal shadow
Vertical shadow – Type vertical shadow
On hover vertical shadow – Type on hover vertical shadow
Shadow blur – Type shadow blur
On hover shadow blur – Type on hover shadow blur
Separate shadow – Type separate shadow
On hover separate shadow – Type on hover separate shadow
Shadow opacity – Select shadow opacity
On hover shadow opacity – Select on hover shadow opacity
Shadow type – Select shadow type
On hover shadow type – Select on hover shadow type
Text padding – Type text padding
Text font size – Type text font size
On hover text font size – Type on hover text font size
Text color – Select text color
On hover text color – Select on hover text color
Text opacity – Select text opacity
On hover text opacity – Select on hover text opacity
Text shadow color – Select text shadow color
On hover text shadow color – Select on hover text shadow color
Text shadow blur – Type text shadow blur
On hover text shadow blur – Type on hover text shadow blur
Text shadow opacity – Select text shadow opacity
On hover text shadow opacity – Select on hover text shadow opacity
Number of galleries to show before clicking more button – Number of galleries to show before clicking more button

Image cropping page

You can set the cropping parameters for images(this parameters will set for all images after uploading them).

Images thumbnails cropping width – Type here the images thumbnail width, after you set this parameter the image thumbnails width will be cropped
Images thumbnails cropping height – Type here the images thumbnail height, after you set this parameter the image thumbnails height will be cropped
Images cropping max width – Type images cropping max width
Images cropping max height – Type images cropping max height

Adding Gallery into your website posts/pages

After you create Gallery, configure Popup and other settings, you need to go to your posts/pages for adding Gallery.
Find the insert Gallery shortcode button from Visual Editor buttons(search for Gallery icon). Click on it, then in opened popup select the Gallery(or you can select all), then select the Album from selected Gallery(again you can select all), after that select the Gallery theme you want. Then choose the Gallery view you prefere and click on Insert button.
If you want to edit Gallery view or other options, then click on icon that was added to the post/page after inserting Gallery and you can change the options.

Capturas

  • Gallery Front-end
  • Album Front-end
  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Front-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end
  • Back-end

Preguntas frecuentes

Our plugin is an user friendly tool, but here you can check some frequently asked questions.

How I should insert the Gallery into my posts/pages

First of all set the Crop parameters. Then you need to create the gallery and configure the Popup settings. After that configure the theme settings.
Then go to your post or page, find the insert Gallery shortcode button from Visual Editor buttons. Click on it, select the options you need and insert the Gallery.

Can I insert the Gallery into my sidebars

Unfortunately we don’t have such feature at this moment, but we will try to add it in feature.

Is there any limitation for number of Galleries

We didn’t set any limitation for number of Galleries, so you can create as many as you need.

Is there any limitation for number of Albums in Gallery

There isn’t any limitation for Albums as well.

Is there any limitation for number of images in Gallery

You can upload as many images as you need, there is not such limitation.

Can I create different popup styles for different Galleries

You can set only one popup style for all galleries.

Is this mobile friendly Gallery

Yes, this is the most mobile friendly Gallery 🙂

How can I edit the Gallery images titles and descriptions

You need to open the Gallery, then the Album and click on image you need, don’t forget to save changes.

Can I set the same title for different Galleries

Unfortunately no, you will get an error about this.

Can I set the same title for different Albums in Gallery

The same again, the Album names should be unique.

Can I display only one Album from Gallery

Yes, you can insert as many as you need, just select the right settings when you insert the shortcode.

Can I edit the inserted shotcode of Gallery

Yes, just click on the Gallery icon in your post/page editor and you can chage the views or settings.

I don’t see the gallery after adding it to my post/page

Clear the browser and website cache, it can be cache issue.

What files I need to upload for installing the plugin

You need to select the .zip file only, there is no need to extract the zip file, just upload it.

I purchased the pro, but couldn’t download the pro file

Contact us at support@wpdevart.com and we will send you the pro version.

Do I need to pay yearly or monthly for pro version

No dear user, you need to pay only once for our pro version.

Reseñas

Efectos muy chulos y originales

No soy mucho de comentar pero esta vez lo voy a hacer.Lo RECOMIENDO a todos los usuarios. Tiene muy buenos efectos, llevaba mucho tiempo buscando algo asi y al final lo encontre. Felicito a los creadores por crear esta maravilla. Mil gracias.

Un abrazo

Hope you will like our Gallery plugin

Hi dear users.

We tried to develop such Gallery plugin that will help you easily create Galleries and Albums.

Hope you will like it.

If you have any issues or questions, then contact us and we will be happy to help.

Thanks

Leer todas las 3 reseñas

Colaboradores y desarrolladores

“Responsive Image Gallery, Gallery Album” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce “Responsive Image Gallery, Gallery Album” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

1.0.0

  • Initial version.

1.0.1

  • Added function names.

1.2.0

  • Added new features.

1.2.1

Fixed Union SQL Injection POC:

/wordpress/wp-admin/admin.php?page=wpdevart_gallery_themes&task=add_edit_theme&id=-1+UNION+ALL+SELECT+NULL,@@VERSION,NULL,NULL–

Fixed Blind SQL Injection POC:

/wordpress/wp-admin/admin.php?page=wpdevart_gallery_themes&task=add_edit_theme&id=1+and+1=0

Thanks to Manuel Garcia Cardenas who tell us about this issue(advidsec@gmail.com).