Hiranthi's weblog

Als je WordPress gebruikt ken je – tenzij je in een grot woont en je WP installatie niet online gebruikt – de gallery plugin NextGen Gallery wel. Door velen – waaronder ik – wordt deze plugin gebruikt in hun portfolio.

NextGen Gallery geeft je de mogelijkheid om een preview image op te geven (per gallery). Nu kan het zijn dat je daar iets speciaals mee wilt doen, zoals ik in mijn portfolio (zie de header afbeelding per portfolio item).

Ik heb toentertijd de documentatie van NG af lopen zoeken, maar niks kunnen vinden om zelf de preview image makkelijk op te vragen en te gebruiken voor andere doeleinden. Toen dus maar in de code van NG zitten snuffelen en daar is het volgende uit gekomen:

Stap 1

Voeg aan elke post/pagina (waar je zo’n preview image van een van je NG Galleries wilt weergeven) een custom field preview_ng genaamd toe.

Stap 2

Voeg de volgende functie toe aan functions.php van je huidige theme:

<?php

function getPreviewNG()
{
  global $wpdb, $post;

  $preview_ng = get_post_meta($post->ID, 'preview_ng', true);

  $img_cat = $wpdb->get_row('SELECT * FROM '.$wpdb->nggallery.' WHERE gid = '. $preview_ng .' ORDER by gid DESC limit 0,1');
  $first_image = $wpdb->get_row('SELECT * FROM '. $wpdb->nggpictures .' WHERE exclude != 1 AND galleryid = '. $preview_ng .' limit 1');

   $albumPreview = $wpdb->get_results('SELECT pid, filename FROM '.$wpdb->nggpictures.' WHERE pid = '.$img_cat->previewpic.'', OBJECT_K);
  $toppreview = get_option ('siteurl') . '/' . $img_cat->path . '/' . $first_image->filename;

  if ( $previewimg = $albumPreview[$img_cat->previewpic]->filename )
  {
    $toppreview = get_option ('siteurl').'/' . $img_cat->path . '/' . $previewimg;
    echo '
<style type="text/css">#image { <a title="Zie ook Background patterns" href="http://hiranthi.nl/freebies/background-patterns/">background</a>-image:<a title="Zie ook Makkelijk linken naar WordPress functies" href="http://hiranthi.nl/wordpress/makkelijk-linken-wordpress-functies/">url</a>('.$toppreview.')!important; }</style>

';
  }
  else
  {
    echo '
<style type="text/css">#image { <a title="Zie ook Meerdere achtergronden" href="http://hiranthi.nl/tutorials/meerdere-achtergronden/">background</a>-image:url('.$toppreview.')!important; }</style>

';
  }
}

?>

Stap 3

Voeg in je template (bv. header.php) het volgende toe om de afbeelding weer te geven:

<?php getPreviewNG(); ?>

Print PDF

Ben je op zoek naar een makkelijke manier om je Shopp™ webshop uit te breiden? Dan is Shopplugin.nl voor jou het juiste adres!

Shopplugin.nl geeft jou de mogelijkheid om snel functionaliteiten aan je webshop toe te voegen. Of het nu voor het uitbreiden van je webwinkel is, of om je workflow te vereenvoudigen: het is allemaal mogelijk!

Bekijk snel de webshop – uiteraard ook gebaseerd op Shopp – om te zien wat we jou te bieden hebben!