Skip to main content
nextgen gallery navigation

NextGen Gallery Navigation WordPress Howto English + German

NextGen Gallery Navigation

Read this Tutorial in English

Tutorial – NextGen Gallery Navigation hinzufügen

Das Plugin NextGen Gallery für WordPress von Alex Rabe ist ein leicht zu bedienendes Werkzeug um Galerien und Alben für den eigenen Blog zu erstellen und seine Bilder online zu verwalten.

Auf der Portfolio Seite von explorerviews.de ist seit kurzem eine Fotothek integriert, die mit diesem Plugin arbeitet. Die Organisation der Bilder in Alben und Galerien übernimmt NextGen Gallery.

Die Bilder in diesem Album werden jeweils auf einer eigenen Seite angezeigt, damit ist es für Suchmaschinen einfacher den Inhalt zu erfassen.

Möchte man seine Bilder auf einer einzelnen Seite anzeigen, setzt man den Haken in den NextGen Gallery Optionen-> Galerie bei Zeige Bild- Browser.

Danach stellt man fest, dass eine NextGen Gallery Navigation innerhalb der Galerien und Alben fehlt. Lediglich zwei Pfeil Buttons um auf das nächste bzw. vorherige Bild zugelangen gibt es.

NextGen Gallery Navigation hinzufügen

Möchte man eine NextGen Gallery Navigation, die vom Einzelbild zurück zur Galerie führt und/ oder gleich zum Album, muß man in den folgenden Templates für Galerie und Bild etwas Code hinzufügen. An dieser Stelle sei Britta von Mirandus erwähnt, deren Tipps auf ihrer Seite meinen vorausgingen.

NextGen Gallery Navigation
Navigationsleiste für das Plugin NextGen Gallery in WordPress

Die oben genannten Template Dateien befinden sich alle im WordPress Verzeichnis unter
wp-content/plugins/nextgen-gallery/view/

In der Datei gallery.php sucht man nach der Zeile

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>

und fügt darunter die Navigation ein

<?php $album = nggdb::find_album( get_query_var('album') ); ?>
<div class="ngg-albumtitle">
<a href="/IhrOrdner/?album=<?php echo $album->id ?> "><?php echo $album->name?></a> »
<?php echo $gallery->title ?>
</div>

Anstelle von IhrOrdner fügt man den Pfad des Albums ein. Auf explorerviews.de ist es zum Beispiel

/photo-library/?album=4

wobei die 4 zum Schluss für die Album ID steht. Diese Album ID erhält man unter Verwalte Alben im Back End, die Zahl vor dem Namen des Albums ist die ID.

Wenn alles abgespeichert und auf dem Server ist, geht es in die imagebrowser.php
Dort sucht man nach der Zeile

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>

und fügt darunter folgende Zeilen hinzu

<?php $album = nggdb::find_album( get_query_var('album') ); ?>
<?php $gallery = nggdb::find_gallery( get_query_var('gallery') ); ?>
<div class="ngg-albumtitle">
<a href="/IhrOrdner/?album=<?php echo $album->id ?> "><?php echo $album->name?></a> »
<a href="/IhrOrdner/?album=<?php echo $album->id ?>&gallery=<?php echo $gallery->gid ?> "><?php echo $gallery->title ?></a> »
</div>

Auch hier steht IhrOrdner wieder für den Pfad des Albums und die Doppelpfeile » werden im Code so geschrieben & r a q u o ; ohne Leerzeichen. Sie stehen lediglich als Trenner zwischen den Pfadnamen und können durch andere Zeichen ersetzt werden.

Das beschriebene Tutorial zeigt eine Möglichkeit, wie man eine NextGen Gallery Navigation in seine Galerien hinzufügt, die aus einem Album und mehreren Galerien bestehen.

Das Ergebnis sieht man in der Photo Library. Zum Schluss ist es ratsam die veränderten Dateien offline zu sichern, damit beim nächsten Update von NextGen Gallery die modifizierten Dateien wieder ins Verzeichnis kopiert werden können.

Hoffentlich können die Zeilen dem ein oder anderen helfen seine NextGen Gallery Navigation zu realisieren. Fehler gefunden oder Hilfe nötig? Schreib mir einfach deine Meinung dazu.

NextGen Gallery Navigation hinzufügen


English

NextGen Gallery Navigation

The NextGen Gallery Plugin for WordPress by Alex Rabe is an easy-to-use tool to create galleries and albums for his own blog and manage their photos online.

On the portfolio page of explorerviews.de recently, a photo library is integrated to work with this plugin. The organization of the pictures in albums and galleries does NextGen Gallery.

The images in this album are each displayed on a separate page so that it is easier for search engines to capture the content.

If you want to display its images on a single page, one puts the hook in the

NextGen Gallery Options-> Gallery at Show Image Browser.

Then you realize that a NextGen Gallery missing navigation within the galleries and albums. Only two arrow buttons to access the next or previous picture are there.

If you want one NextGen Gallery menu, from the image-browser (single picture side) goes back to the gallery and / or equal to the album, you have to add some code in the following templates for the image and gallery. At this point Britta from Mirandus be mentioned, their tips on their site that preceded mine.

NextGen Gallery Navigation
Menu for the Plugin NextGen Gallery in WordPress

The above template files are all in the WordPress directory
wp-content/plugins/nextgen-gallery/view/

In the file gallery.php you look for the line

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>

and adds the navigation below it

<?php $album = nggdb::find_album( get_query_var('album') ); ?>
<div class="ngg-albumtitle">
<a href="/YourFile/?album=<?php echo $album->id ?> "><?php echo $album->name?></a> »
<?php echo $gallery->title ?>
</div>

Instead of YourFile add the path of the album. It is for example on explorerviews.de

/photo-library/?album=4

the 4 on the end stands for the album ID. This Album ID is obtained under Manage albums in the back end, the number before the name of the album is the ID.

If everything is stored on the server we go into the imagebrowser.php
Here we look for the line

<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>

and adds the following lines below it

<?php $album = nggdb::find_album( get_query_var('album') ); ?>
<?php $gallery = nggdb::find_gallery( get_query_var('gallery') ); ?>
<div class="ngg-albumtitle">
<a href="/YourFile/?album=<?php echo $album->id ?> "><?php echo $album->name?></a> »
<a href="/YourFile/?album=<?php echo $album->id ?>&gallery=<?php echo $gallery->gid ?> "><?php echo $gallery->title ?></a> »
</div>

Here too YourFile is stands again for the path of the album and the double arrows in the code to be written & r a q u o ; without spaces. They are only as separator between the path name and can be replaced by other characters.

The described tutorial shows one way how to add a NextGen Gallery navigation in its galleries, which consist of an album and several galleries. The result looks like the Photo Library.” title=”Image Stock Gallery”>Photo Library.

Joe

A Blogger, a Photographer, an Explorer and a Human. You found me on Google Plus

2 thoughts to “NextGen Gallery Navigation WordPress Howto English + German”

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

%d Bloggern gefällt das: