Es gibt verschiedene Möglichkeiten, Bilder und Videos auf einer Website zu präsentieren. Eine Variante, die bei Webdesignern, aber auch bei WordPress Neulingen nach wie vor beliebt ist, ist die Lightbox. Klickt der Besucher Ihrer Seite ein Vorschaubild an, wird der Hintergrund Ihrer Seite abgedunkelt und der Fokus liegt auf dem Bild, das über Ihrer Seite zu schweben scheint. Doch nicht nur für Bilder und Videoclips lässt sich eine Lightbox verwenden. Auch ein Kontaktformular oder weitere Eingabefelder werden mittlerweile häufig in dieser Form dargestellt. Mit einem WordPress Lightbox-Plugin lässt sich der eindrucksvolle Effekt einfach einrichten.
Rein technisch betrachtet handelt es sich bei einer Lightbox meist um ein einfaches Script, das in JavaScript programmiert wird. Beim Klick auf das Vorschaubild des Fotos auf der Landing-Page werden zwei neue Elemente eingefügt: ein halbtransparenter Hintergrund, der die Seite abdunkelt, und natürlich das Bild oder das Video selbst, das im Großformat darüber gelegt wird.
Die Lightbox kann entweder für einzelne Mediendateien verwendet werden, oder man baut mit dem Effekt eine komplette Galerie. In den meisten Fällen können sich Nutzer dann einfach durch die einzelnen Bilder oder Videos klicken. Oder sie wählen aus einer Übersicht mit Thumbnails das gewünschte Element aus, das dann in größerer Ansicht in der Lightbox dargestellt wird.
Worauf muss ich bei der Wahl des Plugins achten?
WordPress bietet Ihnen die Möglichkeit, eine Lightbox via Plugin zu Ihrer Seite hinzuzufügen. Neben der eleganten Ästhetik einer Lightbox hat diese auch den Vorteil, dass sich für den Nutzer keine neue Seite oder ein extra Taböffnet, nachdem er auf das Bild geklickt hat. Allerdings gibt es auch Lightbox-Plugins, die auf aufwendige Effekte setzen, wodurch die dazugehörigen JavaScript-Bibliotheken sehr aufgebläht werden. Das wiederum hat zur Folge, dass erst mehrere Hundert Kilobyte einer Seite geladen werden müssen, bevor die Lightbox angezeigt wird. Das fällt vor allem beim mobilen Surfen ins Gewicht, bei dem das Datenvolumen oft beschränkt ist und jedes Kilobyte zählt. Achten Sie also darauf, keine überflüssigen Plugins zu installieren, um die Performance Ihrer Website nicht zu beeinträchtigen.
Wie verwendet man in WordPress eine Lightbox-Gallery?
In WordPress werden Lightbox-Plug-ins genauso installiert und aktiviert wie alle anderen Erweiterungen auch. Damit Bilder oder ganze Galerien anschließend auch automatisch in einer Lightbox dargestellt werden, muss man allerdings zwei Punkte beachten:
Achten Sie darauf, dass das von Ihnen gewählte Theme mit dem Plugin umgehen kann. Sollte die Lightbox nicht wie erhofft angezeigt werden, müssen Sie eventuell das Theme oder Plugin austauschen. Sie haben aber auch die Möglichkeit, die Hersteller der Erweiterungen anzuschreiben oder in der Community um Hilfe zu bitten. Eventuell lösen bereits ein paar Anpassungen im CSS das Problem.
Wenn das Plug-in installiert und aktiviert ist, werden Ihre Bilder automatisch in einer Lightbox dargestellt – aber nur wenn diese auf sich selbst verlinken. Fügen Sie dafür einfach ganz normal ein Bild ein und achten Sie bei den Anzeige-Einstellungen für Anhänge darauf, dass der Link zur entsprechenden Medien-Datei führt.
Bilder und Galerien können Sie bei WordPress ganz einfach in Ihre Beiträge einfügen. Über den Gutenberg-Editor stehen Ihnen hierfür praktische Blöcke zur Verfügung, die die Medien-Dateien bereits ansprechend auf der Seite platzieren. Dass Sie die Option mit dem Link zur Medien-Datei aktivieren müssen, liegt daran, dass das Bild ansonsten nicht anklickbar wäre und sich damit auch nicht vergrößern ließe. Für den Verweis auf die Mediendatei brauchen Sie strenggenommen kein Lightbox-Plugin. Aber ohne solch ein Plugin bekommen die Besucher nach einem Klick ausschließlich das Bild im Browser angezeigt – die eigentliche Website ist nicht mehr zu sehen. Mit dem passenden Plugin wird hingegen der gewünschte Lightbox-Effekt erzielt.
Beliebte WordPress-Gallery-Lightbox-Plugins im Überblick
Im Folgenden wollen wir Ihnen vier Lightbox-Plugins vorstellen, die in der WordPress-Community sehr beliebt sind und sich über Jahre etabliert haben.
Dabei handelt es sich um ein sehr schlichtes Lightbox-Plugin, das genau das tut, was man erwartet: Bilder in einer Lightbox anzeigen. Diese ist in wenigen Sekundenbruchteilen einsatzbereit und skaliert entsprechend der jeweiligen Fenstergröße. Das macht sie perfekt für den Einsatz in responsiven Designs – ideal für den Aufbau Ihres Blogs. Außerdem kann Simple Lightbox mit Add-ons erweitert werden und somit zusätzliche Funktionen erhalten. So wird etwa das Einfügen von Videodateien möglich, die Ihren Blog oder Ihre Website dynamisch und abwechslungsreich erscheinen lassen.
Die Einstellungen des Plugins bestehen aus einer langen Liste, in der Sie Optionen ganz einfach an- oder abwählen. So können Sie beispielsweise einstellen, ob die Bilder in Ihren Galerien als Diashow dargestellt werden (und damit automatisch wechseln), oder ob der Nutzer selbst durch die Darstellungen in der Lightbox klicken kann.
Highlights von Simple Lightbox:
schmaler, unauffälliger Rahmen um das Bild
nutzerfreundliche Anzeige der Schaltflächen (sichtbare Pfeile zum Wechseln zwischen den Bildern und Schließen-Button)
Einblendung des Bildnamens
WP jQuery Lightbox zeichnet sich dank reduziertem JavaScript-Einsatz vor allem durch seine Ladegeschwindigkeit aus. Außerdem ist dieses WordPress Lightbox-Plugin auch bestens für Smartphones und Tablets geeignet, da sich durch einfaches Wischen das nächste Bild einer Bildergalerie aufrufen lässt. In einem separaten Untermenü im Backend lassen sich die Einstellungen des Plugins genau festlegen.
Der Einsatz der Erweiterung ist in seiner Standardkonfiguration genauso einfach wie Simple Lightbox: Sobald Sie das Plugin aktivieren, stehen Ihnen die Darstellungsmöglichkeit für einzelne Bilder oder komplette Galerien zur Verfügung. In den Einstellungsoptionen der Erweiterung finden Sie aber auch Shortcodes und HTML-Codes, mit denen Sie Ihre Galerie individueller gestalten können.
Highlights von WP jQuery Lightbox:
sehr reduziertes Design
keine dauerhaften Einblendungen auf dem Bild
auf Wunsch Integration eines Download-Buttons direkt unter dem Bild (Bild- und Urheberrechte beachten)
Wie es der Name schon verrät, ist dieses WordPress Lightbox-Plugin für die Darstellung von Videos prädestiniert. Ganz egal, ob es um die Einbindung von Flash-Dateien, YouTube-Clips oder Videos von Vimeo geht, mit WP Video Lightbox lassen sich die Dateien problemlos auf Ihrer Website einbetten.
Die Handhabung des Plugins ist etwas komplizierter, da Sie ausschließlich mit Shortcodes arbeiten können. Diese ermöglichen Ihnen aber, die Darstellung der eingebetteten Videos genau anzupassen. Über den Code legen Sie auch einen Vorschautext oder ein Thumbnail fest.
Ein besonders beliebtes Plugin für die responsive Darstellung ist Responsive Lightbox & Gallery. Die Erweiterung funktioniert nicht nur hervorragend auf mobilen Endgeräten wie Smartphones und Tablets, sondern gibt Nutzern auch zusätzliche Optionen für die Erstellung von Lightboxen. Im Gegensatz zu den anderen eher minimalistischen Erweiterungen bietet dieses Plugin also zahlreiche Features.
Nach Installation und Aktivierung des Plugins stehen zwei neue Menüpunkte zur Verfügung: „Galerien“ und „Lightboxen“. Dort findet man zahlreiche Einstellungsmöglichkeiten. Galerien legen Sie etwa unabhängig von Beiträgen an und treffen für jede einzelne Bildersammlung individuelle Einstellungen. So können Sie der Darstellung der Galerie auch einen eleganten Mouse-over-Effekt hinzufügen. Anschließend können Sie beim Erstellen des Beitrags die Galerie in einem Block auf die Seite bringen.
Fazit zu WordPress Lightbox-Gallery-Plugins
Die Auswahl an WordPress Lightbox-Plugins ist immens. Daher ist unsere Kurzvorstellung keineswegs erschöpfend, sondern kann nur einen kleinen Ausschnitt der verfügbaren Tools darstellen. Probieren Sie verschiedene Alternativen aus und finden Sie heraus, welches Plugin Ihnen am besten gefällt. Wählen Sie das Plugin, mit dem Sie Ihre Bilder und Videos so auf Ihrer Website präsentieren können, wie Sie es sich wünschen.
Vladimir Simović setzt seit 2000 mit HTML & CSS und seit 2004 mit WordPress Website-Projekte um. Seit jeher teilt er sein Wissen mit der Community und hat als einer der ersten Blogger im deutschsprachigen Raum zu den WordPress Anfängen Tipps und Tricks veröffentlicht. Seit 2022 ist er als Redakteur für STRATO tätig und verfasst Informationsartikel insbesondere zu WordPress und Hosting-Themen. Im Laufe der Jahre hat er Fachbücher sowie über 60 Fachartikel publiziert und weit über hundert WordPress Projekte betreut.
