Menu

Photo Gallery With Responsive

Getting started with Photo Gallery With Responsive

Photo Gallery With Responsive adds a Menu tab in WP Admin side with the name "Photo Gallery" where you can add new Gallery and it's field. You can perform actions like edit, delete update.

Screen shows "Photo Gallery" tab in the left side and All Gallery added

post-widgets This plugin works same like WordPress post section where you can add Event Gallery, Game Gallery, Company Gallery with make beautiful Gallery display on your website, To add a new Gallery in plugin just need to follow few steps.
  1. Go to "Photo Gallery" Tab and click on "Add Photo Gallery".
  2. Add Gallery title, Add Gallery description, Add Images to your Gallery.
  3. If you want to display category wise then go to "Photo Gallery -> Category" and Create a category.
  4. You can edit added images in Gallery.
  5. Add Image Title, Image Alternative Text,Image Caption, Image Description and Image Link.

Bellow screen shows how to add a Gallery

post-widgets If you want to display date related to Image's of Gallery so you can go to edit in images of "Photo Gallery" and add details.

Bellow screen show how to add details.

post-widgets If you want to display multiple Gallery so you can go with category wise then go to "Photo Gallery -> Category" and select the shortcode.

Bellow screen show category shortcode

post-widgets

How to Display and Use Shortcode

The plugin contains five shortcode.

Here is the shortcode example:

[pgr_grid] - For Photo Grid Shortcode.

[pgr_slider] – For Photo Slider Shortcode.

[pgr_album_grid] – For Photo Album Grid Shortcode.

[pgr_album_slider] – For Photo Album Slider Shortcode.

[pgr_portfolio] – For Photo Portfolio Shortcode.

You can also use template code.

<?php echo do_shortcode('[pgr_grid]'); ?>

<?php echo do_shortcode('[pgr_slider]'); ?>

<?php echo do_shortcode('[pgr_album_grid]'); ?>

<?php echo do_shortcode('[pgr_album_slider]'); ?>

<?php echo do_shortcode('[pgr_portfolio]'); ?>

Following are Image Grid Shortcode with all parameters:

[pgr_grid]
  • Gallery: [pgr_grid id="192"] To select Gallery. Options: Number of Galleries added.
  • template: [pgr_grid template="template-2"] There are 7+ Design template. Option: template-1, template-2 upto template-6.
  • cell: [pgr_grid cell="4"] Set Images in cell(columns) per Row. and 3 is a number of columns. Option is: 1,2,3,4,6.
  • show_title:[pgr_grid show_title="true"] If Show or not Image title. Option: true, false.
  • show_caption:[pgr_grid show_caption="true"] If Show or not Image Caption. Option: true, false.
  • show_description:[pgr_grid show_description="true"] To Show Description of Image. Option: true, false.
  • image_size:[pgr_grid image_size="full"] To Set Image Size of Gallery Images. Option: 'full','medium','large','thumbnail'
  • image_height:[pgr_grid image_height=" 300"] To Set Image height. Option: 300,400 according to your preferences.
  • link_target: [pgr_grid link_target="same-tab"] Add link to redirect from the images. Option is: same-tab, new-tab.
  • popup: [pgr_grid popup="true"] To set Popup. Option is: true, false.

Following are Image Slider Shortcode with all parameters:

[pgr_slider]
  • Gallery: [pgr_slider id="192"] To select Gallery. Options: Number of Galleries added.
  • template: [pgr_slider template="template-2"] There are 7+ Design template. Option: template-1, template-2 upto template-6.
  • cell: [pgr_slider cell="4"] Set Images in cell(columns) per Row. and 3 is a number of columns, option is: 1,2,3,4,6.
  • link_target: [pgr_slider link_target="same-tab"] Add link to redirect from the images. Option is: same-tab, new-tab.
  • image_height:[pgr_slider image_height=" 300"] To Set Image height. Option: 300,400 according to your preferences.
  • show_title:[pgr_slider show_title="true"] If Show or not Image title. Option: true, false.
  • show_description:[pgr_slider show_description="true"] To Show Description of Image. Option: true, false.
  • show_caption:[pgr_slider show_caption="true"] If Show or not Image Caption. Option: true, false.
  • image_size:[pgr_slider image_size="full"] To Set Image Size of Gallery Images. Option: 'full','medium','large','thumbnail'
  • popup: [pgr_slider popup="true"] To set Popup. Option is: true, false.
  • slidestoscroll: [pgr_slider slidestoscroll="2"] Scroll number of images at a time. Option: any number.
  • pagination dots:[pgr_slider dots="true"] To Show image Pagination Dots. Option: true, false.
  • arrows: [pgr_slider arrows="true"] To Show image navigation arrows. Option: true, false.
  • autoplay:[pgr_slider autoplay="true"] To Set Slider in autoplay mode or not. Option: true, false.
  • autoplay_interval:[pgr_slider autoplay_interval="3000"] To Delay between two slides. Example: '3000' for '3s delay between two slides'.
  • speed:[pgr_slider speed="5000"] Slider slides moving speed. Example: Use '5000' for '5s Sliding speed of slides'.

Following are Album Grid Shortcode with all parameters:

[pgr_album_grid ]
  • album_cell: [pgr_album_grid album_cell="1"] Set Albums in cell(columns) per Row. and 3 is a number of columns. Option is: 1,2,3,4,6.
  • template: [pgr_album_grid template="template-1"] There are 7+ Design template. Option: template-1, template-2 upto template-6.
  • album_link_target: [pgr_album_grid album_link_target="same-tab"] Add link to redirect from the images. Option is: same-tab, new-tab.
  • album_height:[pgr_album_grid album_height=" 300"] To Set Album height. Option: 300,400 according to your preferences.
  • show_title:[pgr_album_grid album_title="true"] If Show or not Album title. Option: true, false.
  • show_description:[pgr_album_grid album_description="true"] To Show Description of Album. Option: true, false.
  • album_full_content:[pgr_album_grid album_full_content="true"] To Show Full Content of Album. Option: true, false.
  • words_limit:[pgr_album_grid words_limit=" 20"] To Show Content of Album to a particular limit. Option: 1 to 100 depends on you.
  • content_tail:[pgr_album_grid content_tail="!!"] To add tails you want to the content. Example: "!!!" , "...", "***".
  • Gallery: [pgr_slider id="192"] To select Gallery. Options: Number of Galleries added.
  • total_photo: [pgr_album_grid total_photo=" 4"] To Display Number of images. Options: 1,2,3 & ...
  • limit: [pgr_album_grid limit="2"] To Display Limited Number of Albums. Options: -1(For All) & 1,2,3.
  • category: [pgr_album_grid category="2"] To Display Albums Category wise. Options: All the added categories.
  • popup: [pgr_album_grid popup="true"] To set Popup. Option is: true, false.
  • image_cell: [pgr_album_grid image_cell="1"] Set Album images in cell(columns) per Row. and 3 is a number of columns. Option is: 1,2,3,4,6.
  • image_height:[pgr_album_grid image_height=" 300"] To Set Album's Image height. Option: 300,400 according to your preferences.
  • show_caption:[pgr_album_grid show_caption="true"] If Show or not Album's Image Caption. Option: true, false.
  • show_title:[pgr_album_grid show_title="true"] If Show or not Album's Image title. Option: true, false.
  • show_description:[pgr_album_grid show_description="true"] To Show Description of Album Image. Option: true, false.
  • link_target: [pgr_album_grid link_target="same-tab"] Add link to redirect from the Album's images. Option is: same-tab, new-tab.
  • image_size:[pgr_album_grid image_size="full"] To Set Image Size of Album Images. Option: 'full','medium','large','thumbnail'

Following are Album Slider Shortcode with all parameters:

[pgr_album_slider]
  • album_cell: [pgr_album_slider album_cell="1"] Set Albums in cell(columns) per Row. and 3 is a number of columns, option is: 1,2,3,4,6.
  • template: [pgr_album_slider template="template-1"] There are 7+ Design template. Option: template-1, template-2 upto template-6.
  • album_link_target: [pgr_album_slider album_link_target="same-tab"] Add link to redirect from the images. Option is: same-tab, new-tab.
  • album_height:[pgr_album_slider album_height=" 300"] To Set Album height. Option: 300,400 according to your preferences.
  • album_title:[pgr_album_slider album_title="true"] If Show or not Album title. Option: true, false.
  • album_description:[pgr_album_slider album_description="true"] To Show Description of Album. Option: true, false.
  • album_full_content:[pgr_album_slider album_full_content="true"] To Show Full Content of Album. Option: true, false.
  • words_limit:[pgr_album_slider words_limit=" 20"] To Show Content of Album to a particular limit. Option: 1 to 100 depends on you.
  • content_tail:[pgr_album_slider content_tail="!!"] To add tails you want to the content. Example: "!!!" , "...", "***".
  • Gallery: [pgr_album_slider id="192"] To select Gallery. Options: Number of Galleries added.
  • total_photo: [pgr_album_slider total_photo=" 4"] To Display Number of images. Options: 1,2,3 & ...
  • limit: [pgr_album_slider limit="2"] To Display Limited Number of Albums. Options: -1(For All) & 1,2,3.
  • category: [pgr_album_slider category="2"] To Display Albums Category wise. Options: All the added categories.
  • popup: [pgr_album_slider popup="true"] To set Popup. Option is: true, false.
  • image_cell: [pgr_album_slider image_cell="1"] Set Album images in cell(columns) per Row. and 3 is a number of columns, option is: 1,2,3,4,6.
  • image_height:[pgr_album_slider image_height=" 300"] To Set Album's Image height. Option: 300,400 according to your preferences.
  • show_caption:[pgr_album_slider show_caption="true"] If Show or not Album's Image Caption. Option: true, false.
  • show_title:[pgr_album_slider show_title="true"] If Show or not Album's Image title. Option: true, false.
  • show_description:[pgr_album_slider show_description="true"] To Show Description of Album Image. Option: true, false.
  • link_target: [pgr_album_slider link_target="same-tab"] Add link to redirect from the Album's images. Option is: same-tab, new-tab.
  • image_size:[pgr_album_slider image_size="full"] To Set Image Size of Album Images. Option: 'full','medium','large','thumbnail'
  • slidestoscroll: [pgr_album_slider slidestoscroll="2"] Scroll number of images at a time. Option: any number.
  • pagination dots:[pgr_album_slider dots="true"] To Show image Pagination Dots. Option: true, false.
  • arrows: [pgr_album_slider arrows="true"] To Show image navigation arrows. Option: true, false.
  • autoplay:[pgr_album_slider autoplay="true"] To Set Slider in autoplay mode or not. Option: true, false.
  • autoplay_interval:[pgr_album_slider autoplay_interval="3000"] To Delay between two slides. Example: '3000' for '3s delay between two slides'.
  • speed:[pgr_album_slider speed="5000"] Slider slides moving speed. Example: Use '5000' for '5s Sliding speed of slides'.

Following are Portfolio Shortcode with all parameters:

[pgr_portfolio]
  • Gallery: [pgr_portfolio id="192"] To select Gallery. Options: Number of Galleries added.
  • template: [pgr_portfolio template="template-2"] There are 7+ Design template. Option: template-1, template-2 upto template-6.
  • cell: [pgr_portfolio cell="4"] Set Images in cell(columns) per Row. and 3 is a number of columns, option is: 1,2,3,4,6.
  • link_target: [pgr_portfolio link_target="same-tab"] Add link to redirect from the images. Option is: same-tab, new-tab.
  • image_height:[pgr_portfolio image_height=" 300"] To Set Image height. Option: 300,400 according to your preferences.
  • show_title:[pgr_portfolio show_title="true"] If Show or not Image title. Option: true, false.
  • show_description:[pgr_portfolio show_description="true"] To Show Description of Image. Option: true, false.
  • show_caption:[pgr_portfolio show_caption="true"] If Show or not Image Caption. Option: true, false.
  • image_size:[pgr_portfolio image_size="full"] To Set Image Size of Gallery Images. Option: 'full','medium','large','thumbnail'
  • popup: [pgr_portfolio popup="true"] To set Popup. Option is: true, false.