[Plugin: NextGEN Gallery] gallery template example: thumbnail alttext captions
-
Hey everyone, after searching long and wide, I figured out how to make my own gallery template for the excellent NextGen gallery. Based on the meager help over on the official page’s template guide, I copied the plugin’s gallery-caption.php file and made one simple change. This preinstalled template inserts the full Description (variable name is “caption”) field from your photo’s description underneath the thumbnail of each photo. For me, I use a longer description of my photos in this field, and a shorter title in the AltText field. Thus, I preferred to have alttext show up under my thumbs, not caption. Here is the code:
<?php /** Template Page for the gallery overview Follow variables are useable : $gallery : Contain all about the gallery $images : Contain all images, path, title $pagination : Contain the pagination content You can check the content when you insert the tag <?php var_dump($variable) ?> If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?> **/ ?> <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?> <div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>"> <?php if ($gallery->show_slideshow) { ?> <!-- Slideshow link --> <div class="slideshowlink"> <a class="slideshowlink" href="<?php echo $gallery->slideshow_link ?>"> <?php echo $gallery->slideshow_link_text ?> </a> </div> <?php } ?> <?php if ($gallery->show_piclens) { ?> <!-- Piclense link --> <div class="piclenselink"> <a class="piclenselink" href="<?php echo $gallery->piclens_link ?>"> <?php _e('[View with PicLens]','nggallery'); ?> </a> </div> <?php } ?> <!-- Thumbnails --> <?php foreach ( $images as $image ) : ?> <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> > <div class="ngg-gallery-thumbnail" > <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <?php if ( !$image->hidden ) { ?> <img title="<?php echo $image-><b>alttext</b> ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> /> <?php } ?> </a> <span><?php echo $image->alttext ?></span> </div> </div> <?php if ( $image->hidden ) continue; ?> <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?> <br style="clear: both" /> <?php } ?> <?php endforeach; ?> <!-- Pagination --> <?php echo $pagination ?> </div> <?php endif; ?>
Save this as “gallery-alttext.php” into this directory:
/wp-content/themes/<your theme directory>/nggallery/gallery-sample1.php
where “<your theme directory>” is whatever theme you are using. That’s it! Here’s an example of it working!
https://www.ads-software.com/extend/plugins/nextgen-gallery/
- The topic ‘[Plugin: NextGEN Gallery] gallery template example: thumbnail alttext captions’ is closed to new replies.