Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen.

Sie wissen wahrscheinlich, Slider RevolutionEs ist eines der am häufigsten heruntergeladenen Premium-WordPress-Plugins auf CodeCanyon. Es ist auch am meisten empfohlen für Leute, die ein hinzufügen möchten Slider (Diashow) auf ihrer Website oder WordPress-Blog.

Es ist ein Plugin, das auf verfügbar ist CodeCanyon.com. Denken Sie daran, wir haben Ihnen eher wie vorgestellt Lade ein Plugin auf dieser Plattform herunter.

Das erste ist also Download, installieren und aktivieren Sie es.

Wenn Sie letzteres noch nie installiert haben, finden Sie es heraus So installieren Sie Revolution Slider unter WordPress.Vous pouvez aussi Entdecken Sie dieses andere ausführliche und recht vollständige Tutorial.

Empfohlen.

So konfigurieren Slider Revolution

Slider Revolution bietet Grundeinstellungen. Sie müssen zuerst über das Menü auf die Homepage des Plugins zugreifen. " Slider Revolution »Verfügbar im linken Seitenmenü Ihres Dashboards, nach der Installation und Aktivierung des Plugins.

Zugang Revolution slider.jpg

Dadurch werden Sie zum Dashboard des Slider Revolution-Plugins weitergeleitet. Dann werden wir das Plugin konfigurieren. Sie müssen dann auf den Link " Allgemeine Einstellungen Befindet sich im Slider Revolution-Untermenü.

Allgemeine Parameter Auflösung slider.jpg

Wenn Sie darauf klicken, gelangen Sie zu einer neuen Seite. Diese Seite enthält einige Optionen, darunter:

  • Die Rollen, die Zugriff haben Ansicht Plugin Erlaubnis »
  • Plugin-Ressourcen werden überall geladen " on Oder nur auf den Seiten, die es verwenden. Das Laden von Ressourcen auf all Ihren Seiten kann Ihre Website verlangsamen.
  • Sie können die Ressourcen des Plugins auch auf bestimmten Seiten integrieren, indem Sie die Kennung jeder Seite im Feld " Seiten RevSlider enthält Bibliotheken ".
  • Für ein besseres Rendering können Sie die Plugin-Ressourcen laden, nachdem die Seite mit der Option " Inset JavaScript in Fußzeile ".
  • Sie können die Optionen zum Exportieren der Schiebereglerdaten aktivieren, um sie auf mehreren anderen Websites zu verwenden.
  • Die letzte Option betrifft die Aktivitätsberichte des Schiebereglers.

Einstellen des Drehreglers general parameters.jpg

Standardeinstellungen sind akzeptabel. Sie können diese jedoch nach Ihren Wünschen anpassen. Vergessen Sie nicht, auf " Einstellungen speichern »Um Ihre Einstellungen zu speichern.

Zurück zu « Slider Revolution Denn jetzt werden wir einen neuen Slider erstellen.

das WordPress Slider Revolution-Plugin konfigurieren

Wie erstelle ich einen Slider mit dem Revolution Slider Plugin?

Revolution Slider ist sehr flexibel und passt sich nahezu jeder Art von Slider an, vom einfachsten bis zum komplexesten mit Ebenen (Dies ist eine sehr interessante Funktion).

Auf der neuen Seite können Sie feststellen, dass es zwei Hauptspalten gibt. Diese Seite muss als Einstellungsseite für den neuen Schieberegler betrachtet werden. Von diesem Ort aus ist es nicht möglich, Bilder und Texte hinzuzufügen. Wir werden jedoch einige Einstellungen des Schiebereglers ändern.

Unsere Umsetzung 10 beste Premium-WordPress-Plugins zum Erstellen von Schiebereglern in Ihrem Blog

Im Abschnitt "Param Slider"

Wir haben mehrere Pflichtfelder, die ausgefüllt werden müssen, darunter:

  • Titel
  • Der Alias, der für den Shortcode verwendet wird. Sie müssen unbedingt einen Alias ​​angeben.

titel shortcode revolution slider.jpg

Es gibt verschiedene Arten von Schiebereglern Slider Revolution:

  • Sie können die Artikel als Folie anzeigen, insbesondere indem Sie eine Grenze für die Ergebnisse festlegen, die Anzeigereihenfolge ändern, eine Vorlage auswählen usw.
  • Wählen Sie bestimmte Artikel aus und geben Sie deren Bezeichner an
  • Wählen Sie den Galeriemodus für den Schieberegler, um komplexere und schönere Folien zu erstellen.

Schieberegler Umdrehungstypauswahl Schieber.jpg

Mit der folgenden Option können Sie das Layout des Schiebereglers ändern: fest, personalisiert, automatisch ansprechbar, Vollbild. Zusätzlich zu diesen Optionen gibt es Optionen für Rastergrößen und Layoutabmessungen.

Größenkonfiguration Revolution slider.jpg

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie erstellen Einfach und kostenlos jedes Website- oder Blog-Design mit einem professionellen Look. Hören Sie auf, viel für eine Website zu zahlen, die Sie selbst erstellen können.

Dies sind die Optionen in der ersten Spalte. Die zweite Spalte bietet mehrere andere Optionen. Unter anderem haben wir: Die Dauer jeder Folie beträgt standardmäßig 9 Sekunden.

Zufällige Anzeige (Shuffle-Modus)

Allgemeine Parameter Schieberegler Revolution slider.jpg

Der Abschnitt Layout & Visual

In diesem Abschnitt sind die Optionen zur Konfiguration des Schattens und des Hintergrunds im Unterregister „Darstellung“ zusammengefasst. Sie finden auch einen "Spinner"-Reiter, mit dem Sie die Animation während des Ladens des Sliders ändern können, den "Mobile"-Reiter, mit dem Sie bestimmen können, wie der Slider auf dem Handy angezeigt wird, und den "Position"-Reiter, mit dem Sie um die Position des Schiebereglers in Bezug auf den Inhalt zu konfigurieren.

Layout & visuelle Revolution slider.jpg

Der Navigationsbereich

Der Reiter Navigation ist in mehrere Unterreiter unterteilt, mit denen Sie verschiedene Aspekte der Navigation des Sliders konfigurieren können. Zum Beispiel haben Sie die Registerkarte "Pfeile", auf der Sie die Art der Navigationsschaltfläche zwischen den Schiebereglern auswählen können (Sie können die Pfeile aktivieren oder nicht). Mit der Registerkarte "Aufzählungszeichen" haben Sie auch die Möglichkeit, Navigationsaufzählungszeichen zu konfigurieren, mit der Registerkarte "Tabs", die einen Tab-Slider-Effekt hinzufügen usw.

Navigationstaste Revolution slider.jpg

Konfigurieren Sie die Animationsbedingungen "Allgemeine Parameter"

Bietet Optionen für Folien. Sie können beispielsweise festlegen, dass der Schieberegler nach einer bestimmten Folie automatisch angehalten wird. " Stopp Nach Loops »Oder wählen Sie die Position des Schiebereglers (In der Fortschrittsanzeige können Sie sehen, wie lange eine Folie dauert, bis eine andere angezeigt wird).

Konfigurationsanimation Slider Revolution Slider.jpg

Dies sind die ersten Abschnitte des Plugins und diejenigen, die Sie am häufigsten verwenden. Sie können weitere Optionen verwenden, um dem Schieberegler weitere Funktionen hinzuzufügen.

Entdecken Sie So erstellen Sie eine Pro-Webseite mit WPBakery und füge einen schönen Slider hinzu.

Sobald dies erledigt ist, speichern Sie den Schieberegler unten mit " Einstellungen speichern ".

registrieren slider revolution sliders.jpg

Nach einem Klick auf " Einstellungen speichern », Sie werden zur Benutzeroberfläche zur Erstellung des Schiebereglers weitergeleitet. Dadurch wird ein leerer Standardschieberegler erstellt.

slider creation interface.jpg

So fügen Sie einem Schieberegler eine neue Folie hinzu

Wenn Sie sich nicht daran erinnern, was dies ist, habe ich in einem früheren Beitrag eine Reihe von WordPress-Fachbegriffen definiert, einschließlich « Slider "und" Slides ».

Vor der Benutzeroberfläche zum Ändern der Schieberegleroptionen wird standardmäßig ein Abschnitt mit 3 Zonen angezeigt, in dem Sie den letzten Abschnitt mit der Bezeichnung " Folie hinzufügen". Wenn Sie mit der Maus darüber fahren, werden zusätzliche Optionen angezeigt. Wählen Sie Leere Folie hinzufügen.

Füge einen Slider zu einer slider.jpg hinzu

Remarque : Alle neuen Folien, die Sie erstellen, werden dieser Leiste hinzugefügt. Jede erstellte Folie bietet Ihnen zusätzliche Verwaltungsoptionen: Löschen, Duplizieren, Zur Vorlage hinzufügen.

Die Oberfläche eines Schiebereglers besteht aus:

  • Erweiterte Folienoptionen
  • Über die Slider-Design-Oberfläche (Erstellungsoberfläche)

Erweiterte Optionsschnittstelle

Sie möchten Ihre Produkte im Internet verkaufen?

Laden Sie WooCommerce kostenlos herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen und ganz einfach Ihren Online-Shop zu erstellen. Perfekt für Anfänger.

Diese Optionen sind in verschiedenen Registerkarten organisiert. Im Haupthintergrundbereich können Sie verschiedene Aspekte konfigurieren, die sich auf den Folienhintergrund auswirken. Sie können beispielsweise ein YouTube-Video als Hintergrund verwenden.

Hintergrundvideo Revolution slider.jpg

Auf der Registerkarte Allgemeine Parameter können Sie Elemente wie die Dauer der Folie und verschiedene Ereignisse konfigurieren, die dazu führen, dass die Folie angehalten wird (stoppen Sie die Animation).

Allgemeine Parameter Revolution slider.jpg

Auf der Registerkarte Miniaturansicht können Sie eine Vorschau für die erstellte Folie auswählen. Dies wird verwendet, wenn Ihr Schieberegler eine Folienvorschau bietet. 

Kreation Vignette Revolution slider.jpg

Auf der Registerkarte Folienanimation können Sie die Ein- und Ausstiegsanimation der Folie festlegen. Sie haben eine große Auswahl unter den verfügbaren Optionen.

Wählen Sie Animation Slide Revolution Slider.jpg

Auf der Registerkarte Link & SEO können Sie einige HTML-Attribute der Folie ändern. Im Prinzip müssen Sie diese Registerkarte nicht oft verwenden.

Revolution Slider-Designschnittstelle

Die Entwurfsoberfläche ist der Staging-Ort, an dem Sie Ihre Komposition erstellen. Es besteht aus einer Oberfläche aus weißen und grauen Quadraten, die das Arbeits-Super bilden (wo die verschiedenen Elemente platziert werden).

Interface Design Revolution Slider.jpg

Was Sie über Ebenen wissen müssen

Jedes auf der Kompositionsoberfläche platzierte Objekt bildet eine Ebene. Diese Ebenen können wie bei Skizzen übereinander gelegt werden. Der Layer kann also aus einem Bild, einem HTML-Code, einem Video, einer Form, einem Objekt und vielem mehr bestehen. Sie können eine Ebene hinzufügen, die über die Schaltfläche "Ebene hinzufügen" schwebt, die Ihnen mehr Optionen bietet.

Durchsuchen Sie eine Layer-Revolution slider.jpg

Wenn Sie auf "Text / HTML" klicken, wird auf der Entwurfsoberfläche eine Textzone hinzugefügt, die Sie anpassen können (Text hinzufügen, Schriftart ändern oder verschieben).

Textrevolution hinzufügen slider.gif

Jede hinzugefügte Ebene kann verschiedene Optionen bieten. Um auf die Optionen einer Ebene zuzugreifen, doppelklicken Sie normalerweise darauf. Wir werden jetzt ein Bild hinzufügen.

Bildrevolution hinzufügen slider.gif

Jede Ebene hat ihre eigenen Optionen. Diese Optionen sind die Leiste direkt über der Entwurfsoberfläche.

Option für Layer Revolution slider.jpg

Dies sind Registerkarten mit erweiterten Optionen. Wenn wir beispielsweise die Animation der Ebene ändern möchten, müssen wir zur Registerkarte Animation gehen und eine Eingabe- und Ausgabeanimation wie folgt auswählen.

Wählen Sie eine Animation für eine Ebene aus

Jede Registerkarte hat eigene Optionen. In wenigen Minuten können Sie verstehen, wie die meisten Registerkarten funktionieren.

Das ist so ziemlich alles, was Sie über das Einrichten des WordPress Slider Revolution-Plugins wissen müssen, um loszulegen. Wir werden später wiederkommen, um Ihnen fortgeschrittenere Techniken zu zeigen.

Aber bevor wir Sie verlassen, möchten wir Ihnen 2 weitere Premium-Alternativen anbieten, die Ihnen helfen sollen, Slider auf Ihrer Website zu erstellen.

1. RoyalSlider

Royal Slider ist der am häufigsten heruntergeladene Slider auf CodeCanyon und verfügt über unwiderstehliche Funktionen. Dieses Plugin wird von so unterschiedlichen Unternehmen wie Coca-Cola, Ralph Lauren und Land Rover verwendet und bietet nahezu alles, was Sie von einem Schieberegler erwarten können. Die attraktivste Funktion ist die native Vollbildunterstützung.

Royalslider Touch Content Slider für WordPress

Perfekt für die Anzeige von hochauflösenden Fotografien. Dieses Plugin wird Ihre Besucher definitiv mit seinen professionellen Funktionen beeindrucken. Als Funktionalitäten werden wir unter anderem haben: die Möglichkeit, mehrere Slider mit unterschiedlichen Stilen pro Seite zu erstellen, Unterstützung für taktile Navigation, ein responsives Design, die vertikale oder horizontale Miniatur A, Aufzählungszeichen oder Tabs für die Navigation und mehr.

Download | Demo | Web-Hosting

2. . WP Slick Slider und Image Carousel Pro

Wenn Sie ein begeisterter Anhänger der Visual Composer-Suite sind, sollten Sie das WP Slick Slider-Plugin in Betracht ziehen. Mit fast 100 vordefinierten Vorlagen werden Sie definitiv das finden, wonach Sie suchen, ohne etwas zu codieren.Wp Slick Slider und Image Carousel Pro

Dies ist eine Option, die besonders für Benutzer von sehr ernst zu nehmen ist Visual Composer - WPBakery -.

Seine Merkmale sind unter anderem: a mDiese voll ansprechende Seite mit Drag-and-Drop-Unterstützung, a cShortcodes Builder, derUnterstützung der RTL und der Mehrsprachigkeit vonAusgezeichnetes Design und viel mehr.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Wir hoffen, dieser Artikel hat Ihnen beim Einrichten des Premium-Plugins WordPress Slider Revolution geholfen. Wenn Sie irgendwelche Fragen haben, zögern Sie nicht, sie in der Sektion zu belassen commentaires. Und wenn Sie diesen Artikel gefallen hat, teilen Sie es auf Ihrem anderen soziale Netzwerke

20 Aktien
Aktie16
tweet1
Registrieren3