WordPress

How to Add a Gallery in WordPress with a Lightbox Effect

Do you need to add a gallery in WordPress with a lightbox impact?

Including the lightbox impact will permit customers to view your pictures in a distraction-free atmosphere with out leaving your web site. Nevertheless, the default WordPress gallery block doesn’t help lightboxes.

On this article, we are going to present you the right way to simply add a gallery in WordPress with a lightbox impact, step-by-step.

Add a Gallery in WordPress with a Lightbox Effect

Why Add the Lightbox Impact in WordPress Galleries?

By including the lightbox impact to the galleries in your WordPress website, you may showcase your pictures in a extra skilled means.

This impact permits you to show your pictures in a pop-up window in your web site when a consumer clicks on them.

Lightboxes assist create a extra immersive viewing expertise on your guests and even make it simpler for them to share your pictures on social media or obtain them on their computer systems.

Lightbox preview

In case you have a photography website, then including a lightbox impact will allow customers to view your high-resolution pictures in a distraction-free mode, rising engagement.

Equally, in case you have a WooCommerce store, then including a lightbox impact to your product galleries may assist clients view the product up shut and make an knowledgeable resolution.

Having mentioned that, let’s see the right way to simply add a WordPress gallery with a lightbox impact, step-by-step.

The right way to Add a WordPress Gallery With a Lightbox Impact

You possibly can simply add a WordPress gallery with a lightbox impact utilizing Envira Gallery.

It’s the best WordPress gallery plugin that permits you to create absolutely responsive and trendy picture galleries on your web site.

Envira Gallery can also be tremendous quick and has a drag-and-drop builder, skilled gallery templates, and plenty of options, together with including tags, audio, social sharing, and the lightbox impact.

First, it is advisable to set up and activate the Envira Gallery plugin. For detailed directions, see our step-by-step information on how to install a WordPress plugin.

Notice: Envira Gallery additionally has a free plan that you need to use for this tutorial. Nevertheless, upgrading to the paid plan offers you entry to extra options.

Upon activation, go to the Envira Gallery » Settings web page from the WordPress admin sidebar to enter the license key.

You will get this info out of your account on the Envira Gallery web site.

Add the Envira Gallery license key

After that, it is advisable to go to the Envira Gallery » Add New web page from the WordPress dashboard to start out creating your individual gallery.

From right here, sort a title for the picture gallery and click on the ‘Choose Recordsdata from Your Pc’ button to add pictures.

Or, if you wish to add media library pictures to your gallery, then click on the ‘Choose Recordsdata from Different Sources’ button. This can launch the media library from the place you may add gallery pictures.

Keep in mind which you can solely add one picture from the media library at a time.

Add images to the gallery

Upon getting executed that, scroll right down to the ‘Presently in your Gallery’ part, the place you will notice a preview of your gallery on the fitting with settings within the left column.

Now, click on the pencil icon on high of every picture to open the ‘Edit Metadata’ immediate on the display.

Click the pencil icon to open the Edit Metadata screen

From right here, you may add the caption, standing, title, and alt text for individual images.

After that, don’t overlook to click on the ‘Save Metadata’ button to retailer your settings.

Configure image metadata

Subsequent, swap to the ‘Configuration’ tab from the left column to alter the format of your gallery in line with your liking.

From right here, you may choose a format, variety of columns, picture measurement, dimensions, themes, and extra.

For detailed directions, please see our newbie’s information on how to create an image gallery in WordPress.

Configure gallery layout

Upon getting configured the gallery format, swap to the ‘Lightbox’ tab from the left column and examine the ‘Allow Lightbox?’ choice.

After that, choose a lightbox theme from the ‘Gallery Lightbox Theme’ dropdown menu. When you select the ‘Legacy’ choice, then the lightbox impact immediate may have an older format.

On selecting the ‘Base (Darkish)’ choice, the lightbox immediate may have a darkish base as its format.

Enable the lightbox option

Subsequent, you should choose if you wish to show the picture title or its caption within the lightbox immediate. You can too show each or none of them in case you like.

Upon getting executed that, select the picture measurement for the lightbox from the dropdown menu.

Configure image title and size for the gallery

After that, examine the ‘Allow Gallery Arrows’ choice. The lightbox immediate will now present two arrows that the viewers can use to change to totally different pictures in your gallery.

You can too configure different settings on your lightbox, together with its transition impact, open/shut impact, allow lightbox supersize, and extra.

As soon as you might be executed, don’t overlook to click on the ‘Publish’ button on the high to retailer your adjustments.

Configure other lightbox options in Envira Gallery

So as to add your picture gallery to a WordPress web page/put up, open the web page within the block editor.

Right here, it is advisable to click on the add block ‘+’ button within the high left nook of the display to open the block menu. Subsequent, add the Envira Gallery block to the web page/put up.

Add the Envira Gallery block

After that, choose the picture gallery that you just simply created from the dropdown menu within the block itself. Lastly, click on the ‘Replace’ or ‘Publish’ button to retailer your settings.

Now, you may go to your WordPress blog to view the picture gallery after which click on on any picture to see the lightbox impact.

Lightbox effect gif

Different: Use NextGen Gallery to Create Picture Portfolios and Galleries in WordPress

Envira Gallery is the most suitable choice for including lightbox pictures to your WordPress web site. Alternatively, you need to use NextGEN Gallery to create absolutely responsive and visually pleasing galleries and portfolios in your WordPress website.

NextGEN Gallery is the perfect Envira Gallery different as a result of it helps a variety of gallery varieties, has eCommerce-related options, and permits you to add watermarks, lightboxes, picture feedback, and extra.

Moreover, NextGEN Gallery permits you to settle for on-line funds through Stripe or PayPal, making it straightforward to sell your images online.

NextGen Gallery

It’s a complicated gallery plugin with options for skilled photographers, graphic designers, and visible artists, making it among the finest WordPress portfolio plugins in the marketplace.

For detailed directions, chances are you’ll need to see our tutorial on how to add a portfolio to your WordPress site.

We hope this text helped you discover ways to simply add a WordPress gallery with a lightbox impact. You may additionally need to see our newbie’s information on how to do basic image editing in WordPress and our skilled picks for the best tools to create better images for your blog posts.

When you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too discover us on Twitter and Facebook.



Leave a Reply

Your email address will not be published. Required fields are marked *