Plugins um Bilder in WordPress per Lightbox zu vergrößern gibt es eine Menge. NextGen Gallery, Thickbox, Fancy Box, Slinbox2, etc.. Getestet habe ich mittlerweile einige davon, ohne dass ich irgendwo hängengeblieben bin.
Vor ein paar Tagen stieß ich zufällig auf jquery-lightbox-for-native-galleries von Alex alias Viper007Bond. Grundlage ist Colorbox von Jack Moore .
Schiebt den entpackten Lightboxordner in den Pluginordner eures Webspace und aktiviert es. Ihr könnt nun zwischen fünf verschiedenen Styles (Theme #1 – Theme #5) wählen.
Die Bilder ladet ihr ganz normal mit der entsprechenden WordPressfunktion hoch (Hochladen/Einfügen direkt über dem Editor!) und integriert sie in euren Artikel.
Die Galerien
Dort gibt es nicht viel zu beachten. Ihr müßt nur schauen, dass ihr beim Hochladen der Bilder in der Einzelansichtsmaske den Titel mit einem sinnvollen Text füllt. Daraus wird dann der Bildertitel in der Lightboxansicht gebildet.
Das Einzelbild
Da gibt es schon etwas mehr zu tun. Ihr solltet das a-Tag im Editor mit der Klasse .lightbox versehen, sonst könnt ihr die Lightboxansicht nur mit dem Zurück-Button eures Browsers schließen.
Möchtet ihr mehrere Bilder auf einer Seite, die durch Text voneinander getrennt sind, in der Lightboxansicht durchblättern benötigt das a-Tag noch die Ergänzung rel="lightbox" damit es funktioniert.
Für eine ordentlichen Bildertitel in der Lightboxansicht gebt ihr dem a-Tag noch das title-Attribut mit passendem Text z.B.:
<a href="#" class="lightbox" rel="lightbox" title="Bildertitel">
Deutsche Text in der Lightboxansicht
Es sollen previous, next, image, of und close gegen vorheriges, nächstes, Bild, von und schließen ausgetauscht werden.
Öffnet dazu die Datei:
wp-content - plugins - jquery-lightbox-for-native-galleries- colorbox - jquery.colorbox-min.js in eurem Lieblingseditor (z.B. notepad++)
Gebt dort im Menüpunkt Suchen preloading:e,current in der Maske ein. Dann springt er zu dieser Stelle (in der Statusleiste des Editors müßte er z.B. Zeile 4, Position 2068 anzeigen).
In diesem Bereich führt ihr dann die Sprachänderungen durch:
preloading:e,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",
wird dann zu:
preloading:e,current:"Bild {current} von {total}",previous:"vorheriges",next:"nächtes",close:"schließen",
Leider kommt es dann im Theme 4 zu Überlappungen.
vorheriges/nächstes überlappt mit z.B. Bild 1 von 2
Abhilfe schafft eine Änderung der zuständigen CSS-Datei. Diese findet ihr unter:
wp-content - plugins - jquery-lightbox-for-native-galleries - colorbox - theme4 - colorbox.css - Zeile 35
Bei #cboxCurrent einfach aus left:100px; z.B. left 120px; machen.
Leider müssen diese Änderungen evtl. bei jedem Update des Plugins erneut durchgeführt werden. Das ist aber imho nicht wirklich zeitaufwändig, da ihr die Änderungen einfach in einer Vorlagendatei speichern könnt und per copy/paste schnell an den richtigen Stellen einfügt.
edit. Von Thomas kam bei Google+ noch der Hinweis dass die reine Lightbox-Funktionalität auch (im Moment noch!) recht simpel ohne Plugin verwirklicht werden kann. Ist aber imho nicht so komfortabel wie das Plugin.