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

Die Bildergalerie ist eine der Arten von Plugins, die ersetzt werden können Elementor. Zusammen Mit Elementor auf Ihrem installiert und aktiviert Webseite WordPress, 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 vorhandenen Wirkstoffe zu einem WordPress Plugin Seitenerstellung. Sie können es verwenden, um eine Webseite auf Ihrem zu erstellen Webseite ohne sich mit CSS beschäftigen zu müssen.

So erstellen Sie eine Bildergalerie in WordPress mit Elementor

Bevor Sie beginnen, stellen Sie sicher, dass Elementor auf Ihrem installiert und aktiviert ist Webseite WordPress. Sie können das Bild entweder in einen Artikel oder auf eine Seite einfü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

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

Sie können auf die Registerkarte zugreifen Design 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.

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.

Ö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 Design 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.

• Auflage

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.

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.

Holen Sie sich jetzt Elementor Pro!

Zusammenfassung

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.

...