X

How to Link Next Gen Gallery Thumbnail Images to URLs

Snippets by IsItWP

Are you looking for a way to link Next Gen gallery thumbnail images to URLs? While there’s probably a plugin for this, we have created a quick code snippet that you can use to link Next Gen gallery thumbnail images to URLs in WordPress.

Instructions:

All you have to do is add this code to your Next Gen’s gallery.php file:

<?php

<div class="ngg-gallery-thumbnail" >
			<a href="<?php echo $image->ngg_custom_fields["Link"]; ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
				<?php if ( !$image->hidden ) { ?>
				<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
				<a href="<?php echo $image->ngg_custom_fields["Link"]; ?>">
<?php echo $image->alttext ?>
				<?php } ?>
			</a>
		</div>

?>

You’ll also need to create a custom field ‘LINK’ using a third-party WordPress plugin.

Note: If this is your first time adding code snippets in WordPress, then please refer to our guide on how to properly add code snippets in WordPress, so you don’t accidentally break your site.

If you liked this code snippet, please consider checking out our other articles on the site like: 28 best WordPress resume themes to create best impression and how to create a multi-page form in WordPress.

Comments   Leave a Reply

  1. hi, what the specific file? i try to use setting html link on description field, using caption-view template, but targe attribute doesnt works.
    i post this at WP plugins:
    https://wordpress.org/support/topic/link-target-attribute-doesnt-works-on-link-at-description-field/
    tks!

  2. Having installed the latest version of WordPress and NextGen Gallery, it is no longer clear where this code should go. However, it is simply possible to add the HTML href tag to either the title or the caption of an image. That way you can follow the link through the lightbox.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!