Die angebotene Schieber sind Elemente, die auf fast allen Homepages von Websites zu finden sind. Smart Slider 3 ist ein leistungsfähiges Plugin, das in einer kostenlosen und einer Premium-Version verfügbar ist.
Die Hauptmerkmale dieses Plugins
Als Feature bietet es unter anderem:
- Eine intuitive Benutzeroberfläche
- Ein Drag-and-Drop-Videoseitenersteller mit Live Preview / 8
- Dynamische Folien, die mit Artikeln erstellt und nach ID oder benutzerdefinierten Seiten gefiltert werden können
- Foliengenerierung (Dynamisch) aus einer Vielzahl von sozialen Netzwerken (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube und mehr).
- Anpassbare Schieberegler
- Gleitanimationen im Hintergrund (Ken Burns)
Kostenlos gegen Premium
Wenn Sie nur einen einfachen Schieberegler suchen, Smart Slider 3 ist auf WordPress.org verfügbar im Plugins-Verzeichnis. Sogar die kostenlose Version ist beeindruckend und besonders im Vergleich zu einigen anderen Schiebereglern.
Eine persönliche Single-Site-Lizenz kostet nur 25 US-Dollar (Die Verlängerung erfolgt bei 15 $).
Es gibt einige wesentliche Unterschiede zwischen der kostenlosen und der Premium-Version in Bezug auf Inhalt und Funktionen. Folgendes erhalten Sie mit der Premium-Version:
- Ein unbegrenzter Generator für dynamische Folien
- Erweiterte Befehle
- Expertenmodus
- Animationen im Hintergrund
- Ein Bildbetrachter und -editor
- 43-Slider-Demos
Tutorial: Erstellen eines einfachen Schiebereglers
Wenn Sie WordPress noch nie installiert haben, entdecken Sie Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren.
Einmal aktiviert, die WordPress Plugin Slider Smart platziert ein eigenes Menü am unteren Rand des WordPress-Admin-Panels.
Wenn Sie noch nie eine installiert haben WordPress Plugin entdecken Wie ein Plugin in Wordpress zu installieren
Klicken Sie auf das Menü Smart-Sliderwird die Hauptoberfläche geöffnet, wobei die erste Option, die Sie sehen, eine große grüne Schaltfläche ist: " erstellen Slider » Dadurch wird ein Fenster für die Erstkonfiguration geöffnet (siehe unten).
Von dort aus können Sie Ihren Schieberegler benennen und einen allgemeinen Stil auswählen. Es stehen viele Stile zur Auswahl (z. B. volle Breite, ganze Seite, Karussell, Miniaturansicht usw.), aber wir werden einen Blockschieberegler verwenden, der auf dem Layout unserer vorhandenen Website basiert.
Klicken Sie auf "Erstellen" und Slider Smart beginnt mit dem Entwurf Ihres grundlegenden Slider-Modells. Nach ein paar Sekunden befinden Sie sich auf einer Seite, die alle grundlegenden Details zum Plugin enthält.
Entdecken Sie So erstellen Sie eine Datenschutzrichtlinie für WordPress
Das erste, was hier zu beachten ist, ist der Abschnitt " veröffentlichen Slider". Sie müssen eine dieser drei Methoden anwenden (Shortcode, Seiten- oder Post-Editor oder PHP-Code), wenn es an der Zeit ist, Ihre Folie zu veröffentlichen (n ° 1 unten). Bevor wir das tun können, müssen wir Folien erstellen.
Hier zeigt das Plugin seine Benutzerfreundlichkeit.
Alles was Sie tun müssen, ist auf den grünen Knopf zu klicken " Bild hinzufügen Rutsche "(n ° 2 unten) und Ihre Medienbibliothek wird geöffnet. Von dort aus können Sie so viele Bilder auswählen, wie Sie möchten, oder mit nur einem beginnen und dann auf "Klicken" klicken. Auswählen Im Fenster der Medienbibliothek.
Anmerkung: Sie sind bei der Auswahl Ihrer Folie nicht auf Bilder beschränkt. Sie können auch Videos oder Artikel verwenden sowie leere, statische oder sogar dynamische Folien erstellen.
Konsultieren So duplizieren (kopieren) Sie Ihre Seiten in WordPress: Das Tutorial
Smart Slider lädt Ihre Folie in die Benutzeroberfläche und Sie können sie speichern und veröffentlichen oder mit dem Anpassen beginnen. Wenn ich meine Diashow veröffentliche, funktioniert sie zwar einwandfrei, ist aber nicht ganz das, wonach ich gesucht habe, wie Sie im Bild unten sehen können.
Um dies zu korrigieren, ging ich zum Menü "Größe" und ich scrollte nach unten zu dem Abschnitt Reaktionsmodus. Die Auswahl war "Gesamtbreite", also habe ich gewählt "Auto" und rettete meinen Fortschritt. Von dort ging ich zurück zum " General „und eine ausgewählte Mittenausrichtung.
Wenn ich hier über Benutzerfreundlichkeit spreche, denken Sie daran Dieser ganze Vorgang dauerte weniger als 5 Minuten für meinen ersten Versuch.
Jetzt ist es Zeit, an der Folie selbst zu arbeiten. Wenn Sie mit der Maus über Ihre Folien im Ansichtsfenster fahren, werden Sie feststellen, dass in der oberen linken Ecke ein grünes Feld angezeigt wird. Wie Sie vielleicht erraten haben, markiert das Klicken diese Folie als die erste in der Sequenz.
Siehe auch 5 ausgezeichnete Premium-WordPress-Plugins, um einen Slider hinzuzufügen
Nachdem mein Schieberegler erstellt und der Hintergrund vorhanden war, war es an der Zeit, einige Inhalte und Übergänge hinzuzufügen. Um diesen Schritt auszuführen, klickte ich einfach auf die Folie, die ich bearbeiten wollte und die zum Ebenenbereich führt.
Es gibt viele individuelle Einstellungen im rechten Bereich, aber wenn Sie nach unten scrollen, finden Sie ein Bild Ihrer Folie. Sie können dann auf eines der Elemente im linken Bereich klicken, um es auf Ihrer Folie zu platzieren.
Das Erstellen dieser Folien ist eine andere Schule. Es gibt so viele Möglichkeiten. Um Ihnen einen Eindruck von der Flexibilität dieses Plugins zu geben, sehen Sie sich an, was jedes Element für Ihren Schieberegler tun kann:
- Ein Menüpunkt
- Unterhaltung
- Ebeneneinstellungen
In jedem dieser Menüs gibt es mehrere Untermenüs. Wenn Sie beispielsweise ein Textelement erstellen, können Sie die Schriftarteinstellungen anpassen, z.
- Die Schriftfamilien
- Die Textfarbe
- Schriftgröße
- Die Höhe der Linie
- Die Dekoration des Textes
- Ausrichtung
- Buchstaben- und Wortabstand
- Einstellungen für die Textbearbeitung
- Textschatten
Jedes Textelement auf Ihrem Schieberegler kann eindeutige Einstellungen, eindeutige Animationen und eigene Synchronisierungseinstellungen haben. Es gibt sogar einen Abschnitt für die Benutzerdefiniertes CSS.
Wenn Sie Ihrer Folie Elemente und Animationen hinzufügen, werden Sie in der Pro-Version auch eine Kalenderfunktion bemerken, mit der Sie dies tun können Steuern Sie die Anzeigezeit einzelner Elemente und die Dauer ihrer Animationen mit einfachen Gleitstangen.
Ich habe mich auf diese Funktion verlassen, als ich etwas später verschiedene Ebenen für diese Folie hinzufügte.
Hinzufügen von Ebenen und Animationen
Wenn unser Schieberegler installiert und der Hintergrund installiert ist, ist es Zeit, einige vorzustellen différents Elemente und Ebenen. Wir beginnen mit dem Hinzufügen eines Bildes eines Schneemanns zur Folie. Dazu gehe ich zum Menü "Lagen" und klicken Sie auf " Bild ". Dadurch wird ein fiktives Bild auf der Folie platziert.
entdecken Sie auch So konfigurieren Sie das WordPress Slider Revolution-Plugin
Von dort aus können Sie auf das Dummy-Bild unten links klicken und dann das Bild in der Medienbibliothek auswählen und seine Größe ändern.
Sobald ich mein Bild ausgewählt, eingefügt und in der Größe geändert habe, ist es Zeit, einige grundlegende Animationen hinzuzufügen, die in nur wenigen Schritten ausgeführt werden können.
Die erste besteht darin, die Registerkarte auszuwählen "Animationen" wie unten gesehen. Sobald Sie fertig sind, klicken wir auf die grüne Animationstaste "Im".
Auf dem nächsten Bildschirm kann ich meine Animation auswählen und den Zeitplan anpassen. Für diese spezielle Folie führe ich eine "RECHTE" Animation ein und erhöhe die Dauer auf 2200 ms.
Suchen Sie nach einem FTP, um Ihre WordPress-Dateien und -Ordner zu verwalten? Entdecken Sie So verwenden Sie FTP auf Windows 10
Ich werde auch eine Verzögerung von 300 ms hinzufügen. Am unteren Rand dieses Bildschirms können Sie ein bestimmtes Ereignis und einen Auslöser für diese Animation festlegen, z. B. einen Mauszeiger oder einen Klick auf die Folie. Ich werde die Dinge mit diesen Einstellungen für dieses Beispiel nicht komplizieren.
Dann werde ich etwas Text hinzufügen. Klicken Sie nach dem gleichen Verfahren wie oben auf den Eintrag " Text hinzufügen Und nehmen Sie die erforderlichen Anpassungen vor. Ich gab den Text ein und ging dann zu den Schriftarteinstellungen, wo ich die Größe und Farbe änderte.
Ich füge eine Animation hinzu " Einblenden Und haben Sie den Kalender so angepasst, dass er direkt nach der Schneemannanimation startet.
Sie werden auch in diesem Menü feststellen, dass es eine Möglichkeit gibt spezifischer Text für Tablets und Geräte Handy, Mobiltelefon. Dies ist ein großartiges Beispiel für die Funktionen, die dieses Plugin so flexibel und benutzerfreundlich machen.
In einigen "anderen" Schiebereglern wäre ich gezwungen gewesen, eine Medienabfrage und benutzerdefiniertes CSS zu verwenden.
Zum Schluss füge ich zwei weitere Ebenen hinzu. Die erste ist eine Textebene und die zweite ist eine Bildebene. Wiederum mache ich genau den gleichen Prozess wie oben, aber ich habe ein wenig mehr Zeit für die Animation aufgewendet. Sie können die Endergebnisse unten sehen.
Alles in allem war das Erstellen dieser Folie ein Prozess von 20-Minuten.
Hinweis: Konvertieren Sie diese Folie in GIF wird bestimmte Fristen der schönen ausgewählten Animationen ändern, die ich sorgfältig zusammengestellt habe.
Voila! Nachdem ich viele Plugins ausprobiert habe WordPress Ich kann ehrlich sagen, dass dies einer der besten ist, den ich je getestet habe. Es ist nicht nur ein spezifisches Merkmal, das es einzigartig macht. Es ist eine Kombination von Dingen, die zeigen, wie großartig ein Plugin ist.
Es ist wichtig zu beachten, dass ich nicht jedes einzelne Feature behandelt habe.
entdecken Sie auch Wie kann man herausfinden, welches Thema in einem WordPress-Blog verwendet wird?
Ich bin sicher, wenn ich ein bisschen mehr Zeit mit diesem Plugin verbringen würde, würde ich ein paar Dinge finden, die ich ändern möchte, und vielleicht sogar ein paar Fehler. Ich denke, die Benutzerfreundlichkeit hält die Leute lange genug dort, damit sie schließlich die Vielzahl der angebotenen Funktionen voll ausnutzen können. Und glauben Sie mir, es gibt viele.
Laden Sie Smart Slider 3 herunter
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. WooCommerce Page Builder
WooCommerce Page Builder ist ein WordPress Plugin Sehr beliebt, da es eine ziemlich konsistente Anzahl an Shortcodes bietet und es Ihnen ermöglicht, verschiedene Arten personalisierter Seiten (Produkt, Warenkorb, Kasse, „Mein Konto“) auf Ihrer Website zu erstellen WooCommerce. Es ist eine Erweiterung von Visual Composer Plugin das musst du vorher installieren.
Dank dieses Plugins haben Sie die Möglichkeit von Erstellen Sie E-Commerce-Websites einzigartig mit jedem Wordpress-Theme, und machen Sie viel Geld.
Herunterladen | Demo | Web-Hosting
2 Elementor
Das Elementor WordPress-Plugin wurde ursprünglich im Jahr 2016 gestartet und ist einer der jüngsten Seitenersteller auf dieser Liste. Trotz des späten Starts hat Elementor schnell über 1 aktive Installationen auf WordPress.org gestartet und ist damit eine der Visual Builder der beliebtesten WordPress-Seiten.
Was seinen Ruf ausmacht, ist seine flüssige visuelle Oberfläche, seine verschiedenen Stiloptionen und andere leistungsstarke Funktionen wie die vollständige Erstellung von WordPress-Themes.
Die Benutzeroberfläche ist in zwei Hauptteile unterteilt, mit einer dritten Zone für bestimmte Parameter. Die kostenlose Version von Elementor bietet kostenlose 28-Widgets. Die Pro-Version bringt über 30 weitere Widgets, insgesamt 58-Widgets in der Pro-Version. Die kostenlose Version enthält ungefähr 40-Vorlagen, während die Pro-Version Hunderte von zusätzlichen Vorlagen enthält.
Herunterladen | Demo | Web-Hosting
3. Ninja Popups
Mit über 30 Verkäufen und einer Bewertung von 000 Sternen gehört Ninja Popups zu den Wordpress-Plugins die beliebtesten auf Code Canyon.
Neben einer großen Auswahl an Modellen für eine Vielzahl von Anwendungen bietet es auch verschiedene Funktionen wie: einen visuellen Builder von Pop-up, 10 verschiedene Anzeigepositionen für Popups, 74 verschiedene Animationseffekte, Unterstützung der Anti-Blocking-Technologie zur Umgehung von Werbeblockern, eine Vielzahl von Targeting-Optionen, Statistiken in der Armaturenbrett, Blockieren von Inhalten für das Anmelden von E-Mails oder das Teilen in sozialen Medien, unzählige Integrationen mit E-Mail-Marketingdiensten und vieles mehr.
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- So erstellen Sie eine Datenschutzrichtlinie für WordPress
- Wie man die Struktur von WordPress-Dateien versteht
- So fügen Sie einer WordPress-Seite ein Navigationsmenü hinzu
- So konfigurieren Sie das WordPress Slider Revolution-Plugin
Zusammenfassung
Hier ist ! Das war's für dieses Tutorial und ich hoffe, es wird Ihnen helfen, mit Hilfe von einfach Schieberegler oder Folien zu erstellen WordPress Smart-Slider Plugin. Wenn es Ihnen gefallen hat, zögern Sie nicht Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken.
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.
Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.
...
Guten Tag,
Vielen Dank für Ihre ausführlichen Erläuterungen zum Smart Slider 3.
Nachdem ich meinen Schieberegler erstellt habe, füge ich ihn in einen Artikel ein. Die Größe des Schiebereglers entspricht nicht dem, was ich mit dem Werkzeug eingestellt habe. Es nimmt die gesamte Breite des Containers ein. Wie können wir es an das vordefinierte Format einer Seite oder eines Artikels anpassen?
herzlich
Guten Tag,
Ich habe Ihr Thema nie getestet, sorry. Ich lade Sie ein, die Plugin-Dokumentation zu lesen oder den Entwickler zu kontaktieren.