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.

Möchten Sie das WordPress Slider Revolution-Plugin konfigurieren?

Seit Beginn dieser Tutorial-Reihe, die dem WordPress-Plugin gewidmet ist  Slider Revolution haben wir gelernt Laden Sie das Plugin herunter und installieren Sie es. wir haben dann entdeckte seine Schnittstelle und seine verschiedenen Funktionalitäten. Lassen Sie uns nun die Konfigurationen von a anzeigen "Schieberegler".

Wenn Sie ein Anfänger sind und nach Ressourcen suchen, um loszulegen; Hier finden Sie alles, was Sie brauchen, um loszulegen. Und wenn Sie entdecken, Blog-Erstellung zu lesen Wie man ein WordPress Blog leicht erstellt: Guide & Tuto

Lassen Sie uns herausfinden, was ein Schieberegler ist.

Was ist ein Schieberegler in der Praxis?

Ein Slider ist eine HTML-Komponente. Ja ich weiß, sagte so, das bringt dich nicht viel weiter. Ein Slider ist also eine Funktion, mit der Sie verschiedene Informationen in einer Schleife anzeigen können (oder nicht). Diese Informationen sind gruppiert nach " Schlitten ", die eine Entität eines "Sliders" ist und die aus Bildern, Videotexten, Links usw.Slider-Revolution - WordPress Slider Revolution-Plugin

Das " Schieber "Enthält daher" Dias (Mindestens 1), und diese Folien enthalten Multimedia-Elemente (Bilder, Video, Musik, Text), die animiert oder interaktiv sein kann (auf die Handlungen des Benutzers reagieren).

Remarque : Du kannst übersetzen " Schieber In " interaktive und dynamische Dias ".

Slider Revolution ermöglicht es uns, und wir werden ohne weitere Verzögerung beginnen.

Wenn Sie noch keine Website erstellt haben und nach einem WordPress-Theme suchen, das dieses leistungsstarke WordPress-Plugin nativ integriert, Diese Liste der Premium-WordPress-Themes wird perfekt sein.

Erstellung eines Schiebereglers: Erste Konfigurationen

Um zu beginnen, müssen Sie auf das Menü " Slider Revolution Auf Ihrem WordPress-Dashboard.

Revolution Slider WordPress

Klicken Sie nun auf den Artikel neue Slider Sie gelangen zur Konfigurationsoberfläche des Schiebereglers.

new-Schieber-Schieber-Revolution-Tutorial

Die Konfigurationsoberfläche des Schiebereglers kann einschüchternd sein. Wenn Sie jedoch einen Schritt zurücktreten, werden Sie die Funktionalität des Schiebereglers besser verstehen. Möglicherweise stellen Sie fest, dass diese Schnittstelle aus zwei Abschnitten besteht. Der erste links besteht aus 5 verschiedenen Bereichen und der zweite rechts besteht aus 6 kleinen Bereichen. Direkt darüber befindet sich die Symbolleiste, mit der Sie:

  • Zurück zur Liste der Schieberegler « Alle Sliders »
  • Zugriff auf Slider-Einstellungen (Dies ist das Fenster, in dem Sie sich befinden)
  • Die Bearbeitungsoberfläche von Folien
  • Eine Backup-Taste
  • Eine Schaltfläche zum Bearbeiten von Folien
  • Eine Vorschau-Schaltfläche für den Schieberegler
  • Eine Schaltfläche zum Entfernen des Schiebereglers
  • A-Taste zurückzukehren (ZugabeUm die Liste der Schieber)

Bar von Werkzeugen-Revolution-Schieber

Ich werde nun jeden Abschnitt in der linken Spalte erklären.

Dieses WordPress-Plugin manipuliert viele Bilder, was das Laden Ihrer Website verlangsamen könnte. Entdecken Warum müssen Sie beginnen, Ihr WordPress-Blog durch Bilder zu optimieren

den Abschnitt "Inhaltsquelle"

Inhalt-Source-revolution slider

In diesem Abschnitt können Sie die Quelle des Schiebereglers konfigurieren. In der Tat können Sie hier entscheiden, Folgendes zu erstellen:

  • Ein klassischer Slider, in dem Sie alle Animationen selbst konfigurieren müssen
  • Ein Slider von Artikeln, bei denen Ihr Handlungsspielraum recht eingeschränkt ist
  • Ein Schieberegler für bestimmte Artikel, die Sie auswählen können
  • Ein Schieberegler des Flickr-Newsfeeds
  • Ein Slider des Instagram-Feeds
  • Ein Slider für WooCommerce-Produkte
  • Ein Schieberegler auf dem Twitter-Feed
  • Ein Schieberegler auf Facebook-Posts
  • Ein Schieber auf YouTube Veröffentlichungen
  • Und ein Schieberegler auf Vimeo Publikationen

Nebenbei sei angemerkt, dass: Slider Revolution ein leistungsstarkes Plugin ist, mit dem Produkte in einem Online-Shop hervorgehoben werden können. Entdecken Sie die 10 WordPress-Themes zum Erstellen eines Onlineshops und Präsentieren Ihrer Kleidung

Wir werden uns jedoch damit begnügen, Ihnen vorzustellen, wie Sie einen klassischen Schieberegler erstellen, da dieser am häufigsten verwendet wird, am schwierigsten zu beherrschen ist und die außergewöhnlichsten Effekte aufweist. Mit der Zeit werden Sie es schaffen, Ihre eigenen Konfigurationen auf anderen Schiebereglern vorzunehmen. Zögern Sie nicht, bei Problemen zurückzukommen und hier einen Kommentar zu hinterlassen. So lassen Sie die Option " Standardschieberegler Aktiv.

Der Abschnitt Slider Title & Shortcode

Sie haben es wahrscheinlich erraten. In diesem Abschnitt können Sie den Titel des Schiebereglers und den dazugehörigen Shortcode definieren (nichts zu Raketenwissenschaft).

Titel und Kurzwahl-du Schieber

Der Abschnitt "Schiebereglertyp auswählen"

select-a-kind-of-Schieber-Schieber-Revolution

In diesem Abschnitt können Sie die Grundstruktur des Schiebereglers definieren. In der Tat stehen Ihnen 3 Optionen zur Auswahl, aus denen Sie Folgendes auswählen können:

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.

  • Definieren Sie für die erste Option einen Standardschieberegler mit Breiten, die an den verfügbaren Platz angepasst sind und über grundlegende Elemente wie Navigationsschaltflächen verfügen.
  • Bei der zweiten Option können Sie einen dynamischen und interaktiven Stil ohne Navigationsschaltfläche anwenden, der viel imposanter ist als die vorherige Option. Diese Option wird als "Heldenszene" bezeichnet, da Sie hier mehr Wert auf Animationen und Interaktion legen.
  • Die letzte Option bietet einen deutlich klassischeren Stil mit einem vereinfachten Scrollen der Bilder von links nach rechts in recht abwechslungsreichen Animationen.

Remarque : Wann immer Sie eine Option auswählen, haben Sie einen Abschnitt "Laden Sie ein Preset von diesem Slider TypeWelche bietet Ihnen erweiterte Variationen der Art von Schieberegler, die Sie gewählt haben.

Change-of-Art-of-Schieber

Ich werde nicht in der Lage sein, alle Variationen zu erklären, aber Sie werden in der Lage sein, Schlussfolgerungen aus den verfügbaren Bildern zu ziehen. Zum Beispiel für den Schiebereglertyp " Standard Sie haben als vierte Variante " Daumen Bottom Selbst ", Mit dieser Option können Sie einen Schieberegler mit Miniaturansichten unten erstellen und eine Animation mit automatischem Bildlauf erstellen.

Daumen-bottom Selbst slider Drehzahl- tutorial

Der Abschnitt "Folienlayout"

Schieber-Layout-Revolution-Schieber

In diesem Bereich können Sie ein Layout für Ihren Schieberegler festlegen. So kannst du gehen ' Revolution Slider »Wählen Sie automatisch die Breite, die auf den Schieberegler angewendet werden soll, wählen Sie, ob die gesamte Breite auf den Schieberegler angewendet werden soll, oder verwenden Sie den Schieberegler im Vollbildmodus.

Je nachdem, welche Option Sie auswählen, unterscheidet sich Ihr Schieberegler auf einigen Geräten. Sie haben unten einen Abschnitt der Konfiguration des Rasters nach den Geräten (Mobile, Desktop, usw..). Beachten Sie, dass Sie beim Konfigurieren des Rasters die internen Ränder der einzelnen Schieberegler ändern können.

Lesen Sie auch 6-Tipps zur Optimierung des mobilen Designs Ihres Blogs

Ganz unten in diesem Abschnitt können Sie auswählen, ob die Überlaufsichtbarkeit aktiviert, die Beibehaltung des Funkaussehens aktiviert und eine Mindesthöhe festgelegt werden soll.

Der Abschnitt "Anpassen, Erstellen und Implementieren"

Dieser Abschnitt enthält keine Option für das Plugin. Es bietet Ihnen einige schnelle Links zu wichtigen Abschnitten.

individualisieren-build-Implement

Wir werden nun mit der zweiten Spalte auf der rechten Seite fortfahren.

Der Abschnitt Allgemeine Einstellungen

Dieser Abschnitt bietet Ihnen einige Einstellungen, die für den Schieberegler gelten. So können Sie:

In der Registerkarte "Diashow"

  • Deaktivieren Sie den Schieberegler auf der Überführung
  • Stoppen Sie den Schieberegler nach einer festgelegten Anzahl von Bildläufen
  • Folien zufällig anzeigen
  • Schlinge die Folie
  • Deaktivieren oder stoppen Sie den Schieberegler bei bestimmten Gerätegrößen
  • Die letzte Option "Warten auf revapi.revstart ()" ist für Sie nicht hilfreich.

In der Registerkarte "Fehler"

Sie können definieren:

  • Der auswählbare Charakter der Ebenen
  • Definieren Sie die Kennung des Schiebereglers (dies erfolgt automatisch)
  • Die Mindestdauer zwischen den Folien
  • Das Timeout vor der Initialisierung
  • Der Übergang zwischen den Schiebern
  • Die Dauer des Übergangs in Mikrosekunden
  • Die Bildgröße
  • Die CSS-Position des Hintergrundbilds
  • Wiederholen Sie das Hintergrundbild, wenn dieses Bild nicht groß genug ist
  • Aktivierung der Option " Video Muette Womit Sie die Art der Animation, die Positionen in einem XY definieren können (ja, was lernst du, wenn du mathematische Funktionen zeichnen musst?) und andere Elemente.

Die Registerkarte Fortschrittsbalken

Alle Optionen in diesem Abschnitt gelten für die Fortschrittsleiste, die Sie aktivieren und anpassen können.

Die Registerkarte 1er Schlitten

In diesem Bereich können Sie eine erste alternative Folie aktivieren. Dies ermöglicht die " Schieber Laden eines " Schlitten Zuerst nach Ihrer Wahl. Denken Sie daran, dass " Dias Sind Elemente, die identifiziert werden können.

Der Abschnitt "Layout & Visual"

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.

Layout-and-visuelle

Die Registerkarte "Darstellung"

In diesem Abschnitt können Sie das Erscheinungsbild des Schiebereglers konfigurieren. Insbesondere können Sie festlegen, dass ein Schatten unter dem Schieberegler angezeigt wird (Sehr praktisch, wenn Sie den Standard-Schieberegler mit einem sehr geringen Rand wählen).

Sie können auch festlegen, dass eine Überlagerung mit transparenten Punkten angezeigt wird (Dadurch wird Ihr Schieberegler sehr originell. Wenn Sie jedoch Informationen anzeigen möchten, die gründlich gelesen werden müssen, müssen Sie darauf verzichten).

Dann haben Sie den Hintergrund des Schiebereglers, den inneren Rand und das Bild im Hintergrund (was Sie hier wissen müssen, ist, dass ein Hintergrundbild auf dieser Ebene auf allen Ihren Geräten angezeigt wird Dia).

die Registerkarte "Spinner"

Auf dieser Registerkarte können Sie eine Animation definieren, während Sie den Schieberegler laden.

die Registerkarte "Mobil"

Auf dieser Registerkarte können Sie die Anzeige des Schiebereglers auf Mobilgeräten verwalten. Sie müssen wissen, dass der mobile Datenverkehr wichtig ist, und sollten ihn daher nicht vernachlässigen. Sie haben die Möglichkeit, den Schieberegler auszublenden, wenn die Abmessungen des Handys (Breite) geringer sind als eine von Ihnen festgelegte Zahl (in Pixel).

die Registerkarte "Position"

Auf diese Weise können Sie die Position des Schiebereglers relativ zur Seite bestimmen. Ich werde eher sagen, in Bezug auf den Ort, an dem es sich befindet. Diese Option muss nicht geändert werden, da wir wahrscheinlich alle möchten, dass der Schieberegler zentriert wird.

Abschnitt "Navigation"

In diesem Abschnitt können Sie die Navigationsschaltflächen zwischen den Folien auf Ihrem "Schieberegler" aktivieren. Sie haben 6 Navigationsoptionen:

  • Pfeile
  • Flöhe
  • Laschen
  • Thumbnails
  • Der Effekt des Aufsetzens auf Mobilgeräten
  • Und das Navigieren mit den Pfeiltasten

Mit jeder aktivierten Option können Sie die Position der Navigationselemente oder deren Funktionsprinzip konfigurieren (Standardeinstellungen sind in der Regel ausreichend).

konfigurations Navigation-Revolution-Schieber

Abschnitt "Karusselleinstellungen"

Abschnitt Parameter-du karussell revolution-slider

Dieser Abschnitt wird nur angezeigt, wenn Sie den Typ " Karussell-Slider », Und ermöglicht es Ihnen, seine Optionen zu konfigurieren. Sie werden in der Lage sein:

  • Aktivieren Sie das unendliche Scrollen
  • Definieren Sie einen Abstand zwischen den Folien, wenn Sie nicht möchten, dass sich die Folien berühren
  • Stellen Sie einen abgerundeten Rand in Pixel ein
  • Stellen Sie einen hohen oberen Rand ein (padding-top)
  • Stellen Sie einen niedrigen oberen Rand ein (padding-bottom)
  • Die Anzahl der Elemente, die durch "Folie" sichtbar sind
  • « strech Element", Ermöglicht es Ihnen, das Element so zu dehnen, dass es die gesamte Breite des" Schieber »

Sicherheit ist ein wichtiges Element für die Verfügbarkeit Ihrer Website. Eine der Techniken, die Sie vor schwerwiegenden Angriffen oder Fehlern schützen, besteht darin, Ihr Blog regelmäßig zu sichern. Entdecken Sie unsere 5 WordPress Blog Backup Plugins

Abschnitt "Parallaxe & 3D"

Hier können Sie die Option " 3D Auf deinem Slider.

Abschnitt "Problem & Handling"

In diesem Abschnitt können Sie die Kompatibilität mit alten Geräten verwalten. Sie können den Schieberegler auf "vereinfachen IOS4 und Internet Explorer 8 ".

Andernfalls können Sie ein alternatives Bild anzeigen, wenn der Browser den Schieberegler nicht unterstützt.

Abschnitt "Google Fonts"

Mit dieser Funktion können Sie die heruntergeladenen Google Fonts-Schriften verwalten und auf den Slider anwenden.

Sobald Sie die Parameter Ihres Schiebereglers definiert haben. Alles was Sie tun müssen, ist auf die Aufnahmetaste zu klicken.

save-a-Schieber-Schieber-Revolution

Wenn das WordPress Slider Revolution-Plugin beim Erstellen von Slidern auf WordPress-Websites nicht Ihr Favorit ist, bieten wir hier zwei Alternativen an, die ähnliche Funktionen bieten können.

1. LayerSlider

LayerSlider ist ein Premium-Mehrzweck-Animations-Plugin von WordPress. Sie haben die Möglichkeit, Diashows und Bildergalerien mit atemberaubenden Effekten, wunderschön animierten Zielseiten und Seitenblöcken oder sogar einer vollständigen Website zu erstellen.Layerslider WordPress Plugin erstellen Slider 1

Es ist eine der Alternativen, die in der Lage sind, Slider Revolution eng miteinander zu konkurrieren. Der visuelle Drag & Drop-Editor macht es für jeden sehr intuitiv, ihn zu verwenden. Es sind keine technischen oder Codierungskenntnisse erforderlich. Die ständig wachsende Auswahl an importierbaren Modellen ist ein idealer Ausgangspunkt für neue Projekte und deckt alle gängigen Anwendungsfälle ab. Sie werden mit Sorgfalt hergestellt und können leicht an alle Bedürfnisse angepasst werden.

Exzellenter Support und häufige Updates sorgen dafür, dass Sie Ihren Einkauf optimal nutzen können.

Gehen Sie weiter mit diesem leistungsstarken WordPress-Plugin, indem Sie diesen Artikel lesen Layer Slider: Ein WordPress Plugin um einen Slider zu erstellen

Download | Demo | Web-Hosting

2. WP1 Schieberegler

WP1 Slider ist ein vielseitiges WordPress-Plugin. Es ist einfach zu bedienen und verfügt über alle nützlichen Funktionen, die Sie zum Erstellen wunderschöner Diashows benötigen. Die meisten Slider-Plugins sind zu technisch und benötigen viel Zeit, um sie zu konfigurieren, aber WP1 Slider wurde für Nicht-Programmierer entwickelt und bietet unglaubliche Optionen.Wp1 Folie Pro WordPress Plugins erstellen Diashows Website Folien

Unter diesen finden Sie: dieUnterstützung von Kenburn-Effekten, 6 verschiedene Modelle von Schiebereglerübergängen, dieUnterstützung von Kurzwahlen, a cAufnahme von Dias per Drag & Drop, die cSchnelle Belästigung und exzellente SuchmaschinenoptimierungUnterstützung für das Teilen in mehreren sozialen Netzwerken, die iIntegration von YouTube- und Vimeo-Videos, ein E-Layoutvoll ansprechbar, die Unterstützung von WooCommerce und andere.

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Fazit

Voila! Das ist alles für diese Präsentation über die Konfiguration des WordPress-Plugins Slider Revolution. Wir werden in einem zukünftigen Tutorial fortfahren, in dem wir das Design von Folien diskutieren.

Sie können jedoch auch 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.

Wenn Sie jedoch Anmerkungen oder Vorschläge zu diesem Thema haben, sind diese im Kommentarbereich willkommen. Teilen Sie diesen Artikel besonders auf Ihrem anderen soziale Netzwerke.

10 Aktien
Aktie2
tweet1
Registrieren7