How to add Responsive Lightbox Lite in Wordpress

• To install correctly this responsive-lightbox-lite.zip .
• Fisrt Download the responsive-lightbox-lite.zip to your computer
• Extract/Open responsive-lightbox-lite.zip to Your Computer.
• Then, Find readme.txt file inside responsive-lightbox-lite.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " responsive-lightbox-lite.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " responsive-lightbox-lite.zip " Downloaded plugin from your computer, Where you downloaded " responsive-lightbox-lite.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Responsive Lightbox Lite " folder is added on left Side Menu. Now, Click on " Responsive Lightbox Lite " folder.

Noted that: If you do not see " Responsive Lightbox Lite " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Responsive Lightbox Lite Configurations and Settings or How to work " Responsive Lightbox Lite " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " Responsive Lightbox " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Responsive Lightbox
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Installation Instruction & Configuration

1.You can use the built-in installer. OR
Download the zip file and extract the contents. Upload the ‘responsive-lightbox-lite’ folder to your plugins directory (wp-content/plugins/).

2.Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Log into Admin panel and go to Settings > responsive lightbox lite to change values.

Adding images to a post and linking them to media files

1. Open the page or post editor
2. Click the plus button to add a new block
3. Click the Image block
4. The image block will be added to the page. Click either the Upload or Media Library button
5. Choose an image to add and link it to media file by clicking on the anchor icon on the top of the block settings. So it can open in the LightBox

How to add Lightbox functionality manually?

If you would prefer to add Lightbox manually, first you need to disable automatically add option from the backend (Settings > Responsive Lightbox) and add rel and data-type attributes to your links accordingly.

1. Single Images
   rel=”lightbox”

2. Images Gallery
   rel=”lightbox[gallery-0]”

3. iFrame/ external links
   rel=”lightbox” data-lightbox-type=”iframe”

4. Gmap
   rel=”lightbox” data-lightbox-type=”iframe”

5. Vimeo
   rel=”lightbox” data-lightbox-type=”iframe”

6. Youtube
   rel=”lightbox” data-lightbox-type=”iframe”

7. Ajax
   rel=”lightbox” data-lightbox-type=”ajax”

8. Inline
   rel=”lightbox” data-lightbox-type=”inline”