Möchten Sie einer Seite ein Akkordeon von Bildern hinzufügen? Elementor ?

Das ist großartig, denn mit dem Bildakkordeon können Sie Bilder kreativer anzeigen. Leider, Elementor hat kein Standard-Widget, mit dem Sie einer Seite oder Vorlage ein Akkordeon aus Bildern hinzufügen können.

Wenn Sie wirklich ein Bildakkordeon hinzufügen möchten, können Sie ein Addon oder Addon installieren, das mit einem Bildakkordeon-Widget geliefert wird. Eines der Add-Ons, die Sie installieren können, ist JetTabs.

JetTabs ist ein Add-on Elementor Familienmitglied JetPlugins, eine Reihe von Elementor-Add-Ons, die von Crocoblock entwickelt wurden. JetTabs enthält vier Widgets: Swicther, Tabs, Image Accordion und Classic Accordion.

So fügen Sie das Bildakkordeon in Elementor mit JetTabs hinzu

Bevor Sie beginnen, vergewissern Sie sich, dass Sie das JetTabs-Add-On installiert und aktiviert haben. Sie können dieses Add-on für nur 23 $ pro Jahr erwerben. Alternativ können Sie JetTabs auch mit einer einmaligen Kaufoption über das Themenpaket Jupiter X oder Monstroid2 erhalten.

Lesen Sie auch: So erstellen Sie ein einseitiges Navigationsmenü in Elementor

Wenn Sie fertig sind, erstellen Sie eine neue Seite (Seiten -> Neu hinzufügen) oder einen neuen Beitrag (Beiträge -> Hinzufügen) und bearbeiten Sie ihn mit Elementor. Natürlich können Sie auch eine bestehende Seite oder einen Beitrag bearbeiten.

Ziehen Sie im Elementor-Editor das Bild-Akkordeon-Widget aus dem Widget-Bedienfeld in den Bearbeitungsbereich.

Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu

Sobald das Bild-Akkordeon-Widget hinzugefügt wurde, gehen Sie zum linken Bereich, um es anzupassen. Standardmäßig besteht das Akkordeon aus drei Elementen. Um jedem Element ein Bild hinzuzufügen, öffnen Sie einfach ein Element unter dem Elementblock und klicken Sie auf die Bildauswahl. Sie können auch den Titel, die Beschreibung und den Schaltflächenlink des Elements festlegen.

Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu

Wiederholen Sie die obigen Schritte für die anderen Elemente. Um dem Akkordeon ein neues Element hinzuzufügen, klicken Sie einfach auf die Schaltfläche Fügen Sie einen Artikel hinzu.

Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu

Öffne den Block Einstellungen unter der Registerkarte Inhalt , um die Ausrichtung (vertikal oder horizontal), die aktive Elementgröße, die Animationsdauer und den Easing-Effektstil festzulegen.

Akkordeon-Stilisierung

Um Ihr Akkordeon zu stylen, können Sie auf die Registerkarte zugreifen Design im linken Panel. Es gibt 7 Blöcke, die Sie öffnen können, um das Akkordeon zu stylen. Im ersten Block (Container-Block) können Sie Akkordeonhöhe, Hintergrundfarbe, Randradius und Schlagschatten einstellen.

Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu

Im Item-Block können Sie den Abstand zwischen Items, die Item-Hintergrundfarbe, den Item-Randradius und den Item-Box-Schatten einstellen.

Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu

Sie können mit den anderen 5 Blöcken spielen, um andere Styling-Optionen zu erstellen. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche veröffentlichen/Aktualisiere deine Seite.

Voila.

Holen Sie sich Elementor Pro jetzt!!!

Zusammenfassung

Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Fügen Sie einer Elementor-Seite ein Bildakkordeon hinzu. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, lassen Sie es uns innerhalb wissen 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.

...