So erstellen Sie einen vertikalen Slider mit Slider Revolution

Dieser Artikel ist Teil unserer fortlaufenden Reihe von Slider Revolution-Tutorials. Alle Artikel dieser Serie finden Sie in unserem umfassenden Slider Revolution Guide.

Wenn wir an Schieberegler auf Websites denken, denken wir normalerweise an die „normalen“ horizontalen Schieberegler, die von links nach rechts scrollen. Immer mehr Designer entscheiden sich jedoch für weniger konventionelle Lösungen für ihre Slider. Heute sprechen wir über eine beeindruckende, modern aussehende Art von Schieberegler, die eigentlich ganz einfach zu machen ist – der vertikale Schieberegler. Diese Schieberegler nehmen oft die gesamte Seite ein und nicht nur den oberen Teil, wie horizontale. Das macht sie noch beeindruckender, da sie lassen die Seite sehr dynamisch erscheinen und bieten dennoch genügend Platz für andere Elemente, wie Text oder Schaltflächen, wie Sie im Beispiel unten sehen können, aus unserem Goodwish-Theme.

So erstellen Sie einen vertikalen Schieberegler

Dank Slider Revolution ist die Erstellung eines vertikalen Sliders, auch eines, der sich über die gesamte Seite erstreckt, überhaupt nicht kompliziert. Tatsächlich ist es ziemlich einfach, wie die meisten Dinge in diesem ausgezeichneten Plugin.

Eins wichtiger Hinweis bevor wir fortfahren: Wenn Sie einen vertikalen Slider Revolution-Slider im Vollbildmodus erstellen möchten, Stellen Sie sicher, dass die Größe der Bilder, die Sie verwenden, den gesamten Bildschirmbereich abdeckt (1920x1100px)..

Um zu beginnen, gehen Sie von Ihrem Admin-Dashboard zu Slider Revolution. Als erstes müssen Sie natürlich den Typ des Schiebereglers auswählen, den Sie erstellen möchten. Wählen Sie hier den Typ namens Schieberegler.

Unter Größenbestimmung, wählen Vollbild.

Ihr nächster Schritt sollte darin bestehen, die Scrollrichtung der Maus festzulegen. Gehe rüber zu Navigation > Kugeln. Mach das … an Kugeltyp zuerst wechseln. Dann, unter Position > Ausrichtung, wählen Vertikal.

Als nächstes müssen Sie entscheiden, ob Ihr Slider nach Erreichen der letzten Folie in einer Schleife ausgeführt werden soll. Wir empfehlen Ihnen, diese Einstellung zu wählen, da sie dynamischer erscheint, während der Schieberegler, der gerade stoppt, möglicherweise so aussieht, als ob etwas nicht stimmt.

Gehe zu Maus > Navigation mit der Maus und wähle die Option mit dem Spruch Karussell.

Außerdem benötigen vertikale Schieberegler keine Pfeile, sodass Sie diese unten deaktivieren können Pfeile > Pfeiltyp.

Vertikale Schieberegler auf kleineren Geräten

Jetzt müssen Sie die Tatsache berücksichtigen, dass viele Menschen mit ihren Handheld-Geräten im Internet surfen – vor allem mit ihren Smartphones. Wenn Ihre Website über einen vertikalen Schieberegler im Vollbildmodus verfügt, möchten Sie sicherstellen, dass sie auch auf diesen Geräten gut aussieht und funktioniert. Die standardmäßige Wischrichtung für Schieberegler ist horizontal: Um zum nächsten Schieberegler zu gelangen, wischt der Benutzer nach links und der Schieberegler ändert sich. Bei vertikalen Schiebereglern muss die Richtung natürlich vertikal sein (nach oben und unten), also müssen Sie dies auch einstellen, wenn Sie sicherstellen möchten, dass Ihr Schieberegler auf kleineren Bildschirmen richtig funktioniert.

Um die Einstellungen anzupassen, gehen Sie zu Berühren Sie > Navigationsoptionen. Legen Sie hier die Wischrichtung fest (Wische in Richtung) zu Vertikal.

Und das ist alles. Jetzt können Sie Ihre Folien und Ebenen hinzufügen, wie Sie es mit einem normalen horizontalen Schieberegler tun würden.

Abschließend

Mit Slider Revolution sind vertikale Slider einfach zu erstellen und können Ihnen einen großen Einfluss auf den Eindruck verschaffen, den sie bei Ihren Besuchern hinterlassen. Wenn Sie nach Inspiration suchen, gibt es viele Premium-WordPress-Themes mit voll funktionsfähigen und schönen vertikalen Schiebereglern, also schauen Sie sie sich an.