EIFELFOTO

Vielleicht gibt es noch andere Möglichkeiten? Meine “Bauweise” für eine Fotogalerie am Beispiel “Altes Kesselhaus“:

Zunächst einmal gibt es Plugins für Wordpress, die einem die meiste Arbeit abnehmen, das nachfolgend Beschriebene ist mehr eine Art Workaround, falls einem diese Plugins nicht zur Verfügung stehen.

1. Los gehts, eine Galerie nur mit Lightbox. Als erstes brauchen wir eine Tabelle, in der die Fotos einsortiert werden. Beispielsweise haben wir 12 Fotos, dann bietet sich an, diese in  eine Tabelle mit 3 Zeilen mit jeweils 4 Spalten einzuordnen. Dies kann man natürlich alles von Hand mittels HMTL selber schreiben, aber das ist ein wenig Arbeit und zum anderen möchte ich hier die Vorgehensweise möglichst einfach darstellen. Am einfachsten, man gibt die gewünschten Daten in einen Tabellen Generator ein und kopiert den Code einfach in den Artikeleditor des Blogs. Vor dem Einfügen darauf achten, dass die HTML Ansicht ausgewählt ist.

In der HTML Ansicht kann man erkennen, dass es 3 Blöcke gibt, die mit <TR> beginnen und mit </TR> enden. Dies sind die Reihen der Tabelle (Table Row). Dort müssen nun die Fotos eingetragen werden, 4 Stück, wie oben angegeben zwischen <TD> und </TD> was den 4 Spalten einer Zeile entspricht (Table Data).

Dieser Code ist grob gesagt das Gerüst der Tabelle, am einfachsten ist es , nun wieder auf  die visuelle Ansicht des Editors umzuschalten um die Tabelle zu sehen.

2. Wie bisher gewohnt, kann man nun die Fotos mit “Dateien hinzufügen” in das gewünschte Tabellenfeld setzen. Von den möglichen Einstellungen im Uploadfenster habe ich lediglich die kleinste Vorschaugröße ausgewählt, je nach Wordpress Theme, zumindest war es bei meinem so, kann dies aber auch noch zu groß sein. Ist die Tabelle mit den Fotos gefüllt, kann man sich für einen ersten Eindruck die Vorschau ansehen. Zwei Punkte sind ggf. noch erforderlich. Wie angesprochen können die Fotos in der Voransicht zu groß sein, zum anderen werden diese noch nicht mit dem Lightbox Plugin geladen, d.h. sie erscheinen einfach oben links im Browser, weniger schön.

3. Eine Zelle der Tabelle sollte in der HTML Ansicht nun in etwa so aussehen:

<td><a href=”http://meinblog.blog.volksfreund.de/files/2008/10/meinfoto_01.jpg”><img class=”alignnone size-thumbnail wp-image-131″ src=”http://eifelfoto.blog.volksfreund.de/files/2008/10/20070113_imgp9448-150×150.jpg” alt=”" width=”150″ height=”150″ /></a></td>

Sieht schlimm aus, ist es aber eigentlich nicht. Relevant sind nur noch die blauen Passagen. Im ersten Teil “a href” wird auf das Foto verwiesen, hier muss folgendes ergänzt werden rel=”lightbox”, also wie folgt:

<a href=”http://meinblog.blog.volksfreund.de/files/2008/10/meinFoto_01.jpg” rel=”lightbox”>

Somit werden die Fotos im Blog angezeigt, nicht in einem leeren Fenster. Falls die kleinen Vorschaubildchen zu groß sind und das Wordpress Theme auseinanderziehen (bei mir war es so), kann man dies mit width=”150″ height=”150″ ändern. Ich habe die beiden Werte auf jeweils 100 gesetzt.

Bleibt noch zu erwähnen, dass diese gesamten Änderungen für jedes Foto durchgeführt werden müssen, in unserem Beispiel also 12 mal. Leider nicht zu ändern, aber dafür wird man mit einer schönen kleinen Galerie belohnt.