In diesem Tutorial wird die Erstellung einer einfachen Bildergalerie gezeigt. Vorab werden die Bilder auf ein passendes Format (z. B. 1024x576px) konvertiert, umbenannt und in die Mediathek hochgeladen.

Wir ziehen die Basisgalerie in einen Inhaltsblock hinein:

 

Die Bildgröße stellen wir auf “Originalgröße” und klicken auf die graue Fläche mit dem Plus-Zeichen:

 

Nun wählen wir aus der Mediathek die gewünschten Bilder aus…

 

…und erstellen eine neue Galerie:

 

Jetzt haben wir die Möglichkeit, die Bilder richtig zu sortieren (falls die Reihenfolge nicht stimmt):

 

Der Klick auf diesen blauen Button…

 

…fügt die Bildergalerie ein. Wenn der Platz knapp ist, fehlt ein Zwischenraum von Bild zu Bild:

 

Wir klicken auf “Stil” und stellen die Abstände auf “Custom” (Benutzerdefiniert):

 

Nun ist ein deutlicher Abstand zwischen den Bildern zu sehen:

 

Ein Klick auf das Augen-Symbol ermöglicht eine Voransicht der Seite. Wenn alles passt, erfolgt der Klick auf den gezeigten Button…

 

…und die Bildergalerie ist im Frontend zu sehen:

 

Durch Klick auf ein Bild wird dieses vergrößert und der Hintergrund abgedunkelt (Lightbox-Effekt). Damit werden die eingestellten Bilder für den Besucher ansprechend präsentiert:

Hinweis:
Bei Nutzung von Elementor ist kein zusätzliches Plugin wie beispielsweise “Simple Lightbox” erforderlich, um die Bilder im Lightbox-Stil zu präsentieren!