13. Juni 2007
NextGen-Gallery

Dies hier soll nun die “neue” NextGen Gallery Dokumentation darstellen. Leider hatte das Upgrade von WP 2.6 auf 2.7 diese Doku zerstört und sie war nicht mehr wiederherzustellen. Das ganze hat natürlich den Vorteil das hier nun die neue Version 1.10 besprochen, bzw. erklärt wird.

Das WordPress-Plugin NextGen Gallery kann auf der Autorenseite bzw. bei wordpress.org heruntergeladen werden, bei Bedarf werden hier auch ältere Versionen angeboten, falls nach einem Upgrade etwas nicht mehr so läuft wie vorgestellt.

Installation:

ngginstall.jpg Das heruntergeladene zip-File entpacken und in den Ordner wp-content/plugins/nggallery hochladen, dies ist der WordPress-Plugin Ordner. Es sollten keine Ordnernamen geändert werden, um eine reibungslose Funktion der Gallerie zu gewährleisten ! Um die unterstützte Slideshow nutzen zu können, wird der JW Image Rotator von Jeroen Wijering benötigt, welcher kostenlos für den privaten – nicht kommerziellen Gebrauch zur Verfügung gestellt wird. Dieser wird nach dem entpacken in den NextGen-Gallery Ordner geladen, wobei nur die Datei imagerotator.swf benötigt wird. Nach erfolgreichem Upload aller Dateien wird das Plugin auf der Admin-Seite aktiviert und es kann losgehen.

Galerie-Übersicht

ng1.jpg Auf der Startseite von NextGen-Gallery befindet sich eine Übersicht über die Anzahl der Bilder, die verschiedenen Servereinstellungen und über die Grafik-Bibliothek. Sollte es ein aktuelles Update des Plugins geben, was sehr häufig vorkommt, bekommt man dies ebenfalls angezeigt. Praktisch ist der bereits integrierte Button, welcher sofort zum “Bilder hochladen” führt.

Galerie / Bilder hinzufügen

ng2.jpg Schon befindet man sich mitten im Upload-Bereich für die Bilder. Im ersten Teil dieses Menüs lässt sich eine leere Galerie erstellen, welche dann unter dem definierten Namen im angezeigten Ordner erscheint.

ng3.jpg Wenn man große Bildmengen hochladen möchte empfiehlt sich die Funktion zip-Datei hochladen. Vorher sollte man noch festlegen ob die Bilder in eine bereits vorhandene Galerie integriert werden sollen, oder ob eine neue Galerie erstellt werden soll, die dann automatisch den Namen der zip-Datei erhält.

ng4.jpg Sollten sich auf dem Server bereits Bild-Verzeichnisse befinden, so lassen sich die betreffenden Bilder auch in NextGen-Gallery importieren, hier ist die genaue Pfadangabe wichtig !

ng5.jpg Einzelne, lokal gespeicherte Bilder lassen sich durch aufrufen der letzten Registerkarte unter Galerie / Bilder hinzufügen hochladen, hier wird der lokale Speicherort der Bilder angegeben, ggf. mehrere Bilder angewählt und können dann via Batch-Upload auf den Server hochgeladen werden. Hier ist es wichtig die Zielgalerie vorher anzugeben. Wenn Probleme mit dem Batch-Upload bestehen sollten, dann kann dieser auch deaktiviert werden.

Galerie verwalten

ng6.jpg Befinden sich bereits mehrere Galerien auf dem Blog so ist hier die Möglichkeit diese zu verwalten. In der Galerie-Übersicht werden alle vorhandenen Galerien angezeigt, die zu bearbeitende Galerie kann hier ausgewählt werden, o.a. direkt gelöscht werden. Außerdem wird hier angezeigt zu welcher statischen Seite die betreffende Galerie verlinkt ist und wieviele Bilder sie enthält.

ng7.jpg Ist die gewünschte Galerie ausgewählt lässt sich Titel und Beschreibung verändern. Der Speicherort auf dem Server wird angezeigt, hier lässt sich auch die Seite verändern, zu der die Galerie verlinkt ist. Sinnvollerweise lässt sich hier auch eine neue Seite erstellen. Wenn man via ftp-Bilder übertragen hat, lässt sich hier das Verzeichnis nach neuen Bildern überprüfen. Weiter unten werden die unterschiedlichen Thumbnails dargestellt, man hat verschiedene Optionen, bezüglich der Thumbnails, es lassen sich u.a. Beschreibungen hinzufügen, das Thumb-Set kann neu erstellt werden, die Meta-Daten lassen sich anzeigen usw. Im Kommentarfeld Stichwörter lassen sich auch Tags integrieren, die später eine Darstellung des Bildes über Tags zulassen.

ng22.jpg Interessant ist die Möglichkeit der Bildersortierung nach persönlichem belieben. Durch einen Klick auf den entsprechenden Button gelangt man in ein neues Fenster, wo sich verschiedene Möglichkeiten für die Sortierung bieten. Wem das nicht ausreicht, der kann die einzelnen Thumbs durch Drag & Drop verschieben.

Album

ng8.jpg In Nextgen-Gallery lassen sich Gruppen von Galerien zu Alben zusammenfügen. Hier auf curlyrob.de habe ich die Alben “Konzerte” und “Aktionen” als Übergriffe für einzelne Galerien gewählt. Unter dem gleichnamigen Menüpunkt lassen sich vorhandene Alben verwalten und neue erstellen. Wenn noch kein Album besteht muss man als allererstes ein neues hinzufügen, bevor man dan via Drag & Drop die Einzelgalerien in das Album ablegen kann. So kann man u.a. auch die Reihenfolge der Galerieanzeige auf einer statischen Seite beeinflussen. Durch einen Klick auf das Plus (rechte Seite der jeweiligen Galerie) öffnen sich zusätzliche Informationen zur jeweiligen Galerie, wie id, Beschreibung und Seite.

Stichwörter

ng9.jpg Verwendet man in seinem Blog Tags (“Stichwörter”), so befindet sich hier die Möglichkeit die in NextGen-Gallery definierten Tags zu verwalten. Tags lassen sich in der Galerieverwaltung für jedes einzelne Bild definieren.

Optionen

Allgemeine Optionen:

* ng10.jpg In der Kategorie “Optionen” lassen sich verschiedene Verhaltensweisen von NextGenGallery beeinflussen. Unter der Registerkarte allgemeine Optionen wird der Standard-Pfad für die Galerien angezeigt. Es läßt sich definieren, ob beim lokalen löschen der Bilder aus der Datenbank die Bilder auch insgesamt gelöscht werden sollen. Außerdem lassen sich RSS-Feeds und PicLens aktivieren (für Grafik Enthusiasten durchaus ein Klick wert !). Verwendet man Stichwörter (“Tags”) so kann man hier auch festlegen, ob verwandte Bilder an diverse Beiträge angehängt werden sollen, oder nicht.

Thumbnail-Einstellungen:

* ng11.jpg Hier wird die Größe der Thumbnails definiert, wenn man experimentierfreudig ist, dann lässt man sich viereckige Thumbs erstellen, die einen Bildausschnitt aus der Mitte des Bildes liefern. Dadurch kann man die Bilder vorm anklicken noch nicht vollständig erkennen, es entsteht eine Art “Überraschungserlebnis” für den Besucher. Auch die Qualität der Thumbs kann hier eingestellt werden, es sollte klar sein: Höhere Qualität der Thumbs = höhere Ladezeit für die Thumbnail-Übersichten, wenn man aber die Bilder sowieso schon in einer verringerten Qualität hochlädt, sollte man 100% wählen. Wichtg ! Änderungen in den Thumbnail-Optionen werden erst dann “sichtbar”, wenn man die Thumbnails unter dem Punkt “Galerie verwalten” neu erstellen lässt !

Bild-Einstellungen:

* ng12.jpg Neben der Bildgröße lässt sich hier auch die Bildqualität einstellen. Hier gilt ähnliches wie bei den Thumbnails. Für die sogenannten “Singlepics” lassen sich hier auch Cache-Bilder erstellen, was die CPU-Belastung reduziert.

Galerie-Einstellungen:

* ng13.jpg Möchte man direkt auf ein Album verweisen, sollte man den Haken bei “keine Seitenverzweigung” setzen, dann wird kein Link zur Seite benötigt und die Galerie wird direkt angezeigt. Bei großen Galerien kann es sinnvoll sein die Anzahl der Bilder pro Seite zu definieren, 0 ist Standard und sorgt dafür das alle Bilder aufeinmal angezeigt werden. Wenn man Bildunterschriften verwenden möchte, dann sollte man ggf. die Anzahl der Spalten mit Bildern reduzieren, damit Bildbeschriftung und nebenstehendes Thumbs sich nicht in die Quere kommen. Auf meinen Seiten verwende ich als Option die Slideshow, weil ich es dem Betrachter überlassen will sich einzeln durch die Bilder zu klicken, oder aber sich entspannt zurückzulehnen und die Slideshow zu genießen. Interessant ist hier die Möglichkeit den Auswahltext für die Slideshow zu beeinflussen können. Außerdem lässt sich festlegen was als erstes angezeigt werden soll, die Thumbnail-Übersicht, o.a. die Slideshow. Möchte man auf die durchaus attraktive Funktion der Thumbnail-Effekte verzichten, so kann man hier einen weniger verspielten Bilderbrowser aktivieren. Im Laufe der Entwicklung von NextGenGallery ist hier auch die Thumbnailsortierung erweitert worden. Die Thumbs lassen sich nach Name, Datum/Zeit, Bilder ID, Alt/Titeltext oder eben benutzerdefiniert sortieren.

Effekte:

* ng14.jpg Meiner Meinung nach ist dies eine der herausragendsten Funktionen von NextGenGallery, die Implementierung verschiedener Effekte zur Thumbnail-Vergrößerung und Bilddarstellung. Während die Effekte Thickbox und Shutter mitgeliefert werden, benötigen Lightbox und Highslide eigene WordPress-Plugins. Wem das immer noch nicht genug Effekt ist, der sollte sich mal genauer mit dieser Übersicht befassen: Lightbox-Clones, hier werden jede Menge Lightbox-Alternativen verglichen und vorgestellt, leider gestaltet sich die Übertragung zu WordPress und dann in NextGenGallery teilweise schwieriger als zu erhoffen, aber wenn man nach dem Prinzip learning by doing handelt klappt es meistens.

Wasserzeichen:

* ng15.jpg NextGenGallery bietet die Mögichkeit die Bilder zum Schutz mit Wasserzeichen zu versehen, dies kann entweder ein Bild oder auch Text sein, wobei sich Position, Größe, Transparenz des Wasserzeichens durchaus einstellen lassen.

Slideshow:

* ng16.jpg Hier lässt sich das Verhalten der Slideshow beeinflussen, die Einstellungen sprechen mehr oder weniger für sich selbst und laden zum experimentieren ein. Genutzt wird der JW Image Rotator from Jeroen Wijering, welcher für den Privatanwender kostenlos zur Verfügung gestellt wird.

Style
ng17.jpg Im CSS-Editor von NextGen-Gallery lassen sich die 7 mitgelieferten CSS-Stylesheets von CSS-Kundigen bearbeiten.

Setup

ng18.jpg Hier kann man die Einstellungen, die man getätigt hat, zurücksetzen. Außerdem lassen sich hier die angelegten Tabellen in der Datenbank löschen. Wichtig ! Diese Maßnahme lässt sich nur durch ein vorher angelegtes, manuelles Backup wiederherstellen, NextGenGallery erstellt kein Backup ! Sind diese Tabellen einmal gelöscht und man hat vorher keine Sicherung angelegt ist alles unwiderruflich verloren !!!

Zugriff

ng19.jpg Hier kann man definieren, wer welche Zugriffsrechte auf die NextGenGallery Einstellungen u.a. Bildverwaltung hat. Sinnvolle Option für Blogs, die von mehreren Usern genutzt und auch betreut werden. Theoretisch kann man so sogar registrierten Lesern erlauben Bilder auf den Blog zu laden.

Über

ng20.jpg Übersicht über die Autoren, Danksagungen und Donationsmöglichkeit.
Beispiele:

Bemerke: in den Code-Beispielen sind vorne und hinten Leerzeichen, um den Code darstellbar zu machen. Bei copy & paste also bitte die Leerzeichen entfernen. (danke für den Tipp von snowdown)

[ nggallery id=2 ]

Zeigt folgendes:

[als Slideshow anzeigen]

[ slideshow id=2 ]

Zeigt folgendes:

[ album id=1 template=extend ]