Praktisches Galerie-Skript für Eilige

Lazy-Gallery ist ein ausgesprochen leicht zu bedienendes Galerie-Plug-In für Wordpress. Einmal installiert, braucht man zum Erzeugen seiner Galerie lediglich den gewünschten Bilder-Ordner (auch mit Unterordnern) in den eingestellten Galerie-Ordner auf dem Server zu schieben - und schon hat man seine Galerie mitsamt Navigation durch die Ordner und Unterordner, Thumbnails, Breadcrumb-Navigation, Vorwärts- und Zurück-Links - genau das, was man für schnelles Online-Stellen von Bildersammlungen braucht.

Man sollte allerdings darauf achten, dass die Dateinamen der Bilder weder Umlaute und Leerzeichen haben. Ordnerbezeichnungen dürfen ebenfalls keine Umlaute enthalten, sonst hagelt es wilde Fehlermeldungen.

In seiner seiner derzeit aktuellen Version 0.4 erzeugt das Plug-In jedoch kein valides XHTML. Wenn man Wert darauf legt, einen “valid xhtml”-Link in seinem Footer präsentieren zu können, sind bei Einsatz der Lazy Gallery 0.4 ein paar Änderungen nötig.

Änderungen “lazy-index.php”

Zu finden im Wordpress-Hauptverzeichnis: Dort sollte man den Link aufs Stylesheet entfernen und diesen in sein Template in der “header.php” einfügen. Denn mitten in den HTML-Body gehört der einfach nicht rein.

Änderungen “lazy-gallery.php”

Zu finden im Ordner “wp-content/plugins”: Neben den üblichen sprachlichen Anpassungen (also übersetzen etc.) müssen noch ein paar andere Dinge verändert werden. Die “Suchen Ersetzen”-Funktion einfacher Text-Editoren (z.B. “Notepad”) reicht aus, um die Fehler ganz leicht zu korrigieren. Hier eine Fünf-Punkte-Anleitung:

  1. Sicherheitskopie der Originaldatei machen
  2. “Suchen und Ersetzen”<br/>durch<br />
  3. “Suchen und Ersetzen”<br>durch<br />
  4. “Suchen und Ersetzen”'&thumb=0">durch'&amp;thumb=0" alt="Vorschau f&uuml;r '.$img.'" />
  5. “Suchen und Ersetzen”'&thumb=1">durch'&amp;thumb=1" alt="Vorschau f&uuml;r '.$img.'" />

Erklärung: Im Original-Skript haben sich einige kleine Fehler eingeschlichen:

  • Die <br />-Tags sind durchweg falsch geschrieben.
  • Bei den <img />-Tags fehlen Leerzeichen und Slash vor der schließenden Dreiecksklammer.
  • Der XHTML-Validator erkennt “&thumb” nicht als Teil einer URL, sondern als Anfang des Codes für ein HTML-Sonderzeichen, das es nicht gibt. Wenn man im Skript in der URL zu den Thumbnails das “&” einfach durch “&amp;” ersetzt, funktionieren die dahingehend modifizierten Links immer noch.
  • Außerdem verlangt der Validator einen “alt”-Text für jedes Bild. Nach der Modifikation heißt jeder Thumbnail “Vorschau zu jeweiligerDateiname.xyz”

Damit ist der Validator dann zufrieden.