drupal 7: Einfache Bildergalerie mit Views und Colorbox

Was brauchen wir?

Zunächst mal das Naheliegendste: Eine drupal7 Installation ;-) Wer sich noch nicht das Views-Modul installiert hat, sollte dies schnellstens nachholen, nicht nur für dieses HowTo. Weiterhin setzen wir in diesem Beispiel Colorbox ein, für andere Lightbox-Derivate sollte sich dieses HowTo aber auch übernehmen lassen.

Aus den Core-Modulen benötigen wir das Image-Modul. Wie gesagt: Core, ist also schon installiert.

Nachdem wir die Module installiert und aktiviert haben, können wir ans Eingemachte gehen. Ich habe hier nur eine lokalisierte deutschsprachige Version vorliegen, deswegen werde ich die Links und Menüpunkte o.ä. mit den deutschen Bezeichner benennen

Die "Bildergalerie"

Da die ehemaligen CCK-Module in ähnlicher Form, nämlich als Fields-API in den drupal-core gewandert sind, können wir uns ganz einfach einen neuen Inhaltstyp anlegen, der als Bildergalerie fungieren soll. Hierzu benötigen wir nur wenige, einfache Schritte:

unter "admin/structure/types/add" legen wir uns einen neuen Inhaltstypen mit dem Namen "Bildergalerie" an.
Wir wählen unter dem Reiter "Veröffentlichungseinstellungen" die Option "Auf der Startseite" ab, sonst würde unsere Bildergalerie direkt - unformatiert - angezeigt.
Die weiteren Einstellungen können übernommen werden.
Wir klicken nun auf "Speichern und Felder hinzufügen".
Im nächsten Schritt entfernen wir das Body-Feld. Man könnte es natürlich auch als Beschreibung der Galerie benutzen, aber im Folgenden ignorieren wir dieses Feld.
Als Nächstes fügen wir ein neues Feld vom Typ "Bild" mit dem Steuerelement "Bild" hinzu. Beschriftung und Feldname sind beliebig.
Nach Klicken auf "Speichern" gelangen wir in die Konfiguration des neuen Feldes.
Wir wählen "Pflichtfeld" aus, denn was wäre eine Bildergalerie ohne Bilder ;-)
Bei "Anzahl von Werten" auf der nächsten Seite wählen "Unbegrenzt", denn der Maximalwert von 10 wäre für unsere Zwecke nicht ausreichend.
Nachdem wir unsere Einstellungen gespeichert haben, können wir unsere erste Bildergalerie anlegen.

Wie erstellen uns unter "node/add" also einen neuen Inhalt vom Typ "Bildergalerie". Titel ist beliebig, ebenso die Anzahl und Art der Bilder (lediglich die php-Settings setzen hier eine Grenze für die Speichergröße hochzuladender Dateien).

Nach dem Speichern erhalten wir eine unformatierte Ansammlung von Bildern. Im nächsten Schritt werden wir die Galerie ein wenig verschönern...

Die Ansicht "Bildergalerien"

Wir erstellen uns einen neuen View unter "admin/structure/views/add". Hier wählen wir "Create a page" und wählen im Bereich
Anzeigen "Inhalt" of type "Bildergalerie" sorted by "Titel"
Im Bereich "Anzeigeformat" wählen wir
"Unformatted list" von "fields"
und klicken danach auf "Continue & edit"
Im Bereich "Format" klicken wir auf "Einstellungen" und wählen als "Gruppierungsfeld" den Wert "Inhalt: Titel".
Nun fügen wir unsere Bilder als Felder hinzu: "Felder" -> "hinzufügen".
Hier wählen wir "Inhalt: Bilder" (je nachdem, wie man sein Bilder-Feld benannt hat.
Als Formatierer wählen wir "Colorbox", im Node image style wählen wir "thumbnail" oder "medium" und bei Colorbox image style den Wert "Keine (Originalbild)".
Im Fieldset Multiple Field Settings setzen wir das Häkchen bei "Display all values in the same row", wählen "Einfacher Separator" aus und drücken im Separator-Feld einfach einmal auf die Leertaste.

Danach haben wir im Vorschaubereich unseres Views eine nette kleine Bildergalerie. Das Klicken auf die einzelnen Bilder führt noch nicht zum gewünschten Verhalten (Colorbox), da diese Javascripts nicht in der Viewsansicht funktionieren.

Wir geben unserem View nun unter Seiteneinstellungen -> Pfad nun noch einen netten Pfad wie z.B. "/bildergalerien.html" aus und speichern unsere Ansicht.

Wenn man nun auf die "Seite" /bildergalerien.html geht, erhält man eine kleine aber feine Bildergalerie, inkl. Colorbox.