Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Gallery Pagination Thumbnail

How to Add Pagination in WordPress Image Galleries

by Waseem Abbas on Feb 18, 2016

Are you looking to create multi-page galleries in WordPress? By adding pagination to your galleries and albums, you can speed up your site and increase your pageviews at the same time. In this article, we will share how to add pagination in WordPress image galleries.

By default WordPress galleries do not allow you to create multi-page galleries. However, we know that it is important for photographers and artists to have the flexibility in the way they display their images.

That’s why Envira Gallery allows you to add pagination to your galleries and albums.

The first thing you need to do is create an image gallery using the Envira Gallery WordPress plugin.

You can follow our step by step instructions on how to create an image gallery with thumbnails in WordPress.

Once you have created your gallery, you are now ready to add pagination.

Add Pagination in WordPress Image Galleries

You will need Envira’s Pagination Addon to add multi-page image galleries in WordPress.

To access this addon, you must have an Envira Plus License.

You can simply go to Envira Gallery ยป Settings and click on the Addons tab. Next, you need to look for the Pagination Addon to install and activate it.

Pagination Addon

After activating the addon, go to the Envira gallery that you created and you will see a new pagination tab.

Go ahead and click on the Pagination tab to enable or disable pagination in your image gallery.

Pagination Settings

In this setting, you can set the position of pagination, number of images per page, and more.

Once you are satisfied with the settings, make sure to click on the Update button. You can now visit your website to see the gallery pagination in action.

Gallery Pagination Demo

Click to see the Live Gallery Pagination demo.

We hope this article has helped you to learn how to add pagination in WordPress image galleries. You may also want to check out our guide on how to add watermark to images in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Comments

  1. How are you displaying the Gallery Numbers and Next as Buttons?
    Mine is only linked html not buttons.

    Can you please share how to do this?

    Thank you very much!
    B

    1. Hey Brent, you can do it by adding this simple CSS to the main pagination class:

      display: inline-block;
      height: 43px;
      padding: 0 15px;
      line-height: 43px;
      text-align: center;
      text-decoration: none !important;
      margin: 0 10px 0 0;
      color: #808080;
      background: #fff;
      border: 1px solid #e9eaeb;
      font-size: 16px;

      For the hover and active classes, you can add this CSS:

      background: #7cc048;
      color: #fff;

      You can choose any color, font size, background, etc as you need accordingly.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[i]
[i]
[i]
[i]