How to Create an Image Gallery in WordPress

How to Create an Image Gallery in WordPress

In this article, we will show you how to create an image gallery in WordPress. The goal is to add your images in a gallery that looks nice and clean. We will also show you how to open your images in a lightbox view to create an immersive full-screen experience.

To create an image gallery for categories in WordPress, you’ll need to follow these 3 steps:

  1. Install and activate Gmedia Gallery plugin
  2. Create a new Album and add your images
  3. Add your image gallery to a post or page

What is Gmedia Gallery?

The Most Intuitive and Extensible Gallery Creation and Management Tool Ever Created for WordPress.

Built to be simple for users and highly flexible for developers.

Video version of the Tutorial

Step 1: Install and Activate Gmedia Gallery Plugin

First thing you need to do is install and activate Gmedia Gallery WordPress plugin.

Install and Activate Gmedia Gallery Plugin

If you need help, then check out our guide on how to install Gmedia Gallery.

Step 2: Create a new Album and add your images

First thing you need to do is to create a new post or page. Alternatively if you want to add the gallery to an existing post, then click to edit that post. Once you are on the post edit screen, you need to click on the Gmedia button.

Creating an Image Gallery in WordPress

This will open the Gmedia uploader. Now you need to click on Gmedia Upload link that you see on the left side of the screen in order to add images to the Gmedia Library from your computer.

Wordpress Images Uploader

I recommend that you create a new album (it’s easy, enter an album name in the Add to Album field), it will help you organize your photo library, and easy to manage your photo collections in the future. And then You need to click on the Add Files button.

New images Album WordPress

Select the photos to your computer and click the Start Upload button

Wordpress Images Upload

Upload finished – it is a message saying that everything is ready and we can now add a image gallery to the post

Uploading images is completed

Step 3: Add your image gallery to a post or page

Now we are ready to publish our image gallery. You need to click on Gmedia Collections link that you see on the left side of the screen.

Gmedia Collections

Then you need to choose our photo album, click on the title of the album.

Select Gmedia Album

Clicking on Insert into post button will close the Gmedia uploader and insert the gallery code inside your WordPress post.

Insert image gallery into post

Then you will see your gallery shortcode. Something like this:

[gm album=1]

A quick click of the Preview button shows us that everything is showing up nicely on the front end as well.

Preview WordPress Post with Image Gallery

Image gallery has been added in the post

When we preview our post, clicking on any of the images in the gallery pops up a slick-looking, fully functional slideshow that showcases our images in the best possible light and enables easy navigation between them.

Fully functional slideshow

Gmedia Gallery allows your readers to share your images on all the top social networks like Facebook, Twitter, Pinterest and Google+.

wordpress image gallery with social sharing

Allow your visitors to leave comments on images in real-time. Image commenting can be disabled for individual images or even entire galleries.

wordpress image gallery with comments

Once you are happy with the way it looks, you can publish your post and your gallery will be visible for everyone.

Note: Yes, this technique can be used for pages as well. If you want to add an image gallery to WordPress pages, then follow the same exact method.

Brooklyn – Related Gmedia Gallery

Brooklyn (/ˈbrʊklᵻn/) is the most populous of New York City’s five boroughs, with a Census-estimated 2,636,735 residents in 2015. It borders the borough of Queens at the southwestern end of Long Island. Since 1896, Brooklyn has had the same boundaries as Kings County, the most populous county in the U.S. state of New York, and the second-most densely populated county in the United States, after the county of New York (which is coextensive with the borough of Manhattan).

Related Gmedia Metabox for Posts

Related Gmedia Gallery
Read more

Create a new Album and add your images

Create a new Album and add your images

The easiest way to create an album to open Add/Import Files tab from Gmedia Toolbar. Navigate to the WordPress Admin  > Gmedia Toolbar and select the Add/Import Files  button:

Add files to Gmedia Library

Next, enter an album name in the Add to Album field, it will help you organize your photo library, and easy to manage your photo collections in the future. And then You need to click on the Add Files button.

createnewallbumbyname

Select the photos to your computer and click the Start Upload button:

Start Upload Files

Upload finished – it is a message saying that everything is ready:

Upload Finished

Now we are ready to publish our album. You need to click on Albums button that you see on the Gmedia sidebar menu. And then you need to choose our photo album, click on the title of the album:

Gmedia Albums for WordPress

This will open the Album Editor. Here you can change common settings for a album:

Albums properties page

If you want to change the look of your album (for example, you want a 3D Cube), you need to select a specific Module or Preset for display of album (we choose Cubik) and click Update button to save changes:

Gmedia Module/Preset Menu

Album `Forest` successfully saved – it is a message saying that everything is ready. Next step – copy Album shortcode [gm album=16] and past to the Post or the Page:

Gmedia Album successfully saved

 

How to install a module in .zip format

How to install Gmedia module in .zip format

Navigate to the WordPress Admin > Gmedia screen and select the Modules button:

Install Module ZIP

Now you need to click on Install Module ZIP button that you see on the right side of the screen in order to add module to the Gmedia Modules List from your computer.

Module Installer

This will open the Gmedia Module uploader. And then You need to click on the Choose File button and select module ZIP file. After click Install button.

Module Installed successfully

Once activated you’ll see a success message in the WordPress Admin > Gmedia > Modules screen indicating new module is now available on your site!

Install and Activate Gmedia Gallery Plugin

Installation

Navigate to the WordPress Admin > Plugins screen and select the Add New button. From the Add Plugins screen, use Plugins Search Bar (top-right screen side) for search Gmedia Gallery plugin and install it by selecting the Install Now button.

install WordPress Plugin

Activate the Gmedia Gallery Plugin

To finish the installation, select the Activate button that appears after installing Gmedia Gallery.

Activate WordPress Plugin

Once activated you’ll see a success message in the WordPress Admin > Plugins screen indicating Gmedia Gallery is now active on your site!

Wordpress plugin Activated