--- title: "Das Ari WordPress-Theme jetzt mit Bildergalerie" author: "Ellen Bauer" date: 2011-01-27 lang: de source: https://elmastudio.de/das-ari-wordpress-theme-jetzt-mit-bildergalerie/ --- # Das Ari WordPress-Theme jetzt mit Bildergalerie Nachdem ich ja vor ein paar Tagen im Artikel ["Die WordPress-Bildergalerie nutzen"](https://elmastudio.de/die-standard-bildergalerie-von-wordpress-nutzen/) schon ausführlicher über die praktische Galerie-Funktion von WordPress berichtet hatte, gibt es heute noch ein kleines **Ari-Theme Update (Version 1.0.3)**, da wir die Galerie auch in unserem Theme optimiert haben. Da Ari ja für die iPad- und iPhone-Ansicht optimiert ist, haben wir die Galerie-Funktion diesbezüglich noch etwas angepasst und auch die Gestaltung der Bildunterschriften (captions) ist jetzt ans Theme angeglichen. ## 1. Die Bildergalerie in der Live-Demo Am besten du schaust dir die Bildergalerie einfach in der Ari Live-Demo an. Über die **Theme testen-Option** ganz oben in der rechten Sidebar kannst du dir die Bildergalerie auch in der dunklen Theme-Variante ansehen. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-01.jpg) *Die Bildergalerie im Standard-Layout von Ari.* ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-02.jpg) *Die Galerie in der dunklen Theme-Variante.* ## 2. So kannst du die Bildergalerie im Ari-Theme nutzen Um die Galerie in einem Artikel oder eine Seite zu nutzen, verwendest du am besten den HTML-Editor in WordPress, klickst dort die gewünschte Stelle im Textfeld an, und lädst deine Bilder dann über die **Bild Hochladen-Funktion** hoch. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-03.jpg) *Bild Hochladen-Funktion in WordPress Artikeln.* Nachdem du das erste Bild hochgeladen hast (achte darauf, dass du zum Speichern des Bildes nicht auf "In Artikel einfügen", sondern auf "Alle Änderungen speichern" klickst), erscheint im Menü des Uploaders der neue Punkt **Galerie**. Indem du jetzt einfach wieder auf "Vom Computer" klickst, kannst du weitere Bilder in die Galerie einfügen. Hast du alle Bilder hochgeladen, wählst du die Galerie an. Hier siehst du bereits eine Auflistung deiner eben hoch geladenen Bilder. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-04.jpg) Über die Option **Galerieeinstellungen** kannst du jetzt noch einige Anpassungen machen, bevor du den Code für deine Bildergalerie in den HTML-Editor einfügst. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-05.jpg) Als Verlinkung der Miniaturbilder kannst du wählen, ob du über **Bilddatei** direkt auf das Bild linken möchtest (bei dieser Wahl ist auch die Verwendung einer Lightbox möglich), oder ob du auf eine eigene, neue Seite linken möchtest (damit auch einzelne Bilder von deinen Lesern kommentiert werden können). Weitere Optionen sind die Anordnung deiner Bilder, der Reihenfolge der gewählten Anordnung und die Spaltenanzahl der Bilder-Vorschau. Für das Ari-Theme sind **drei Spalten** am besten geeignet. Indem du jetzt **Galerie einfügen** auswählst, fügst du den benötigten Gallery-Shortcode für die Ansicht der Galerie in einem Artikel oder einer Seite automatisch ein. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-06.jpg) *Der Gallery-Shortcode im HTML-Editor.* Es gibt noch weitere Möglichkeiten, die Ansicht deiner Bildergalerie mit Hilfe von Shortcode-Optionen zu verfeinern. Eine genaue Beschreibung hierfür findest du in unserem [Artikel über die WordPress-Bildergalerie](https://elmastudio.de/die-standard-bildergalerie-von-wordpress-nutzen/) oder direkt im [WordPress-Codex](https://codex.wordpress.org/Gallery_Shortcode). ## 3. Die WP-Bildergalerie in Kombination mit einer Lightbox Am schönsten wird die Bildergalerie-Funktion, wenn du sie (wie auch in der Ari Live-Demo) in Kombination mit einem jQuery Lightbox-Plugin verwendest. ![WordPress-Theme Ari mit Bildergalerie](https://elmastudio.de/wp-content/uploads/2011/01/ari-theme-update-bildergalerie-07.jpg) *In der Ari-Theme-Demo haben wir das Auto Thickbox-Plugin verwendet.* Dazu kannst du z.B. [Auto Thickbox](https://wordpress.org/plugins/auto-thickbox/) nutzen oder das Plugin [jQuery Lightbox for Native Galleries](https://wordpress.org/plugins/jquery-lightbox-for-native-galleries/) (hier wird dann die [jQuery Colorbox](http://colorpowered.com/colorbox/) verwendet). ### Die aktuelle Version des Ari Free-Themes downloaden Die **aktuelle Version des Ari-Themes** (inklusive einer ausführlichen Dokumentation) kannst du dir im Artikel ["Ari: Ein kleines, minimalistisches WordPress Free-Theme vorbereitet für mobile Geräte"](https://elmastudio.de/themes/ari-wordpress-theme/) herunterladen. Wie gefällt dir die Galerie-Funktion für das Ari-Theme? Hast du noch Vorschläge oder Wünsche für weitere Ari Theme-Optimierungen? Über dein Feedback und deine Vorschläge freuen wir uns sehr!