Wir setzen heute unsere Anleitung zu Revolution Slider fort, aber dieses Mal werden wir über die Diashow-Anzeige in einer WordPress-Seite / einem WordPress-Artikel sprechen, aber wir werden auch einige erweiterte Konfigurationen an Ihrem Slider vornehmen. Ich hoffe, dass Sie seit Beginn dieser Anleitungen zu Hause üben (Es ist ein beträchtlicher Vorteil, immer zu üben). Wenn Sie auf ein Problem stoßen, erinnere ich Sie daran, dass Sie mir Fragen stellen können, die ich gerne beantworte.

Für diejenigen, die mit dem Lesen dieses Tutorials beginnen, lade ich Sie ein, den Beginn dieser Tutorials auf Revolution Slider nicht zu verpassen:

Wenn Sie diese Schritte durchlaufen haben, können Sie fortfahren, sonst werden Sie es schwer haben, mir zu folgen.

Was Sie über Slideshow wissen müssen

Revolution Slider ist ein Plugin, das von keinem Thema abhängt. Im Prinzip können Diashows des letzteren zu jeder Art von Thema angezeigt werden, dies ist jedoch nicht immer der Fall. In der Tat hat jedes Thema CSS-Stilregeln, die die korrekte Anzeige von Schiebereglern behindern können. Manchmal, wenn Sie einen Schieberegler wählen, ein Layout " volle Breite Es läuft über und wird nicht so angezeigt, wie es sollte.

Anstatt nach einem kostenlosen Thema zu suchen, das irgendwann mit Revolution Slider kompatibel sein wird, empfehle ich, ein Premium-Thema zu wählen, das bereits mit Revolutio Slider kompatibel ist. Eines der Themen, die ich zuerst sehe, ist " Gesamt Vom WPExplorer.

the-Gesamt-theme-Wordpress-Rahmen

Eines der Beispiele, die rechtfertigen, dass Sie ein Premium-Thema verwenden müssen, ist beispielsweise die Anzeige eines Schiebereglers mit dem Thema Vierundzwanzig.

Revolution-Slider-Tutorial-Wordpress-Slider-Display-Revolution

Sie können feststellen, dass auf diesem Bild der rote Bereich den gesamten aktuellen Bereich des Themas darstellt. Der blaue Bereich stellt den Überlauf des Schiebereglers auf dem Thema dar. Möglicherweise stellen Sie fest, dass die Anzeige nicht optimal ist. Sie werden mehrere finden WordPress-Themes kompatibel mit Revolution Slider on ThemeForest

Lassen Sie uns herausfinden, wie ein Schieberegler auf einem Artikel / einer Seite angezeigt wird

Wie ein Schieber auf einem Artikel angezeigt werden

Mit Revolution Slider können Sie Ihren Seiten / Artikeln auf zwei Arten Schieberegler hinzufügen.

Unter Verwendung des Short

Sie rufen die Konfigurationsseite auf und rufen den Shortcode ab. In der Sektion Slider-Titel & Shortcode Sie werden 3-Felder bemerken. Die 3e Das Feld, das einen Shortcode enthält, der wie folgt beginnt: „[rev_slider…“, ist das Feld, aus dem Sie kopieren müssen Inhalt.

Revolution-Slider-Recovery-of-Short

Alles, was Sie jetzt tun müssen, ist, den Shortcode in einen Artikel oder eine Seite Ihrer Wahl einzufügen.

Verwenden Sie die Schaltfläche zum Hinzufügen eines Schiebereglers im visuellen Editor

Wenn Sie nicht jedes Mal zur Schiebereglerkonfigurationsseite zurückkehren möchten, können Sie die durch den Drehregler hinzugefügte Schaltfläche im visuellen Editor verwenden.

Add-a-Slider-Wordpress-Tutorial

Wenn Sie darauf klicken, wird ein neues Fenster geöffnet, in dem Sie den Schieberegler auswählen können, den Sie Ihrer Seite hinzufügen möchten.

Add-a-Slider-hat-einen-Seite-Wordpress

Durch Auswahl eines Schiebereglers können Sie die Reihenfolge der Folien ändern. Diese Änderung wird nur mit dem benutzerdefinierten Shortcode wirksam, der generiert wird. Um die Reihenfolge der Folien zu ändern, klicken Sie auf " Ã„ndern Schnell Slider â€œ. Sie greifen auf die Liste der Folien zu, die Sie mit " Drag and Drop ".

Drag-and-Drop-Revolution-Schieber

Sobald Sie fertig sind, werden Sie einen Shortcode bemerken, der dem visuellen Editor hinzugefügt wurde.

Shortcode-Revolution-Schieber

Jetzt müssen Sie nur noch eine Vorschau Ihres Artikels anzeigen. Das ist alles, jetzt haben Sie die Grundlagen, um einen Schieberegler in WordPress zu erstellen.

Einige Tipps zur erweiterten Verwendung von Revolution Slider

Jetzt, da Sie wissen, wie man Revolution Slider verwendet, gebe ich Ihnen einige Tricks Dies wird Ihnen helfen, bei der Verwendung dieses Plugins produktiver zu sein.

Verwenden von Tastenkombinationen

Revolution Slider möchte ein vollständiger Diashow-Editor sein. Infolgedessen können Sie einige Tastaturkürzel verwenden, mit denen Sie schneller arbeiten können.

  • STRG + S : um deine Arbeit zu retten
  • Richtungspfeile : um einen Gegenstand auf deiner Bühne zu bewegen
  • Umschalt + Richtungspfeile : Mit dieser Option können Sie Objekte schneller verschieben
  • Umschalt + Größe ändern : Führen Sie eine proportionale Skalierung durch
  • Doppelklick : öffne die Modifikation eines Elements

Beherrsche die Werkzeuge des Folieneditors

Die Folie bietet Werkzeuge, mit denen Sie Ihre Elemente einfach verschieben können. Wir haben bereits über ein Raster gesprochen, aber Sie können auch die von Revolution Slider vorgeschlagene Ausrichtungsschaltfläche verwenden.

Alignment-of-Elemente-Umdrehungen-slider

Mit diesen Ausrichtungsschaltflächen können Sie das Element für die erste Zeile von links nach rechts am linken Ende der Bühne, in der Mitte der Bühne und ganz rechts auf der Bühne platzieren. Für die zweite Reihe, am oberen Ende der Bühne, in der Mitte der Bühne und am unteren Ende der Bühne. Wenn Sie diese Schaltflächen richtig verwenden, können Sie Elemente auf einfache Weise mit zwei Klicks zentrieren.

Element Mitte-Umdrehung-slider

Verwenden Sie das Navigationswerkzeug zwischen Elementen einer Szene

Um Elemente, die in einer Szene verfügbar sind, leicht zu finden, können Sie die " Timeline Oder der Elementarforscher einer Szene. Letzterer steht ganz oben im Bühneneditor.

Explorer-in-slide-Umdrehung-slider

Durch Klicken auf die Explorer-Liste können Sie verschiedene Vorgänge für die Elemente ausführen, darunter:

  • Bearbeiten Sie ein Element: Stiftsymbol
  • Ändern Sie die Proportionen des Elements: Symbol mit Richtungspfeilen
  • Element löschen: Papierkorbsymbol
  • Doppeltes Element: Doppelseitensymbol
  • Ein Element ausblenden: Augensymbol
  • Sperren eines Elements: Vorhängeschlosssymbol

Wenn Sie diesem Bereich etwas Aufmerksamkeit schenken, werden Sie die Schaltflächen zum Testen der Schiebereglererweiterung bemerken. Auf diese Weise können Sie eine Vorschau der Anzeige Ihres Schiebereglers auf Mobilgeräten anzeigen.

Mode-Umdrehung-responsive-slider

Das war's für dieses Tutorial. Sie können jetzt einen fantastischen Schieberegler erstellen. Wenn Sie Fragen haben, zögern Sie nicht, sie zu stellen.