fbpx

How to use a Lightbox for Instagram feed widget on WordPress

How to use a Lightbox for Instagram feed widget on WordPress
blank

What is a Lightbox effect and how to use on WordPress?

Lightbox is a JavaScript effect added to improve the visual impact of the pictures.

In general it is activated when someone click on a picture published on a website and in that case an overlay or popup windows goes over the website and displays images and videos by filling the screen and obscuring the rest of web page.

Thanks to plugins it is possible to add this effect on WordPress websites not only to images coming by media gallery but also to pictures coming by Instagram feed.

In this post we’ll see how to use Lightbox effect for an Instagram feed when it is embedded on a WordPress website.

Use a Lightbox for Instagram feed widget added to your WordPress website

Enjoy plugin for Instagram feed have different “templates” that you can find on settings backend where you configure shortcode.
In the last version, there are 2 different Lightbox styles:

  • default
  • Ig vertical

and more will be added in the future.

Default Lightbox style – Carousel Instagram feed widget #loveitaly

When you click on one of these pictures the lightbox effect opens it and you can see:

  • the image number in the upper corner left;
  • the zoom, play and close in upper corner right;
  • the left and right arrows in the middle;
  • the caption text in the bottom.


Ig vertical  Lightbox style – Carousel Instagram feed widget #loveitaly

The picture opened with this lightbox effect allows you to see:

  • the link to Instagram profile;
  • the like number for the picture clicked on;
  • the left and right arrows in the middle;
  • the caption text in the bottom.

You are invited to visit the page dedicated to Carousel Instagram feed or to Grid Instagram feed to know more about the final result about our Lightbox style.

We recommend you to see “Add Instagram widget, a simple how-to for a WordPress website” if you need inspiration about this topic.

blank

About kaizenfra