Tip: Add a rel attribute to WordPress gallery for lightbox use

#Colorbox #Lightbox #PrettyPhoto
Posted on This might be outdated!

This is really simple trick, but it’s so useful. I’m using lightboxes nearly on every WordPress project. I really love colorbox and prettyPhoto, they are my favorite. So when i create a gallery from the wordpress admin editor i want my gallery thumbnails to open in a lightbox, here is a bit of code to do it automatically:

The Code

Just paste this code in the functions.php file in your theme directory;

About the author

Remi Hey! My name is Rémi Corson, I'm a French WordPress Developer, I code stuff and I write from time to time ;-) Buy a coffee
Show your support

Related Posts

Disable WooCommerce 3.+ Zoom In WooCommerce 3.+ there’s a cool new feature: the zoom! When you (h)over a product image when you’re on the single...
Disable WooCommerce 3.+ Lightbox Here is a quick way to disable the WooCommerce 3.+ default lightbox. It’s as simple as removing the lightbox theme...

6 comments

  1. Simon Bennett:
    February 13, 2013 at 9:38 pm

    Nice tip. Often wondered that, thanks, that’ll be getting added to all my wordpress sites!

  2. Amber:
    March 21, 2013 at 6:22 am

    Hi Rémi,

    Thanks for the great tip. Works like a charm when using a single gallery on a page.

    Do you have any tips for adding a different rel value to a custom image size (add_image_size). Using your code works great for listing a single gallery on a page. If for example I used the the gallery shortcode (listing a different set of images) in a footer widget it’s causing all gallery thumbnails on the entire page (from the the widgets gallery and the page gallery) to appear in each gallery.

  3. Syahrulzaman:
    October 5, 2013 at 11:57 am

    Awesome tips. Working great on my site. Thank you so much

  4. Display Gallery Images from Custom Post Type | DL-UAT:
    March 29, 2015 at 12:57 am

    […] may need to refer to a code snip like this to get gallery integration though, once you’ve done the […]

Leave a Reply

Copyright 2023 @ Remi Corson