Verwenden der Miniaturbildspur vs. Punktnavigation im Video-Slider-Modul von Divi

Thumbnail Track vs. Dot Navigation ist eines der Dinge, die wir berücksichtigen müssen, wenn wir unseren Divi-Layouts ein Video-Slider-Modul hinzufügen. Beide sind eine gute Wahl, aber jede ist für bestimmte Situationen besser geeignet. In diesem Artikel werden wir uns mit der Verwendung von Thumbnail Track vs. Dot Navigation im Video Slider-Modul von Divi befassen, um Ihnen bei der Entscheidung zu helfen, welche Sie in Ihrer Situation verwenden möchten.

Miniaturspur und Punktnavigation

Die Miniaturspur und die Punktnavigation erleichtern die Navigation durch die Videofolien im Divi Video Slider-Modul. Beide zeigen das aktuelle Video innerhalb des Videoplayers an, aber ihre Navigation ist sehr unterschiedlich.

Beide Arten der Navigation funktionieren gut, aber manchmal ist die eine die bessere Wahl als die andere. Wir werden diese Idee untersuchen, während wir gehen. Das folgende Beispiel zeigt beide Arten der Navigation.

Wechseln zwischen Miniaturspur und Punktnavigation

Es ist einfach, zwischen Thumbnail Track und Punktnavigation zu wechseln. Aktivieren Sie den Visual Builder oben auf dem Bildschirm. Bewegen Sie den Mauszeiger über das Video-Slider-Modul und klicken Sie auf das graue Zahnradsymbol.

Scrollen Sie nach unten zu Elemente . Sie sehen eine Einstellung namens Slider Controls , die ein Dropdown-Feld enthält. Dieses Dropdown enthält beide Navigationsoptionen. Klicken Sie einfach auf die gewünschte Option. Miniaturspur verwenden ist die Standardeinstellung. Das ist die Navigation, die im Bild unten zu sehen ist.

Schieberegler:

• Miniaturspur verwenden
• Verwenden Sie die Punktnavigation

Ich habe jetzt Use Dot Navigation ausgewählt. Die Thumbnails wurden entfernt und Punkte erscheinen jetzt auf dem Bild des Videos.

Ein Blick auf die Miniaturspur

Miniaturspur zeigt ein Miniaturbild der Folien unter dem Videoplayer an. Wenn Sie den Mauszeiger über ein Miniaturbild bewegen, werden das Wiedergabesymbol und die Links- und Rechtspfeile angezeigt. In diesem Beispiel bewege ich den Mauszeiger über das zweite Miniaturbild von links.

Durch Klicken auf ein Miniaturbild wird dieses Video im Videoplayer angezeigt. Das Miniaturbild für das aktuelle Video zeigt ein Overlay.

Durch Klicken auf einen Pfeil in der Miniaturbildspur werden die Miniaturbilder zum vorherigen oder nächsten Satz von Miniaturbildern gescrollt. Auf diese Weise können Benutzer die Miniaturansichten leicht sehen und ihr Video im Video-Schieberegler auswählen.

Sie haben die Kontrolle über die Überlagerung und die Steuerungsfarbe der Miniaturbildspur. Wählen Sie eine beliebige Farbe für die Überlagerungsfarbe für Miniaturansichten aus. Wählen Sie zwischen den Optionen „ Hell “ und „ Dunkel “ für die Farbe der Schiebereglersteuerung .

• Miniaturbild-Überlagerungsfarbe: Wählen Sie eine benutzerdefinierte Farbe
• Schieberegler Farbe: Wählen Sie Hell oder Dunkel

Wann man die Miniaturspur verwenden sollte

Da Thumbnail Track Bilder anzeigt, ist es am besten, es auf einer Seite oder an einer Stelle auf einer Seite zu verwenden, die nicht viele Bilder enthält. Verwenden Sie es mit Leerzeichen. Es ist ideal, wenn Sie die Aufmerksamkeit auf die Folien lenken möchten.

Wo Thumbnail Track ideal ist

Hier sind ein paar Beispiele. Es funktioniert gut in den Beispielen unten, weil es nicht viele Bilder in der Umgebung gibt und es genügend Leerraum hat, um es von den anderen Elementen zu trennen.

In diesem Beispiel verwende ich die Zimmerseite im kostenlosen Bed and Breakfast Layout Pack. Ich habe das Video-Modul und die Bild-Module durch ein einzelnes Video-Slider-Modul ersetzt. Dies ist die perfekte Verwendung des Video Slider-Moduls mit Thumbnail Track. Die Miniaturansichten zeigen, was die Folien sind, sodass der Besucher leicht den Raum sehen kann, an dem er interessiert ist.

Die Punktnavigation ist für dieses Layout nicht ideal. Es lenkt die Aufmerksamkeit nicht auf die Räume, was das Ziel dieser Seite ist.

Im folgenden Beispiel habe ich das Video-Slider-Modul mit der Miniaturbildspur auf der Startseite des kostenlosen Berater-Layoutpakets platziert, das in Divi verfügbar ist. Zwischen dem Video-Slider und den Modulen darüber und darunter befindet sich ein weißer Bereich. Das Modul hat die volle Breite des Layouts, sodass genügend Bildschirmbreite für die Navigations-Thumbnails vorhanden ist.

Die Punkt-Navigation funktioniert auch hier gut, lenkt aber die Aufmerksamkeit nicht auf die Video-Folien. Es benötigt weitere Informationen, wie z. B. einen Titel, um es zu beschreiben.

Wo Thumbnail Track nicht ideal ist

Thumbnail Track ist nicht ideal, wenn nicht viel Platz für die Thumbnails vorhanden ist und sich viele Bilder darum befinden.

In diesem Beispiel habe ich das Video Slider-Modul in eine kleine Spalte neben einem Bild mit Grafiken verschoben. Der Video-Slider sieht hier gut aus, aber die Miniaturansichten sind schwer zu erkennen. Der Video-Schieberegler geht in der Grafik verloren, daher ist dies kein Ort, an dem Sie ihn platzieren möchten, wenn Sie die Aufmerksamkeit auf die Videos lenken möchten.

Die Punktnavigation passt hier gut. Es hat ein minimalistisches Design, das die Elemente um es herum nicht beeinträchtigt. Dies ist eine gute Wahl, wenn Sie die Videos als kleinere, unterstützende Elemente verwenden möchten.

Ein Blick auf die Punktnavigation

Die Punktnavigation fügt dem vorgestellten Bild für jede Folie einen Punkt hinzu. Der Punkt für die aktuelle Folie ist heller als die anderen.

Durch Klicken auf einen Punkt wird das Video dieses Punktes ausgewählt. Im folgenden Beispiel habe ich den letzten Punkt ausgewählt. Der Videoplayer zeigt nun das Bild dieser Videofolie. Ich bewege den Mauszeiger über das Videobild, das eine Überlagerung zeigt und die Punkte mit meinem Farbschema besser sichtbar macht.

Sie können zwischen hellen und dunklen Farben für die Punkte wählen. Auf diese Weise können Sie die Punkte basierend auf den Farben oder Überlagerungen der angesagten Bilder Ihres Videos besser sichtbar machen. Ich habe die dunkle Option für das Beispiel unten ausgewählt.

• Schieberegler Farbe: Wählen Sie Hell oder Dunkel

Wann sollte die Punktnavigation verwendet werden?

Die Punktnavigation ist ideal, wenn die Folien im Video-Schieberegler nicht im Mittelpunkt stehen oder wenn Sie die Seite frei von visuellem Durcheinander halten möchten. Es hält die Seite einfach, aber es ist immer noch einfach, zwischen den Folien zu navigieren.

Wo die Punktnavigation ideal ist

Hier sind einige Beispiele für die Punktnavigation. Es funktioniert gut, wenn nicht viel Platz vorhanden ist, Sie die Seite sauber halten möchten oder das Ziel nicht darin besteht, die Aufmerksamkeit auf jedes Video im Video-Slider zu lenken.

Für dieses Beispiel habe ich dem Abschnitt „Testimonials“ ein Video-Slider-Modul hinzugefügt. Dieser Abschnitt enthält mehrere schriftliche Erfahrungsberichte zusammen mit dem Video-Slider. Das Ziel dieser Seite ist es, die Dienste zu bewerben. Die Videos sind nur eine Art von Testimonial, um den Verkauf zu unterstützen. Es ist nicht nötig, die Aufmerksamkeit auf jede Folie zu lenken. Der Benutzer kann so viele anzeigen, wie er möchte. Ich verwende die Startseite für das kostenlose Flooring Layout Pack.

Thumbnail Track sieht gut aus, könnte aber in diesem Layout ablenken und wird aufgrund des Zwecks der Seite nicht benötigt. Wir möchten nicht, dass unsere Testimonials von unserem Aufruf zum Handeln ablenken.

Hier ist ein weiteres Beispiel. Dieser verwendet die Blog-Seite aus dem kostenlosen Blogger Layout Pack. Ich habe das Blog-Post-Modul durch ein Video-Slider-Modul ersetzt. Dieses Beispiel enthält viele Videofolien und Bilder rund um den Schieberegler. Das Layout sieht sauber und einfach zu navigieren aus. Das Ziel ist nicht, sich auf jeden Beitrag zu konzentrieren, sondern dem Benutzer eine Möglichkeit zu geben, ihn zu sehen, wenn er möchte.

Die Miniaturspur sieht hier immer noch gut aus, aber die Seite wird mit vielen Folien zu unübersichtlich.

Wo die Punktnavigation nicht ideal ist

Die Punktnavigation ist nicht ideal, wenn wir die Aufmerksamkeit auf die Videofolien lenken möchten. In diesem Beispiel verwende ich die Zielseite für das kostenlose Bekleidungsgeschäft-Layoutpaket. Ich habe die WooCommerce-Produktbilder im Bereich „Neuheiten“ durch einen Video-Slider ersetzt. In diesem Fall möchten wir die neuen Produkte sehen. Der Bereich um den Schieberegler ist leer. Dieses Seitendesign ist nicht ideal für Conversions.

Der Thumbnail Track funktioniert hier besser. Der Fokus liegt auf den Produkten, wo wir es wollen.

Abschließende Gedanken zur Thumbnail-Spur vs. Punkt-Navigation

Das ist unser Blick auf Thumbnail Track vs. Dot Navigation im Video Slider-Modul von Divi. Beide Arten der Navigation funktionieren gut, aber es ist am besten, sie in ihren idealen Situationen zu verwenden. Es gibt Zeiten, in denen man am besten für unsere Designs geeignet ist. Im Allgemeinen können Sie sich Thumbnail Track vs. Dot Navigation mit diesen grundlegenden Ideen vorstellen:

• Verwenden Sie die Miniaturspur für größere Bereiche oder um die Aufmerksamkeit auf die Videofolien zu lenken.
• Verwenden Sie die Punktnavigation für kleinere Bereiche oder wenn Sie das Layout sauber halten möchten.

Wir wollen von dir hören. Bevorzugen Sie die Miniaturansicht oder die Punktnavigation? Lass es uns in den Kommentaren wissen.