Springe zum Hauptinhalt

So erstellen Sie eine Bildergalerie mit Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie wissen, wie Sie mit Elementor eine Bildergalerie erstellen?

Die Bildergalerie ist eine der Arten von Plugins, die durch Elementor ersetzt werden können. Wenn Elementor auf Ihrer WordPress-Website installiert und aktiviert ist, müssen Sie kein neues Plugin installieren, um eine Bildergalerie zu erstellen.

Elementor verfügt über zwei Widgets, mit denen Sie eine Bildergalerie erstellen können: Basic Gallery und Gallery. Sie können das Basis-Galerie-Widget verwenden, um eine Bildergalerie zu erstellen. Während Sie das Galerie-Widget verwenden, können Sie damit eine erweiterte Galerie erstellen.

Lesen Sie auch: So erstellen Sie einen Verlaufsbalken in Elementor

Falls Sie es nicht wussten, Elementor ist ein WordPress Page Builder-Plugin. Sie können damit eine Webseite auf Ihrer Website erstellen, ohne sich mit CSS befassen zu müssen.

So erstellen Sie eine Bildergalerie in WordPress mit Elementor

Bevor Sie beginnen, stellen Sie sicher, dass Elementor auf Ihrer WordPress-Website installiert und aktiviert ist. Sie können das Bild entweder zu einem Artikel oder auf einer Seite hinzufügen. Um einen Artikel / eine Seite mit Elementor zu bearbeiten, klicken Sie auf die Schaltfläche Bearbeiten mit Elementor über dem Gutenberg-Editor.

Sie werden zum Elementor-Editor weitergeleitet, nachdem Sie auf geklickt haben Bearbeiten mit Elementor über. Bevor Sie mit dem Hinzufügen von Inhalten zum Bearbeitungsfeld beginnen, können Sie zunächst das Layout festlegen. Öffnen Sie dazu das Einstellungsfenster, indem Sie auf das Zahnradsymbol in der unteren linken Ecke klicken. Sie können das Layout in der Option festlegen Layout.

Erstellen Sie eine Bildergalerie mit dem Basis-Galerie-Widget

Wenn Sie fertig sind, fügen Sie einen neuen Abschnitt hinzu und ziehen Sie das Basisgalerie-Widget aus dem linken Bereich in das Bearbeitungsfeld.

Klicken Sie auf die Bildauswahl, um die Bilder auszuwählen, die Sie der Galerie hinzufügen möchten. Wenn die Bilder noch nicht in Ihrer WordPress-Mediengalerie vorhanden sind, laden Sie sie einfach hoch.

Klicken Sie auf die Schaltfläche Erstelle eine neue Galerie um die ausgewählten Bilder zur Galerie hinzuzufügen. Dann ordnen Sie sie neu an.

Siehe auch: So fügen Sie in Elementor ein Bild zu Text hinzu

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Sie können die Bildgröße, die Anzahl der Spalten und den hellen Bereich im Block einstellen Galerie der Bilder sous die Registerkarte Inhalt.

So erstellen Sie eine Bildergalerie mit Elementor

Sie können auf die Registerkarte zugreifen Stil um die Galerie anzupassen. Sie können den Abstand und den Rahmentyp auf dem Block einstellen Bilder. Um die Legende anzupassen, können Sie den Block öffnen Legende.

Erstellen Sie eine Bildergalerie mit dem Galerie-Widget

Das Galerie-Widget bietet mehr Anpassungsoptionen als das grundlegende Galerie-Widget. Sie können drei verschiedene Layouts verwenden: Raster, Blocksatz und Mauerwerk. Sie können auch die Overlay-Farbe, Beschreibung, Zeigeanimation usw. festlegen.

Lesen Sie auch: So beheben Sie, dass die automatische Videowiedergabe in Elementor nicht funktioniert

Bitte beachten Sie, dass das Galerie-Widget nur in der Pro-Version von Elementor verfügbar ist.

Um mit dem Erstellen einer Bildergalerie mit dem Galerie-Widget zu beginnen, ziehen Sie es aus dem linken Bereich in den Bearbeitungsbereich. Klicken Sie auf die Bildauswahl und wählen Sie die Bilder aus, die Sie der Galerie hinzufügen möchten, wie oben beschrieben.

Wenn Sie mit dem Hinzufügen von Bildern fertig sind, klicken Sie auf den Block Einstellungen unter der Registerkarte Inhalt. Stellen Sie den Galerietyp auf die Option Art.

Mit dem Galerie-Widget können Sie wie folgt eine Bildergalerie mit mehreren Registerkarten erstellen. Wählen Sie einfach die Option Mehrere wenn Sie eine Galerie mit mehreren Registerkarten wie der folgenden erstellen möchten.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

So erstellen Sie eine Bildergalerie mit Elementor

Noch im Block Einstellungen, Legen Sie das Galerie-Layout, die Anzahl der Spalten, den Abstand zwischen den Bildern, das Seitenverhältnis und die Bildgröße fest.

So erstellen Sie eine Bildergalerie mit Elementor

Öffne den Block Auflage um die Überlagerung zu aktivieren. Sie können den Titel und die Beschreibung des Bildes auf dem Overlay-Hinweis anzeigen, wenn Sie möchten.

Wenn Sie den Bildtitel oder die Bildbeschreibung anzeigen möchten, müssen Sie das einzelne Bild in der Galerie bearbeiten. Bearbeiten Sie den Alternativtext, den Titel, die Bildunterschrift oder die Beschreibung, je nachdem, was Sie im Bild-Score anzeigen möchten.

Gehen Sie zur Registerkarte Stil um Ihre Galerie anzupassen. Es stehen 3 Optionsblöcke zur Verfügung (4, wenn Sie mehrere Tab-Galerien erstellen).

  • Bild

Von diesem Block aus können Sie Bildrandfarbe, Randradius, Bildanimation und CSS-Filter einstellen.

  • So erstellen Sie eine Bildergalerie mit ElementorAuflage

Mit diesem Block können Sie das Overlay anpassen. Sie können die Überlagerungsfarbe, die Punktanimation und den Mischmodus festlegen.

  • Inhalt

Mit diesem Block können Sie den Inhalt Ihres Bildes anpassen. Inhalt bezieht sich auf den Titel und die Beschreibung des Bildes, das Sie im Block definiert haben Überlagerung Tab Inhalt.

Sie können Ausrichtung, vertikale Position, Füllung, Textfarbe, Typografie (Schriftart, Schriftfamilie, Schriftgröße) und Zeigeanimation einstellen.

So erstellen Sie eine Bildergalerie mit Elementor

Sobald Sie mit dem Anpassen Ihrer Galerie fertig sind, können Sie auf die Schaltfläche klicken VERÖFFENTLICHUNG unten im linken Panel. Sie können Ihre Seite auch zuerst in der Vorschau anzeigen, indem Sie auf das Augensymbol klicken.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie mit Elementor eine Bildergalerie erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren