Divi Plugin Highlight – Anything Slider

Das Standard-Divi-Slider-Modul ist ein leistungsstarker Slider. Zu den Funktionen gehören eine Überschrift, Schaltfläche, Text, Medien, Link, Hintergrund, Überlagerung und mehr. Was wäre, wenn Sie mit dem Divi Builder Layouts erstellen und auf der Folie platzieren möchten? Genau das macht Anything Slider.

Anything Slider ist ein Drittanbieter-Plugin von CakeWP, mit dem Sie Divi-Layouts innerhalb der Folien verwenden können. Sie können damit noch viel mehr machen als nur Schieberegler. Es enthält auch das AS Menu-Modul, das in Verbindung mit dem Slider-Modul verwendet werden kann, um Folgendes zu erstellen:

• Registerkarten
• Karussells
• Interaktive Abschnitte
• Preis umschalten
• Filterbare Galerien
• Interaktive CTAs
• Filterbare Produkte
• Eine Internetseite

Anything Slider funktioniert mit Divi, Extra und dem Divi Builder-Plugin. In diesem Plugin-Highlight sehen wir uns an, was Anything Slider kann. Bilder stammen von Unsplash.com.

• Siehe CakeWP.com für Kaufinformationen.

Installieren von Anything Slider

Laden Sie das Plugin hoch und aktivieren Sie es wie jedes andere Premium-Plugin. Sobald es aktiviert ist, bewegen Sie den Mauszeiger über das Plugins-Menü im Dashboard und wählen Sie Anything Slider License. Geben Sie Ihren Lizenzschlüssel ein und wählen Sie Lizenz aktivieren. Wählen Sie als Nächstes Änderungen speichern.

Dem Divi Builder werden zwei neue Module hinzugefügt: Anything Slider und AS Menu. Zusammen können sie einige interessante Designs erstellen.

Alle Einstellungen des Slider-Moduls

Zu den Einstellungen gehören neue Folien, nächste/vorherige Steuerelemente, Punktsteuerelemente, Steuerelemente beim Schweben anzeigen, Schleifenschieberegler, Animation, Höhe, Mausziehen usw. Die Registerkarte Design enthält benutzerdefinierte Stile für die nächsten und vorherigen Steuerelemente, die Anzahl der Folien pro Bildschirm, den Abstand zwischen Folien, Punktfarben und mehr.

Alles Slider Slide-Einstellungen

Klicken Sie auf Neue Folie hinzufügen. Hier sehen Sie ein Dropdown-Menü namens Folienlayout, in dem Sie die Layouts für die Folien auswählen. Dies können vorgefertigte Layouts, von Ihnen erstellte und in der Bibliothek gespeicherte Layouts oder von Ihnen hochgeladene Layouts sein.

Einstellungen des AS-Menü-Slider-Moduls

Zu den Einstellungen gehören Menüausrichtung, Ausrichtung usw. Die Registerkarte Design enthält Schriftarten, Abstände, Hintergründe, Farben und mehr. Sie erstellen die Menüelemente, indem Sie auf Neues Menüelement hinzufügen klicken. Sie fügen die URL ein, wählen ein Symbol, ein Bild aus usw.

Anything Slider Starter-Kits

Anything Slider verwendet Layouts, um die Folien zu erstellen. Um Ihnen den Einstieg zu erleichtern, gibt es viele kostenlose Starter-Kits und Layout-Pakete, die Sie von der Website des Entwicklers herunterladen können. Importieren Sie sie in die Divi-Bibliothek, um sie zu verwenden.

Erstellen eines benutzerdefinierten Schiebereglers

Ich habe einige eigene Layouts erstellt und jedes davon als Folie ausgewählt. Sie können beliebig viele Folien hinzufügen. Ich finde es am besten, sie zu beschriften, damit Sie wissen, welche Folie welche ist, wenn Sie Änderungen vornehmen möchten.

Diese Folie enthält eine Bild- und Bartheke. Sie können die Punktnavigation in der linken Ecke und die Schieberegler auf beiden Seiten sehen. In diesem Beispiel schwebt meine Maus über der linken Navigationstaste. Alle Stile sind anpassbar.

Animationen

Die Folien können animiert werden und Sie können sie automatisch verschieben lassen oder nicht. Es enthält Animationen für ein und aus. Es hat fast 80 Animationen, einschließlich aller Grundlagen wie Bounce, Rubberband, Jello, Pulse, Shake, Tada, Wobble, Swing, Fade, Flip, Rotation, Zoom und vieles mehr. Sie können die Animation beim Schweben stoppen lassen.

Navigationstasten

Die Navigationsschaltflächen können unabhängig voneinander gestaltet werden. Style sowohl Normal als auch Hover für die Symbole, Rahmen, Farben usw.

In diesem Beispiel habe ich die Navigationsschaltfläche unabhängig gestaltet und die Größe der Punkte erhöht (Sie können eine beliebige Größe in Pixeln für die Punkte angeben). Die Hover-Animation ändert die Farbe und den Randradius. Es enthält die gleichen Styling-Features wie die meisten Divi-Module.

Die Schaltflächen und Punkte wurden nach rechts verschoben, wobei die Schaltflächen oben und die Punkte unten sind. Sie können sie beidseitig oder links, mittig oder rechts für oben oder unten platzieren. Sie können auch jeden von ihnen deaktivieren, wenn Sie möchten. Zwischen den Schaltflächen und Punkten gibt es viele Kombinationen für die Layoutoptionen.

AS-Menümodul

Das AS-Menümodul eignet sich hervorragend zum Hinzufügen weiterer Navigationsoptionen und kann Symbole und Bilder verwenden. Es enthält horizontale und vertikale Ausrichtungsoptionen und kann wie jedes andere Modul gestaltet werden.

Das Modul AS Menu erstellt ein Menü, damit Ihre Besucher durch die Folien navigieren können. Die Folien selbst enthalten ein Navigations-Tag am Ende der URL (in der Adressleiste Ihres Browsers). Verwenden Sie dieses Tag für jeden Menüpunkt. In diesem Beispiel lautet das URL-Tag von Slide One #s_1.

Ich habe das Menü unten platziert, die Schriftgröße erhöht und einen Hintergrund hinzugefügt, um es hervorzuheben. Die Wörter sind anklickbar, aber in diesem Beispiel sehen sie nicht wie Schaltflächen aus. Das ist leicht zu ändern.

Ich habe einige benutzerdefinierte Füllungen hinzugefügt und die Hover- und Hintergrundfarben angepasst.

Ich habe auch die Navigationsschaltflächen vom Schieberegler entfernt und das AS-Menü-Modul oben platziert. Das Menü wird in horizontaler Ausrichtung angezeigt. Durch die Auffüllung mit Hintergrundfarben werden Rahmen um den Text herum erstellt. Mit dem Auffüllen können Sie die Schaltflächen beliebig groß machen.

Ich habe das Layout auf 2-Spalten (3/4 + 1/4) angepasst und die Menüausrichtung auf vertikal gesetzt.

Das seitliche Menü schafft einige interessante Möglichkeiten, insbesondere wenn man die Bild- und Symbolfunktionen des Moduls berücksichtigt. Mal sehen, was wir damit machen können.

Erstellen einer einzigartigen Seite

Sie können mit dem Schieberegler ganze Seiten erstellen und dann automatisch zwischen ihnen gleiten, mit der Tasten- und Punktnavigation oder mit dem Menümodul. Für dieses Beispiel habe ich eine neue Seite in voller Breite mit einem AS-Menümodul in 1/4 links und dem Anything Slider in 3/4 rechts erstellt. Ich habe dem Abschnitt ein Hintergrundbild mit einem Overlay hinzugefügt, um die Website auf einen Blick visuell zu beschreiben.

Für dieses Beispiel wollte ich die Bildfunktion des AS Menu-Moduls verwenden. Für dieses Menü füge ich Bilder für jeden der Menüpunkte hinzu. Es enthält auch Symbole, die mit den Bildern oder allein verwendet werden können.

Für die Folien habe ich Layouts mit einem einzelnen Blog-Modul mit einer einzelnen ausgewählten Kategorie erstellt.

Das Modul AS Slider zeigt alle Blog-Layouts als einzelne Folien an. Ich habe die nächsten/vorherigen und Punktsteuerelemente deaktiviert.

Der Slider zeigt das Blog-Modul für jede Kategorie an, während das Menü auf der linken Seite, das auf vertikale Ausrichtung eingestellt ist, Bilder für die Kategorien anzeigt und als Navigation zwischen den Folien fungiert. Der Schieberegler ist so eingestellt, dass er sich durch die Folien dreht, um den neuesten Beitrag aus jeder Kategorie anzuzeigen. Das heißt, die gesamte Homepage, mit Ausnahme der Navigation, ist ein Slider. Natürlich kann das Menü auch oben, unten oder rechts platziert werden.

Anything Slider-Dokumentation

Die Dokumentation wird auf der CakeWP-Website bereitgestellt und umfasst eine Übersicht mit Bildern und mehreren Videos, darunter eine Anleitung für die ersten Schritte und ein Tutorial. Es enthält auch Demos, um Ihnen Ideen zur Verwendung der Module zu geben.

Lizenz, Support und Updates

Das Plugin kann auf Websites für Sie und Ihre Kunden basierend auf der von Ihnen gewählten Lizenz verwendet werden. Es stehen drei Lizenzen zur Auswahl:

• 1 Seite – 30,00 $
• 5 Seiten – 50,00 $
• Unbegrenzte Websites – 120,00 $

Alle Lizenzen beinhalten ein Jahr Support und Updates.

• Siehe CakeWP.com für Kaufinformationen.

Abschließende Gedanken

Anything Slider ist ein interessantes Modul. Die Möglichkeit, Divi-Layouts als Folien zu verwenden, eröffnet viele Gestaltungsmöglichkeiten. Besonders gerne verwende ich Bilder im Menümodul. Die Module sind einfach zu bedienen und die Dokumentation bietet eine Schritt-für-Schritt-Anleitung für den Einstieg.

Wenn Sie Ihre Schieberegler über den Standard-Divi-Schieberegler hinaus erweitern möchten, ist Anything Slider möglicherweise das gewünschte Plugin.

Wir würden gerne von Ihnen hören. Haben Sie Anything Slider verwendet? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit.

Ausgewähltes Bild über VectorsMarket / shutterstock.com