Galerien mit WordPress 2.5 24. April 2008

Vor ein paar Wochen ist sie herausgekommen, die neue WordPress Version 2.5. Die Entwickler haben sich wirklich Mühe gegeben einige Arbeitsabläufe beim Erstellen eines Eintrags zu optimieren. Überarbeitet wurden beispielsweise das Layout des gesamten Admin-Bereiches, die Uploadfunktion und ein paar Sicherheitsaspekte.

Ab dieser Version ist es auch endlich möglich Galerien mit WordPress eigenen Mitteln zu erstellen. Mittels: [shortcode]

[/shortcode] lassen sich alle zu einem Beitrag hochgeladenen Bilder einbinden. Leider ist der dabei entstehende Code nicht ganz HTML-Valide, es fehlt das alt-Tag bei den Bildern. Und wer die Bilder mit Lightbox oder Slimbox anzeigen möchte ist gleich ganz außen vor.

Ich habe mich des Problems einmal angenommen und ein kleines Plugin geschrieben, das speziell auf diese Probleme zugeschnitten ist. Eigentlich ist es nur eine kleine Anpassung der bestehenden WordPress-Funktionalität (deswegen “Hack”).

Die Funktionen im Überblick

  • Es wird valides HTML geliefert.
  • Mittels CSS wird die Galerieübersicht formatiert, so das alle Bilder in einem Raster angezeigt werden (statt untereinander).
  • Beim Klicken auf die Bilder wird das blanke Bild angezeigt. Wer Lightbox oder Slimbox installiert hat bekommt beim Klicken auf die Bilder die entsprechenden JavaScript Effekte.
    • Über die Titel der Bilder lassen sich die Lightbox-Bildunterschriften anzeigen.
    • Damit die Bilder mit Lightbox / Slimbox angezeigt werden können, muss dieses natürlich installiert sein.

So schön sieht die Galerie natürlich nur aus wenn man Quadratische Thumbnails (Miniaturansichten) hat. Die Einstellung um die hochgeladenen Bilder quatratisch zu machen, findet sich unter “Einstellungen > Verschiedenes”.

Wer die Thumbnails nicht beschneiden lassen möchte, kann folgende CSS-Anweisungen in seiner CSS-Datei einfügen um trotzdem eine ausgewogene Formatierung zu erhalten.

.gallery-icon {
width: 140px;
height: 140px;
}
.gallery-icon img {
margin: auto auto;
}

Infos und Download der aktuellen Version

UPDATE 2010: ich habe die öffentliche Galleryhack Entwicklung eingestellt.

  • Twitter
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • MySpace
  • Technorati
  • Slashdot
  • StumbleUpon
  • Live

Kommentieren