[ad_1]
Heutzutage wird alles in WordPress immer visueller. Mit Gutenberg kannst du mehr visuelle Inhaltstypen hinzufügen als mit dem klassischen Editor. Dennoch reicht Gutenberg nicht aus, wenn du bei der Erstellung einer Seite auf deiner WordPress-Website wirklich Wert auf Design legst. Du brauchst einen speziellen Page Builder wie Divi Builder und Elementor, die einen anständigeren visuellen Editor haben. Sie ermöglichen es dir auch, mehr Designelemente zu deiner Seite hinzuzufügen und bieten mehr Styling-Optionen. Eines der Designelemente, die du hinzufügen kannst, ist das Karussell.
Im Kontext des Webdesigns bezieht sich Karussell auf ein Verhalten, bei dem der Inhalt wie eine Folie dargestellt wird, aber andere Teile des Inhalts weiterhin sichtbar sind. Hier ist das Beispiel.
Einige Page Builder Plugins wie Elementor (lesen: Elementor vs. Divi) und Brizy kommen mit einem Standard-Design-Element, um ein Inhaltskarussell hinzuzufügen. Divi hat leider keins. In Divi musst du ein zusätzliches Plugin installieren, um ein Inhaltskarussell hinzuzufügen. In diesem Beitrag zeigen wir dir, wie du mit Divi Supreme ein Inhaltskarussell in Divi hinzufügen kannst.
Divi Supreme ist eines der beliebtesten Divi-Plugins. Es wird mit 40 Modulen geliefert, mit denen du deiner Divi-Seite weitere kreative Elemente hinzufügen kannst, darunter auch Karussells. Außerdem kannst du mit dem Plugin auch ein Popup in Divi erstellen. Hier sind die wichtigsten Funktionen von Divi Supreme:
- 40 Divi-Module
- Popup-Builder
- Element Scheduler
Wie füge ich ein Inhaltskarussell in Divi mit Divi Supreme hinzu?
Divi Supreme ist ein Freemium-Plugin. Du musst jedoch die Pro-Version verwenden, um ein Inhaltskarussell hinzuzufügen, da die Module zum Hinzufügen von Inhaltskarussellen nur in der Pro-Version verfügbar sind. Du kannst die Pro-Version von Divi Supreme kaufen auf dem Divi-Marktplatz.
Es gibt 4 Module, die Divi Supreme anbietet, um ein Inhaltskarussell hinzuzufügen:
- Blog-Karussell: So erstellst du ein Karussell aus Blogbeiträgen.
- Karten-Karussell: Um ein Karussell zu erstellen, bei dem der Inhalt manuell hinzugefügt wird. Nützlich, um ein Karussell für Zeugnisse zu erstellen.
- Bild-Karussell: Um ein Bildkarussell zu erstellen.
- Post-Karussell: Um ein Karussell aus Seiten und WooCommerce-Produkten zu erstellen.
In diesem Beitrag zeigen wir dir, wie du mit dem Modul Image Carousel ein Bildkarussell erstellen kannst. Du kannst dieses Modul nutzen, um deine Kunden, Partner oder andere Elemente deines Unternehmens zu präsentieren.
Bevor du loslegst, solltest du sicherstellen, dass du die Pro-Version von Divi Supreme auf deiner Divi-basierten WordPress-Seite installiert hast. Sobald du bereit bist, erstelle eine neue Seite (Seiten -> Neu hinzufügen) und bearbeite sie mit Divi. Du kannst natürlich auch eine bestehende Seite bearbeiten. Füge im Divi Builder Editor ein neues Modul hinzu, indem du auf die graue Schaltfläche klickst und Supreme Image Carousel.
Klicken Sie im erscheinenden Einstellungsfenster auf die Plus-Schaltfläche auf der Seite Bild-Karussell Block unter dem Inhalt Tab, um deine Bilder hinzuzufügen. Ein kleiner Hinweis. Achte darauf, dass du für dein Karussell Bilder mit der gleichen Größe (Dimension) verwendest, damit es ordentlich aussieht. Du kannst deine Bilder mit Tools wie Photoshop und GIMP bearbeiten.
Sobald die Bilder hinzugefügt sind, kannst du die Karussell-Einstellungen Block, um die Grundeinstellungen für dein Karussell vorzunehmen. Du kannst Dinge wie den Karussell-Effekt, die Richtung des Karussells, die Anzahl der anzuzeigenden Folien, die Geschwindigkeit des Schiebereglers, die automatische Wiedergabe und so weiter einstellen.
Wenn du das Leuchtpult aktivieren willst, kannst du den Leuchtkasten-Einstellungen Block. Um den Hintergrund des Karussells einzustellen, kannst du den Block Hintergrund Block.
Styling für das Karussell
Sobald du die Grundeinstellungen für das Karussell vorgenommen hast Inhalt Registerkarte auf dem Einstellungsfeld kannst du zum Design Registerkarte, um das Karussell zu gestalten. Es gibt 10 Blöcke, die du auf dieser Registerkarte öffnen kannst.
Du kannst diesen Block öffnen, um die horizontale Ausrichtung des Karussellinhalts festzulegen.
Du kannst diesen Block öffnen, um die Position des Pfeils, die Farbe des Pfeils, die Größe des Pfeils und die Farbe der Paginierung (der Punkte) festzulegen.
Du kannst diesen Block öffnen, um das Bild des Inhalts zu gestalten. Du kannst Dinge wie den Radius des Bildrandes, den Schatten der Bildbox und CSS-Filter einstellen.
Du kannst diesen Block öffnen, um die Größe des Bildkarussell-Moduls und die Ausrichtung festzulegen.
Du kannst diesen Block öffnen, um die Abstände des Bildkarussell-Moduls einzustellen. Es gibt zwei Einstellungen, die du hier vornimmst: margin und padding.
Du kannst diesen Block öffnen, um den Rahmen des Bildkarussell-Moduls einzustellen. Du kannst Dinge wie die Breite des Rahmens, den Radius des Rahmens, die Farbe des Rahmens und den Stil des Rahmens einstellen.
Du kannst diesen Block öffnen, um dem Image Carousel Modul einen Box Shadow hinzuzufügen.
Du kannst diesen Block öffnen, um CSS-Filter für das Bildkarussell-Modul hinzuzufügen.
Divi Builder verfügt über eine eingebaute Funktion, um CSS-Transformationen auf ein Modul anzuwenden. Du kannst diesen Block öffnen, um die CSS-Transformation auf das Modul Image Carousel anzuwenden. Lies diesen Artikel, um mehr zu erfahren.
In diesem Block kannst du die Eingangsanimation des Bildkarussell-Moduls einstellen. Du kannst aus 7 verschiedenen Eingangsanimationen wählen.
Wenn du mit der Anpassung des Karussells fertig bist, klicke auf das grüne Checklistensymbol in der unteren rechten Ecke des Einstellungsfeldes, um die Änderungen zu übernehmen. Dann klickst du auf das Veröffentlichen Schaltfläche in der rechten unteren Ecke des Divi Builder Editor, um die Seite zu veröffentlichen.
Die Quintessenz
Wenn es um Designelemente geht, bleibt Divi Builder tendenziell hinter anderen Wettbewerbern wie Elementor und Brizy zurück. Glücklicherweise unterstützt Divi Builder Erweiterungen, so dass Drittentwickler ein Plugin entwickeln können, um die Modulsammlungen zu erweitern. Wenn du auf deiner Divi-Seite ein Inhaltskarussell hinzufügen möchtest, ist Divi Supreme eines der Plugins, die du installieren kannst. Es ermöglicht es dir, ein Inhaltskarussell aus einer Vielzahl von Inhaltstypen hinzuzufügen. Von Blogbeiträgen, WooCommerce-Produkten, Seiten bis hin zu Bildern.
[ad_2]
