WP Bootstrap Gallery – WordPress Image Gallery Plugin

WP Boootstrap Gallery  is the ultra responsive image gallery plugin for WordPress which works seamlessly on every device. This plugin uses the power of Twitter Bootstrap Using this plugin you can easily create multiple image gallery and add them to any post,page or custom post type. The plugin comes with a simple one click installation.

Key features:

  • Fully responsive image gallery with gesture support for mobile devices.
  • Easy to use admin interface.
  • Bulk upload fearure.
  • Functionality to create gallery out of all the attachments available on your site.
  • Easy to add gallery to any post,page or even custom post types just by putting the shortcode on the content editor.
  • Select between title/file name/alt text/caption to use as the caption for the images.
  • Easily switch between WordPress thumbnail generator and Timthumb.
  • Specify custom image sizes for Timthumb images.
  • Option to switch between full screen gallery and normal gallery.
  • Option to have border less and bordered gallery.
  • Gallery settings to switch default functionality.
  • Drag and Drop interface to easily order the images in a gallery.

Admin Screenshots

Bootstrap Image Gallery interface

Bootstrap Image Gallery interface

Bootstrap Image Gallery - Add Images

Bootstrap Image Gallery – Add Images

Wordpress Bootstrap Gallery Settings

WordPress Bootstrap Gallery Settings

Demo:

Click on the Images to see the WP Bootstrap Gallery in action.

  • abstract-tiger-hd-wallpaper
  • abstract-best_355925
  • abstract-cheetah-animal-picture-hd-wallpaper
  • Abstract-Nature-Wallpaper
  • Abstract Art 190
  • abstract-desktop-wallpaper1
  • Abstract-Nature-Pictures
  • abstract-nature-sky-hq-resolution-for-desktop
  • 1366x768-abstract-inspire-colorful-hd-wallpaper
  • Abstract-Nature-Wallpapers

Note:  This plugin uses Twitter Bootstrap and if your site is also using Twitter Bootstrap then you might get problems, in order to avoid this issue just go to plugin settings and just un-check the option “Automatically Add Bootstrap Scripts” and the issue will be resolved.

Download plugin

55 Comments

  1. I’d first like to say that I really enjoy your plugin. :) It’s very nice and simple to use for users. I would like to add to your plugin though. It seems that the only shortcode available is for the one that you create in the admin view.

    Now I was thinking it might be nice to add the ability for a list of all the galleries, if you just use the shortcode [wpbgallery] without the id. Then on the front-end it will show the first image in that gallery, or if they have the featured img set, use that. And then the title below it. This then links to the specific image gallery.

    Did/Do you ever plan on doing this functionality? If not do you have a github repo of this plugin so that I can send eventually send a PR to it, adding this functionality?

    I think it’s worth looking into in adding this functionality.

    Let me know what you think!

    Thanks!

  2. Hi, nice plugin, but it stuck with multiple loops, maybe reptace
    add_filter(‘the_content’, array(&$this, ‘output_gallery’), wpb_of_get_option(‘wpbgallery_filter_priority’, 10));
    with
    add_action(‘wp_footer’, array(&$this, ‘output_gallery’), wpb_of_get_option(‘wpbgallery_filter_priority’, 10));

  3. Great Gallery plugin! I have been able to easily modify it to fit my needs. Quick question, is there any way to call out a different theme in the short code, rather than have all the galleries use the same theme?

    Thanks again!

  4. Hi Nirmal – thanks for the reply – I did find that my theme was set to a maximum width which was causing a 2-column display. Increase the width and I can have 3 or 4 😉

    Great plugin!

  5. Your Plugin is very nice.
    But I have the same problem like Gregory.
    There is this issue with Worpdress 3.9. I
    t would be very cool if you could fix this. :)

  6. Hi There,

    I’m using WP 3.9; you might be aware of the compatibility issues…but for some reason the main navigation bar of my website shows up thru the gallery images when trying to use. Any thoughts??

    • Hi Amy,

      I know about the problems you are talking about WP 3.9 and I am already working on it so that it will be resolved very soon.

      Thanks
      – Sagar

  7. Hi. Thanks for the great plugin. Its exactly what i needed, since the user interface is nice and simple, and it does not pack a huge amount of unnecessary functionality. I have one question though – when clicking at the “Upload Image” button during creation of gallery, the button opens two separate upload windows – one which is based on jQuery (the media library view since WP version 3.5) and another one is inside iframe, the old media library solution. I would like to open only the new one, since it seems to be faster (and opening two creates unnecessary overhead). I have been looking around the code, to see what is the source of this behavior but without a luck. Do you have any ideas?
    Best

    • Hi Chris,

      I understand you you are saying and I am currently working on this and hopefully you can have this functionality on the next version of the plugin.

      Cheers
      – Sagar

  8. Hi Sagar

    I started using your gallery plugin WordPress with v3.8. something and it was working great. Very happy and impressed on how easy it was to use. However WordPress did a auto update to v3.9.1and it seems to have stop your plugin from working. The thumbnails still appear in the post/pages but went i click on them the gallery does not work, it goes straight to the file URL. I did a deactivate and reactivate but no joy. Can you help on this.

    • Hi Gregory,

      I guess the plugin has some compactibility issues with wordpress 3.9. I would have to test and provide a update so that it would work for fine on 3.9.

      Thanks
      – Sagar

  9. Hi Sagar

    I love your bootstrap WordPress Gallery Plugin, its is lightweight and works beautifully- Well Done

    Just one question if I may:)

    Is it possible to only display the featured thumbail image on the page – not the rest of the gallery and then the user clicks on that image and it takes them to the gallery as it does.

    Example : so for your gallery above only the tiger thumbnaill would display – when the user clicks on the tiger thumbnail- it works as is.

    Thank you again

  10. I liuke what yߋu guys are սpp too. This sort of
    clever work and reporting! Keep up the terrific wоrks guys I’ve incorporated you guys to blogroll.

  11. ʜi there would you mind stating which blog
    plаtform you’re wоrking with? I’m planոiոg to start my oԝn
    blog in the near fսture Ьut I’m having a tough time selecting betwеen BlogEngine/Wordpress/B2evolution and Drupal.

    The reaѕon I ask is because your deѕign seems different then most blоgѕ and I’m
    lookіng ffor something unique.
    P.S Sorry for getting off-topic but I had to ask!

  12. This plugin is FANTASTIC! I fiddled around WAY too long looking for something that was responsive and customizable. This is it. My wish would be to be able to present the gallery in masonry style. Otherwise, perfect.

  13. I гeally love your blog.. Ԍreɑt colors & theme.
    Did you develop this amazing site yourself? Please
    reply back as I’m looking to create my own website and would love to
    learn whеre you got this frοm or exactly wҺat the theme is named.
    Many thanks!

  14. Hello, I believe youг web site might be having internet browser compatibility issues.

    When I loοk at your website in Safari, it looks fine but when opening in Internet Explorer, it
    has some overlapping issues. I merely wanted to give you a
    quick heads up! Aside from that, wonderful website!

  15. ʜi there just wanted to give you a quick heads up.
    Тhe wߋrds in your article seem tοo be гunning off the screen in Internet
    explorer. I’m not sure iff thiѕ is a format issue or something to do ԝith internet browser compatibility butt I thought I’d post to let you know.
    The deѕіgn and style look great though!
    Hope you get the issue resolvedd ѕoon. Cheers

  16. How do I get rid of these after entering my permalinks?

    Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 1 in /nfs/c01/h15/mnt/14575/domains/barrbeforeandafter.com/html/wp-includes/class-wp.php on line 204

  17. ʜey would yoս mind letting me know which webhost you’re working with?

    I’ve loaded your ƅlog in 3 different web browsers and I must say
    this blog loads a lot fasger then most. Can you recommend a good hosting
    provider at a reasonаble pгice? Thaոk you, I apρrеciate it!

    • Hi Chris,

      Thanks for the appreciation. I checked your site and seems like your theme is over riding plugin styles. You can easily solve this issue by adding this line of css to the end of style.css file of your theme.

      #wpbgallery li img {
      display: inline;
      }

      Leave a review on wordpress.org if you find it helpful.

      Cheers,
      – Sagar Seth

  18. Thanks Sagar! Downloaded your plugin and it appears to be working well so far. One question: Since I did not see any documentation, do you have any suggestions on setting up lightbox with your image gallery? Would you recommend just calling the lightbox script?

    Thanks!

    • Hi Jason,

      I am glad that you are using my plugin. As far as the documentation is concerned, you can always check the blueimp gallery documentation. If you want to use lightbox with the gallery you can just add data-gallery=”” to any link which links to an image.

      Cheers,
      Sagar

  19. When viewing the image in full screen how can I make it change to the next one after 3seconds? Can this be done? Thanks for a great plugin btw!

    • Hi Liam,

      Thanks for for liking my plugin. You can easily add autoslide option to the sider just by putting this code to any javascript file of theme.

      jQuery(‘#blueimp-gallery’).data( ‘startSlideshow’, 1).data(‘slideshowInterval’,’3000′);

      Let me know if that worked.

      Cheers

    • Hi Shivam,

      The process is very simple. Just go to your wordpress admin panel and then go to Plugins > Add New and then search for WP Bootstrap Gallery there. You can see the plugin listed on the top and to install just click on Install Now link.

      After installing click on activate plugin and then you can see an option on your left menu as WPB Gallery. There just click on add new and then you can add your gallery. After adding the gallery you can see shortcode for the gallery you just created. Just copy that shortcode and put in any post/page and the gallery will appear there.

      I am working on creating a video to explain the process better. Let me know if you need to know anything else.

Leave a Reply