NextGen-Gallery

Alex.Rabe hat ein neues Galerie-Plugin “NextGen-Gallery” erschaffen. Dieses Galerie-Plugin eignet sich hervorragend zur Verwaltung großer Bildmengen und bietet dazu noch einige Web2.0 Features. Diese Beschreibung bezieht sich derzeit auf die Version 0.63. In freudiger Erwartung auf NextGen-Gallery v0.70 hoffe ich, dass ich alle Features hinreichend beschrieben habe…

Voraussetzungen:

1. Installation:

Heruntergeladene zip-Datei entpacken und mittels ftp-Programm in den Ordner wp-content/plugins/nggallery hochladen. Der Ordner darf nicht umbenannt werden ! Um die integrierte Slideshow nutzen zu können benötigt man weiter hin den Flash Image Rotator von Jeroen Wijering, welcher für die private, nicht kommerzielle Nutzung kostenlos ist. Für die einwandfreie Funktion der Slideshow wird die in die in der heruntergeladenen zip-Datei enthaltene “imagerotator.swf” in den NextGen-Gallery Ordner hochgeladen.
Jetzt kann das Plugin im Admin-Bereich von Wordpress aktiviert werden. Möchte man NextGen-Gallery in einer anderen Sprache laufen lassen (Standard ist deutsch), so bietet der Autor diverse Übersetzungen an. Das betreffende .mo-file wird dann einfach in den Ordner nggallery/langs hochgeladen. Wordpress verwendet dann automatisch die Sprache, die in der wp-config.php als Standard hinterlegt ist.


Nach der Aktivierung erscheint oben der Button “Galerie”, der den Admin-Bereich des Plugins darstellt. Von dort aus werden die weiteren Einstellungen getätigt.

2. Die NextGen-Gallery Administration:
1. Ãœbersichtsbildschirm: Hier gibt der Autor neueste Informationen über den Fortlauf der Plugin-Entwicklung, außerdem kann man hier direkt zu den Punkten, “Neue Galerie erstellen oder Bilder importieren”, “Verwalte Galerien und Bilder”, “Erstelle und verwalte Alben” und “Ändere die Einstellungen von NextGEN Galerie” navigieren. Rechts werden grundlegende Daten über die bestehenden Server-Einstellungen und die Daten der GD-Library geliefert.

2. Galerie hinzufügen:

Unter dieser Schaltfläche läßt sich eine “neue Galerie erstellen”, als leerer Ordner, der dann im Anschluss mit Bildern gefüllt werden kann. Wichtig ist in diesem Zusammenhang das der betreffende Ordner die Schreibrechte 777 besitzen muss (einstellbar im ftp-Programm).

Die Funktion “zip-Datei hochladen” bietet die Möglichkeit am Rechner erstellte zip-Dateien, die Bilder enthalten direkt über den Galerie-Administrationsbereich auf den Webspace hochzuladen (funktioniert nur bei “safe-mode off”). Die so erstellte Galerie erhält automatisch den Namen der zip-Datei. Desweiteren lassen sich Bilder Verzeichnisse, die schon auf dem Webspace existieren importieren, dies ist durch die entsprechende Schaltfläche realisierbar. Unter “Bilder hochladen” lassen sich auch einzelne Bilder hinzufügen/hochladen, nachdem man die Galerie in die diese Bilder eingefügt werden sollen ausgewählt hat

3. Galerie verwalten:

Unter dieser Schaltfläche verbirgt sich eine Galerieübersicht. Die bestehenden Galerien werden aufgelistet, entsprechend ihrer ID, dem Galerie-Namen, dem Titel, der Beschreibung, der dazugehörigen Seiten-ID (Page-ID) und der Anzahl der enthaltenen Bilder. Von dort aus lassen sich die einzelnen Galerien weiter bearbeiten, oder auch ganz löschen.

3.1. Galerien bearbeiten:

Hier lassen sich die ausgewählte Galerie mit einem Titel versehen, welcher später auch so in der Galerie-Übersicht erscheint. Außerdem kann eine Detailbeschreibung der Galerie erfolgen. Die zu verlinkende Seite kann hier ausgewählt werden, sinnvoll ist es die Seitenbezeichnungen relativ eindeutig zu wählen, damit später eine leichtere Zuordnung zu den jeweiligen Galerien erfolgen kann. Das auszuwählende Vorschaubild bezeichnet das Thumbnail, welches neben der Beschreibung in der Galerieübersicht erscheint.

Hat man noch keine Seite erstellt, auf der die spätere Galerie angezeigt werden soll, so lässt sich hier unter “Neue Seite erstellen” eine statische Seite hinzufügen. Nach Auswahl der genauen Position (entweder auf der Hauptseite oder als untergeordnete Seite) erhält diese dann eine ID, welche gleichzeitig dem ausgewählten Titel entspricht. Weiter unten auf der Seite werden die jeweiligen Bilder der ausgewählten Galerie angezeigt, diese lassen sich anzeigen, und löschen. Außerdem kann man den Alt-Text ändern sowie jedem einzelnen Bild eine Beschreibung zukommen lassen.

Ãœber den der Thumbnail-Liste befindet sich ein Menü, welches weitere Optionen für die Bilder bietet. Hier lassen sich neue Thumbnails erstellen, Bilder löschen, Bilder verkleinern und Wasserzeichen setzen (Zum Thema Wasserzeichen später mehr…)

4. Album:

In NextGen-Gallery wird eine Unterscheidung zwischen Galerien und Alben getroffen. Galerien enthalten mehrere Bilder, Alben hingegen enthalten mehrere Galerien, was besonders bei unterschiedlichen Bildthemen und -kategorien Sinn macht.

Nachdem man einen Namen für ein Album vergeben hat, lässt sich über die Schaltfläche aktualisieren das Album erstellen. Die bestehenden Galerien erscheinen auf der rechten Seite, diese lassen sich dann via drag-and-drop in das ausgewählte Album integrieren. Als Beispiel: Auf dieser Seite existieren zwei Alben. “Konzerte” und “Aktionen”, diese enthalten dann jeweils mehrere einzelne Galerien.

5. Optionen

Eine der wichtigsten Schaltflächen im NextGen-Gallery Adminbereich.
Unter den allgemeinen Optionen lässt sich der Pfad für die hochgeladenen Bilder einstellen, nochmals der Hinweis, der betreffende Ordner sollte die Schreibrechte 777 aufweisen. In naher Zukunft werden sich die angelegten Bildverzeichnisse auch auf neu hinzugekommene Bilder hin überprüfen lassen, dieser Punkt befindet sich zur Zeit noch in der Entwicklung. Ferner lässt sich festlegen ob das löschen einer Galerie im Wordpress-Admin-Bereich auch das löschen vom Server zur Folge haben soll, oder nicht.

Unter den Thumbnail-Optionen lassen sich verschiedene Einstellungen für die Thumbnails vornehmen. Neben, Größe, Qualität und Resample-Modus der Thumbs lassen sich auch viereckige Thumbnails aus der Mitte des Bildes erstellen.

Die Bild-Einstellungen erlauben die Vergabe einer fest vordefinierten Bildgröße. Wichtig ist vorallem der letzte Punkt: Hier lässt sich festlegen, ob dem Einzelbild in Beiträgen eine Vollansicht hinzugefügt (wie in diesem Beitrag der Fall) werden soll.

Die Schaltfläche “Galerie” führt zu den Einstellungen für die Galerien. Neben der Aktivierung der jQuery-Navigation, welche nur mit dem Effekt “Thickbox” funktioniert kann hier die Anzahl der Bilder eingestellt werden, die pro Seite angezeigt werden. “0″ schaltet diese Funktion aus und es werden alle Bilder angezeigt. Der Haken vor “Slideshow verwenden” aktiviert die Möglichkeit die Bilder als Slideshow zu präsentieren. Dahinter kann der jeweilige Text für diese Option verändert werden. Sollen die Galerien sofort als Slideshow geöffnet werden, lässt sich dies durch die jeweilige Einstellung anpassen, dies bietet sich meiner Meinung nach bei sehr kleinen Galerien an. Die Sortierung der angezeigten Thumbs lässt sich nach Dateiname, ID oder aber auch Alt/Titeltext verändern.
Standardmäßig wird NextGen-Gallery mit dem Bildeffekt Thickbox bereitgestellt. Die jeweiligen Effekte lassen sich unter der gleichnamigen Schaltfläche anpassen/einstellen. Möchte man gerne (wie hier auf dieser Seite, den Highslide-Effekt verwenden, werden Highlide JS und wp-Highslide benötigt. Auch der Lightbox-Effekt muss über ein zusätzliches Plugin in die Wordpress-Installation integriert werden. Nun noch ein Hinweis den ich im Februar 2008 von “Gerd” erhalten habe: Die Darstellung von Highslide läuft wohl im IE7 nicht so optimal, es kommt es wohl zu einer fehlerhaften Darstellung der Thumbs. Die lässt sich durch eine Modifikation der “highslide.css” (befindet sich im Highslide-Plugin-Verzeichnis) beheben. Dort löscht man die Zeile #border: 2x solid white unter .highslide: hover img { und schon kann auch Microsofts IE7 endlich perfekt Highslide.
Wasserzeichen lassen sich über die angrenzende Schaltfläche bearbeiten/modifizieren. Es gibt die Wahl zwischen der Angabe einer URL als Wasserzeichen, oder die Anzeige eines (anpassbaren) Textes als Wasserzeichen. Weiterhin lässt sich die Position des Wasserzeichens modifizieren.
Die Einstellungen für die Slideshow, welche auf dem Flash Image Rotator von Jeroen Wijering beruht, können unter den Slideshow-Optionen getroffen werden. Hier lohnt es sich ein wenig auszuprobieren, da die Slideshow ein interessantes Zusatz-Addon zu NextGen-Gallery darstellt und man dadurch die ohnehin schon sehr aufwendigen Anzeigeoptionen der Galerie noch zusätzlich aufpeppen kann. Als neuestes Feature bietet sich die Möglichkeit die Slideshows mit einer Hintergrundmusik zu versehen, dazu muss man via ftp einen mp3-Track auf den Server laden und dann die URL zu dieser mp3-Datei im Feld Hintergrundmusik eintragen.

6. Style

Unter diesem Punkt befinden sich (im Moment 5) verschiedene, vorgefertigte css-Styles, durch die sich das gesamte Aussehen der Galerien verändern lassen. Diese css-Daten können im Editor nach Wünschen angepasst werden und nach Aktivierung erscheinen die Galerien, Alben und Thumbnails in einem neuen Gewand.

7. Setup

Hier lässt sich das Plugin inklusive aller Datenbankeinträge deinstallieren. Aber Vorsicht (!) diese Maßnahme ist hat keine UNDO-Funktion, rückgängig geht nicht, einmal deinstalliert…

Sollte man sich beim vielen “einstellungsausprobieren” einmal vertan haben, lässt sich hier durch die Schaltfläche “Einstellungen zurücksetzen” der Standard wiederherstellen.

8. Ãœber

Impressum des Autors und Donationsmöglichkeit….

3. Erklärung der NextGen-Gallery tags

Benutzt man den WYSIWYG-Editor von Wordpress, so erscheint nach Installation und Aktvierung im Beitragserstellungsmodus das im Bild angezeigte Symbol. Hier kann man Bilder, Galerien und Alben von NextGen-Gallery den jeweiligen Beiträgen und Seiten hinzufügen.

Mittlerweile ist NextGen-Gallery auch im Upload-Tab von Wordpress integriert.
Nach Auswahl der jeweiligen Galerie lässt sich ein Vorschaubild zum Editor senden, welches vorher auch mit verschiedenen Optionen in seinem Verhalten modifiziert werden kann.

Es ergeben sich folgende Tags:

NextGen-Gallery wird ständig aktualisiert. Auf der Autorenhomepage befindet sich eine ToDo-List sowie eine umfassendes Changelog, wo man geplante Änderungen und zukünftige Features überblicken kann. Alle Fragen bitte ich im “Support-Forum” von Alex.Rabe zu stellen. Dort werdet ihr mit Sicherheit Antwort erhalten.

33 Kommentare

Hinterlassen sie einen Kommentar

Name (notwendig)

Email (notwendig)

Webseite