Category: Lightbox

Create Custom Gallery

How to upload images or create custom gallery

  1. Select the page /post you want to display the gallery as shown in the figure below
    Create Photo Gallery
  2. Click Add Media button.
  3. From the pop up window select the ’Upload Files’ Tab and the upload the files from the system by clicking ‘Select Files’ button
    Upload Images Photo Gallery
  4. For creating custom gallery please click the ‘Create Gallery’ Tab on the left hand side and from the ‘Media Library’ select the images you want to add to the gallery as shown in the figure.
    Create Gallery Wp Plugin
  5. If you want to display the caption please enter the ‘Title’ with respect to each image on the right hand side as show in the above figure
  6. Please click the ‘create a new gallery’ on the bottom right corner.
  7. Click ’Insert gallery’ button which will insert the gallery as shown below.
    Insert Gallery WordPress Plugin
  8. Replace keyword ‘gallery’ with ‘pearl_lightbox_display’ shortcode as shown in the figure below.
    Add shortcode photo gallery
  9. If you want to display thumbnail ‘caption’ please set { caption = ‘true’ } as shown below.
    Set caption photo gallery
  10. You can add multiple galleries in one page as shown below.
    multiple photo gallery wordpress plugin
  11. Save the changes by clicking ‘update’ button.

Photo Gallery Widget

How to add Photo Gallery to the sidebar/ footer as the widget

Please click here and find how to install the plugin

  1. Please click the link below to find how to upload images. [ ] and follow the steps 1 – 9.
  2. After successfully installing the plugin select Appearance->Widgets as show below.
    CSV Widget WordPress
  3. Please drag and drop the ‘Photo Gallery’ widget to the available sidebar or footer location as shown below.
    photo gallery widget
  4. Please paste the ’Image Ids’ from the figure below to the ‘Image Ids’ field.
    Image Gallery
  5. If you want to thumbnail caption select ‘Yes’ in the Show Title field.
  6. Click ‘save’ button.


Backend Settings

  1. Thumbnail Width : Can set width for the thumbnails ( in px)
  2. Thumbnail Height : Can set height for the thumbnails(in px)
  3. Border Width : Can set thumbnail border width (in px)
  4. Border Color : Can set thumbnail border color (in hexcode)
  5. Margin : Can set margin between thumbnails (in px or % )
  6. Padding: add padding inside the thumhnail(in px or %)
  7. Bg Color : Can set background color to the thumbnail
  8. No of character : Can set no of characters to be displayed in the thumbnail title
  9. Font Size: Can set font size for the thumbnail title


Install Photo Gallery

How to install photo gallery

  1. Download the plugin – [Plugin Url : ]
  2. Login into to wordpress admin area.
  3. From the Dashboard please select Plugins->Add New as shown in the figure.
  4. Select ‘upload plugin’ button as show below.
  5. Select the plugin (downloaded zip file from system) using the ‘choose File’ and click ‘Install Now
    Install Photo Gallery WordPress Plugins
  6. Activate the plugin by clicking ‘Activate Plugin’ button.
    Activate Photo Gallery Plugin
  7. After successfully installing the plugin. Select settings->Photo Gallery and set the Photo Gallery Backend Parameters and click submit for save the options
    Add Backend Parameters

How to upload images or create custom gallery