Der ultimative Leitfaden zum Erstellen eines Divi-Sliders

Veröffentlicht: 2020-09-04

Divi von Elegant Themes ist eines der beliebtesten WordPress-Designs und Seitenersteller, die heute verfügbar sind. Dieser Seitenersteller ist ein Drag-and-Drop-Editor, mit dem Sie eine ganze Website erstellen können . Es gibt viele verfügbare Module, aus denen Sie auswählen können, und die das Erstellen einer Website erleichtern. In diesem Artikel werde ich die verfügbaren Slider-Module in Divi vorstellen. Außerdem zeige ich Ihnen eine Slider-Plugin-Alternative , die Ihre Website einzigartiger machen kann.

Divi Slider-Module

Die Verwendung eines Schiebereglers oder eines Blocks auf Ihrer Website ist heutzutage nichts Neues. Seitenersteller wie Divi haben bereits Optionen zum Erstellen eines Slider-Moduls für Ihre Seite, was die einfachste und schnellste Lösung zum Erstellen eines Sliders ist. Divi bietet 3 Arten von Slider-Modulen: einen einfachen Slider, einen Video-Slider und ein Post-Slider-Modul.

Divi Slider-Module
Verfügbare Divi-Slider-Module

Werfen wir einen Blick auf diese Module!

Slider-Modul

Das Divi-Slider-Modul kann eine großartige Lösung sein, wenn Sie einen einfachen Slider auf Ihrer Seite platzieren möchten. Jede Einstellung befindet sich im Divi-Builder , und Sie können sofort überprüfen, ob das Design passt oder nicht.

Divi Slider-Modul

Dieser Slider ist ein großartiges Slider-Modul, mit dem Sie Bilder oder Videos präsentieren, Text anzeigen und auch einen CTA darauf setzen können. Aus diesem Grund kann es eine schnelle Möglichkeit sein, einen Hero-Slider zu erstellen. Sie haben auch Anpassungsoptionen, wie das Festlegen der Typografie, der Farben oder des Stils Ihrer Aufzählungszeichen. Der Schieberegler hat eine Option zum Festlegen eines Schieberegler-Hintergrundbilds, in dem Sie die Größe des Bilds anpassen können. Zusätzlich können Sie ein Overlay darauf legen. Und Sie können sogar einen Parallax-Effekt hinzufügen, der Ihre Website professioneller machen kann.

👍 GUT
  • Einfach zu verwenden
  • Parallaxe-Hintergrund
  • Videohintergrund
  • Schieberegler auf Geräten ausblenden
👎 SCHLECHT
  • Sie können die Reihenfolge Ihrer Folieninhalte nicht ändern
  • Begrenzte Struktur

Video-Slider

Divi bietet ein weiteres Slider-Modul, um einen Video-Slider auf Ihrer Seite zu erstellen. Mit diesem Modul können Sie Ihre Videos organisieren . Sie können eine beliebige Quelle verwenden, Sie können beispielsweise einen beliebigen YouTube- oder Vimeo-Link einfügen oder Ihr eigenes mp4-Video hochladen. Es liegt also an Ihnen, welche Sie verwenden möchten. Es gibt Anpassungsoptionen ähnlich wie bei dem anderen Slider-Modul. Darüber hinaus können Sie auch die Miniaturbilder und die Wiedergabeschaltfläche anpassen.

Video-Slider-Modul

👍 GUT
  • Sie können jede Art von Video verwenden
  • Einfache Möglichkeit, eine Videogalerie zu erstellen
👎 SCHLECHT
  • Keine Autoplay-Option
  • Jedes Mal beginnt das Video von vorne

Post-Slider

Post-Slider in Divi
Das Erstellen eines sich dynamisch ändernden Post-Sliders eignet sich hervorragend, um unsere neuesten oder vorgestellten Posts zu präsentieren. Divi bietet ein Post-Slider-Modul, in dem Sie Ihren neuesten Beitrag anzeigen und festlegen können, wie viele Artikel Sie präsentieren möchten und in welcher Reihenfolge. Sie können das vorgestellte Bild als Folienhintergrund festlegen, den Titel und das Meta des Beitrags anzeigen und eine Schaltfläche „Weiterlesen“ einfügen, die auf den Beitrag selbst verweist.

👍 GUT
  • Dynamisch wechselnde Inhalte
  • Sie können aus Kategorien wählen
  • Anpassbare Anzahl und Reihenfolge der Posts
👎 SCHLECHT
  • Begrenztes Design und Struktur

Wie erstelle ich bessere Divi-Schieberegler?

Die Slider-Module in Divi sind großartig, aber ich denke, sie sind etwas begrenzt. Wenn Sie einen anpassbareren Slider erstellen möchten, lohnt es sich, ein Slider-Plugin zu finden, das mit Divi kompatibel ist. Smart Slider ist eines der besten Slider-Plugins in WordPress. Auch die kostenlose Version hat tolle Funktionen, mit denen Sie beginnen können. Smart Slider hilft Ihnen, benutzerdefinierte Designs zu erstellen, und Sie können jede Ebene anpassen . Dieses Plugin verfügt über ein Divi-Modul, sodass Sie es wie gewohnt veröffentlichen können.

Hoffentlich möchten Sie wissen, wie das Smart Slider 3-Plugin die Divi-Slider-Funktionalität verbessern kann. Eine der wichtigsten Verbesserungen ist, dass Sie Diashows mit mehr als 4 Ebenen in benutzerdefinierter Reihenfolge und Platzierung erstellen können.

Beispiel für einen ganzseitigen Portfolio-Slider

Smart Slider hat eine Ebenenliste, in der Sie aus mehr Arten von Ebenen auswählen können. Die Zeilen und Spalten helfen Ihnen bei der Strukturierung. Sie haben die Möglichkeit, Ihre Ebenen vertikal und horizontal auszurichten, eine maximale Breite festzulegen, beliebige Farben oder Typografien zu ändern, sodass Sie ein einzigartiges Design erstellen können . Wenn dies nicht ausreicht, können Sie die absolute Positionierung auf Ihren Ebenen verwenden, um den Schieberegler zu entwerfen. Durch die Kombination der verschiedenen Ebenen und Positionen können Sie mit Smart Slider 3 und Divi einige wirklich einzigartige Websites erstellen.

Wie verwende ich Smart Slider 3?

Smart Slider ist ein Slider-Plugin, das kostenlos im WordPress-Repository verfügbar ist. Einfach herunterladen und aktivieren. Dann können Sie mit der Erstellung Ihres Sliders beginnen. Es gibt viele vorgefertigte Vorlagen, mit denen Sie beginnen können, aber Sie haben die Möglichkeit, von vorne zu beginnen.

Wenn Sie mit Ihrem Slider fertig sind, veröffentlichen Sie ihn mit dem Smart Slider Divi-Modul.

Smart Slider-Modul

Vergleich des Divi-Slider-Moduls und des Smart Slider

Lassen Sie mich den einfachen Divi-Slider und die kostenlosen und Pro-Versionen von Smart Slider vergleichen. Ich denke wirklich, dass das Divi-Slider-Modul ein großartiges Modul von Divi ist, weil es viele Anpassungsoptionen hat und in Divi enthalten ist. Alles ist an einem Ort , und Sie müssen keine neue Benutzeroberfläche kennen. Die Funktionalität ist jedoch eingeschränkt, da Sie nicht das gewünschte Layout erstellen können.

Wenn Sie ein spezifischeres Layout wünschen, in dem Sie Ihre Ebenen an der gewünschten Stelle platzieren und einen einzigartigeren Inhalt erstellen können, sollten Sie die Verwendung von Smart Slider 3 in Betracht ziehen . Die kostenlose Version bietet viele Funktionen wie das Divi-Modul, und mit der Pro sind Ihnen keine Grenzen gesetzt.

Sehen wir uns einige relevante Unterschiede an!

Divi Slider-Modul
Smart Slider 3 kostenlos
SmartSlider 3 Pro
Schichten 5 6 23
Typografische Optionen
Drag & Drop-Oberfläche
Hintergrundbild
Hintergrundvideo mp4, WEBM mp4
Parallax-Effekt
Ebenenanimationen
Übergänge
Kontrollen 2 5 7
Dynamische Variablen
Statische Überlagerung
Automatisches Abspielen

Schnittstelle

Smart Slider-Schnittstelle

Der Hauptunterschied ist die Schnittstelle. Es besteht kein Zweifel, dass Divi es einfach macht, Schieberegler zu Ihrer WordPress-Website hinzuzufügen. Geben Sie einfach Text in die festgelegten Felder ein und laden Sie dann einige Bilder hoch, und Ihr Schieberegler ist einsatzbereit. Wenn es jedoch um die Funktionalität geht und Sie beeindruckende Schieberegler erstellen können, weist der Divi-Schieberegler einige Einschränkungen auf. Nichtsdestotrotz können Sie in Smart Slider einen Drag-and-Drop-Folieneditor verwenden und Ihre Ebenen dort platzieren, wo Sie möchten.

Animationen und Effekte

Mit Hintergrundanimationsmodi können Sie Ihr Design ganz einfach zum Leben erwecken. Divi hat eine grundlegende Animationsoption, mit der Sie Ihren Slider aufheitern können, aber in Smart Slider 3 Pro können Sie aus 3 Arten von Animationen wählen: Hauptanimation, Hintergrundanimation und einzigartige Ebenenanimationen.

Anpassbare Steuerelemente

Jedes Slider-Modul hat Optionen zum Anpassen der Steuerelemente, aber in Smart Slider haben Sie mehr Möglichkeiten, sie einzigartig zu machen. Sie können die Steuerelemente an andere Positionen bringen, die Farben und Abstände ändern oder sie auf verschiedenen Geräten ausblenden. Außerdem haben Sie in Smart Slider 3 Optionen zum Anzeigen von Miniaturansichten, mit denen Sie einen Miniaturansichtsschieber im Stil einer Bildgalerie erstellen können.

Kostenloser Thumbnail-Slider

Slider-Autoplay

Smart Slider bietet Slider Autoplay, eine beliebte Funktion bei den meisten Slider-Plugins. Auf diese Weise wechselt der Slider nach einer Weile die Slides. Dies kann die Aufmerksamkeit der Besucher auf sich ziehen, aber wenn Sie automatische Schieberegler nicht mögen, können Sie diese Einstellung einfach deaktivieren.

Warum sollten Sie Smart Slider 3 als Ihren Divi Slider wählen?

Wenn Sie einfache und grundlegende Dinge mögen, möchten Sie vielleicht kein weiteres Plugin installieren und lernen, wie es funktioniert, einen Schieberegler zu erstellen. Divi hat auch Slider-Module, also warum sollten Sie ein anderes Plugin verwenden, um einen Slider zu erstellen? Sehen wir uns einige Funktionen an, die Ihnen bei der Entscheidung helfen können, Smart Slider zu wählen oder nicht.

Verfügbare Slider-Typen in Smart Slider
Slider-Typen in Smart Slider. Obere Reihe: Einfach (kostenlos) und Karussell (Pro). Untere Reihe: Block (kostenlos) und Showcase (Pro)

Gründe für die Wahl von Smart Slider 3 Free

  • Es ist kostenlos. Die kostenlose Version von Smart Slider ist im WordPress-Repository verfügbar, Sie müssen nicht dafür bezahlen.
  • Die Freiheit, einen Schieberegler zu erstellen. Dank der Zeilen, Spalten und Positionierungsoptionen können Sie ein kompliziertes Layout erstellen.
  • Anpassbare Steuerelemente. Verwenden Sie Ihre Pfeile, Aufzählungszeichen, Miniaturansichten und die Textleiste so, wie Sie es sich vorgestellt haben. Positionieren Sie sie, ändern Sie ihre Farben oder deaktivieren Sie sie, wenn Sie sie nicht anzeigen möchten.
  • Gebrauchsfertige Vorlagen. In Smart Slider 3 können Sie mit vorgefertigten Vorlagen beginnen, die vollständig anpassbar sind. Ändern Sie einfach den Inhalt oder die Bilder und Sie haben einen fertigen Schieberegler.
  • Kostenlose Smart Slider-Vorlagen
    Kostenlose Smart Slider-Vorlagen
  • Reaktionsschnelle Schieberegler. Mit minimalem Aufwand können Sie einen Slider erstellen, der auf jedem Gerät gut aussieht.

Gründe für die Wahl von Smart Slider 3 Pro

Hoffentlich haben Sie jetzt eine bessere Vorstellung davon, wie Smart Slider 3 Ihre Fähigkeit zum Hinzufügen von Diashow-Präsentationen zu Ihrer Divi-Website verbessern kann. Aber wenn Sie sich immer noch nicht sicher sind, sehen wir uns einige Funktionen von Smart Slider 3 Pro an!