Seit der WordPress Version 2.5 gibt in WordPress eine eigene Bildergalerie-Option. Alle Bilder, welche über die WordPress-Mediathek zu einem Artikel oder einer Seite zugeordnet werden, sind automatisch in der Galerie des jeweiligen Artikels integriert. Mit Hilfe des WordPress Gallery-Shortcodes kannst du so eine Bildergalerie mit Vorschaubildern in einem Artikel, einer Seite oder sogar über die Template-Dateien deines Themes anzeigen. Zusätzlich kannst du noch ein jQuery Lightbox-Plugin nutzen, deine Galerieansicht mit Hilfe von CSS individuell stylen und vieles mehr. Die WordPress eigene Bildergalerie ist also durchaus eine tolle Alternative zu entsprechenden Plugin-Lösungen, wie z.B. dem beliebten NextGen Gallery-Plugin.

WordPress Bildergalerie nutzen
Die Standard Bildergalerie von WordPress im Einsatz.

1. Die WordPress-Bildergalerie im Überblick

Wenn du deine Bilder über die Upload-Funktion im WP-Adminbereich (unter Hochladen / Einfügen, Bild hinzufügen) hochlädst, werden automatisch alle Bilder in einer Galerie des jeweilgen Artikels gesammelt. Die Galerie-Übersicht findest du, indem du auf Bild hochladen klickst, und dort im Menü Galerie auswählst.

WordPress Bildergalerie nutzen

Über die Galerie-Einstellungen kannst du noch Verlinkung des Bildes, die Anordnung, Reihenfolge und Spaltenanzahl wählen.

Indem du Galerie einfügen wählst, wird der WordPress Gallery-Shortcode in den aktuellen Artikel oder die Seite eingefügt. Über den HTML-Editor kannst du diesen Shortcode jetzt noch mit Hilfe von Shortcode-Optionen anpassen.

2. Der Gallery Shortcode

Neben der automatischen Integration über das Galerie-Menü kannst du den Gallery-Shortcode natürlich auch manuell an die gewünschte Stelle in deinem Artikel/Seiten-Text eintragen. Um alle Bilder, die über die Meditathek zum Artikel oder zur Seite zugeordnet wurden, in einer Vorschau-Galerie anzuzeigen reicht es, einfach nur [gallery] einzugeben.

Natürlich hast du über den Shortcode noch etliche Optionen, um die Ansicht der Bildergalerie zu beeinflussen.

Anzahl der Spalten

Die Anzahl der Spalten deiner Bildergalerie bestimmst du, indem du die Option columns angibst.
[gallery columns="4"]

Bildergalerie eines anderen Artikels

Um die Bildergalerie eines anderen Artikels in einem Artikel oder einer Seite zu integrieren, gibst du zusätzlich noch die Artikel-ID Nummer an.
[gallery columns="4" id="167"]

Die Größe der Thumbnails

Die Größe der Vorschaubilder (thumbnails) kannst du wählen, indem du “thumbnail”, “medium”, “large” and “full” bei size einträgst.
[gallery columns="4" id="167" size="medium"]

Einstellen kannst du die Maße dieser verschiedenen Standard-Bildgrößen, indem du die Pixel-Werte bei Einstellungen / Mediathek “Bildgröße” anpasst.

Einzelne Bilder aus der Galerie ausschließen

Um einzelne Bilder aus der Galerie auszuschließen, gibt es die Option exclude. Du musst die Option zusammen mit den entsprechenden Bild-IDs angeben.
[gallery columns="4" id="167" size="medium" exclude="523"]

Die ID eines Bildes kannst du herausfinden, indem du es in Mediathek / Medienübersicht anklickst. Die ID ist dann über die URL in der Addressleiste deines Browsers sichtbar.

WordPress Bildergalerie nutzen

Nur bestimmte Bilder in der Galerie anzeigen

Um nur eine kleine Auswahl, der dem Artikel zugeordneten Bilder zu nutzen, kannst du im Gegenzug auch die Option include nutzen (wieder mit der Angabe der entsprechenden Bild-ID).
[gallery columns="4" id="167" size="medium" include="523, 533"]

Einige weitere Optionen für den Gallery Shortcode (z.B. captiontag, icontag, link) kannst du dir außerdem im WordPress-Codex anschauen.

3. Eine Bildergalerie in den Template-Dateien des Themes verwenden

Neben der Integration von Bildergalerien direkt in den Inhalt eines Artikels oder einer Seite, kannst du die Galerie-Funktion von WordPress auch direkt in deinen Template-Dateien nutzen.

Um z.B. eine Galerie in der Sidebar anzuzeigen, integrierst du dazu in deine sidebar.php Datei den Code:

<?php echo do_shortcode('[gallery columns="4" id="167" size="medium" include="523, 533"]'); ?>

4. Die standardmäßig im Content (body-tag) integrierten CSS-Styles der Gallery entfernen und im Haupt-Stylesheet deines Themes integrieren

Um zu vermeiden, dass die Standard CSS-Styles der WordPress-Gallery innerhalb des Contents eingefügt werden, sollte man folgenden WordPress-Filter in die functions.php des Themes einfügen.

[php]
add_filter(‘gallery_style’, create_function(‘$a’, ‘return "
<div class=\’gallery\’>";’));
[/php]

Im nächsten Schritt kann man dann die Bildergalerie-Styles in das Haupt-Stylesheet des Themes (style.css) einfügen:

[php]
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
[/php]

Auf diese Weise kann man dann die Gestaltung der Bildergalerie auch ganz leicht selbst anpassen.
(Code-Quelle: sivel.net)

Die Plugin-Lösung nutzen

Wer sich nicht so gerne an die Template-Dateien seines WordPress-Themes herantraut, kann auch das von Sivel vorbereitete WordPress-Plugin mit der gleichen Funktion nutzen. Mit Hilfe von Gallery Shortcode Styles to Head werden die CSS-Styles automatisch in den head-tag deines Themes umgezogen.

Außerdem hast du in den Plugin-Optionen (unter Einstellungen / Mediathek, “Gallery CSS Styles”) die Möglichkeit, die Standard CSS-Styles komplett zu deaktivieren. So kannst du deine eigenen Styles (wie im Code-Beispiel in Punkt 4 bereits beschrieben) in der style.css Datei deines Themes einfügen.

WordPress Bildergalerie nutzen
Die Einstellungs-Möglichkeiten des Gallery Shortcode Styles to Head-Plugins.

Wenn du die Integration im head-Tag beibehalten möchtest (z.B. um die Einstellungen auch beim Theme-Wechsel weiter nutzen zu können), kannst du individuelle CSS-Styles in das Feld bei “Modify gallery CSS style” eintragen.

Weitere Infos zur Plugin-Lösung kannst du in den FAQs des Plugins bei WordPress.org nachlesen.

5. Die Standard-Bildergalerie von WordPress mit Lightbox

Normalerweise wird jedes Bild einer WordPress-Bildergalerie zur Großansicht in einer neuen eigenen Seite geöffnet. Das hat den Vorteil, dass deine Bilder auch einzeln von Lesern kommentiert werden können.

Möchtest du für die Großansicht der Bilder lieber eine Lightbox-Ansicht nutzen, kannst du dir entweder eine eigene jQuery Lightbox-Lösung (z.B. Thickbox, Fancybox, prettyPhoto) auswählen. Für deinen gallery-Shortcode solltest du dann immer die Option Link zur Datei wählen, damit die Lightbox auch bei der Galerie funktioniert.
[gallery link="file"]

Alternativ gibt es das praktische Plugin jQuery Lightbox for Native Galleries, um eine Lightbox-Lösung in der Standard-Bildergalerie von WordPress zu verwenden.

Das Plugin nutzt das sehr schön umgesetzte jQuery Lightbox-Plugin Colorbox. Auf der Plugin-Homepage kannst du dir eine Galerie-Demo ansehen.

WordPress Bildergalerie nutzen

Wie gefällt dir die WordPress Bildergalerie-Funktion? Verwendest du die Galerie selbst, oder gefallen dir die Plugin-Lösung doch besser? Über dein Feedback, sowie weitere Tipps freue ich mich sehr!