Springe zum Hauptinhalt

Wie benutzt man das Divi Video-Scroll-Modul?

Divi: das am einfachsten zu verwendende WordPress-Theme

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. [Empfohlen]

Bevor Sie Ihrer Seite ein Videomodul hinzufügen können, müssen Sie zuerst den Divi Builder verwenden. Sobald das Divi-Thema auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken Verwenden Sie den visuellen Builder jedes Mal, wenn Sie eine neue Seite erstellen, über dem Publisher.

Klicken Sie auf diese Schaltfläche, um Divi Builder zu aktivieren und auf alle Divi Builder-Module zuzugreifen. Klicken Sie dann auf die Schaltfläche Verwenden Sie den visuellen Builder um den Generator im visuellen Modus zu starten. Sie können auch auf die Schaltfläche klicken Aktivieren Sie den visuellen Builder Wenn Sie Ihre Website im Vordergrund durchsuchen, wenn Sie mit Ihrem WordPress-Dashboard verbunden sind.

Gehe zum visuellen builder.jpeg

Nachdem Sie Visual Builder eingegeben haben, können Sie auf das graue Pluszeichen klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb von Zeilen hinzugefügt werden. Wenn Sie eine neue Seite starten, denken Sie daran, Ihrer Seite zuerst eine Zeile hinzuzufügen.

füge das video.jpeg-Modul hinzu

Suchen Sie das Video-Slider-Modul in der Liste der Module und klicken Sie darauf, um es zu Ihrer Seite hinzuzufügen. Die Mod-Liste ist durchsuchbar, was bedeutet, dass Sie auch "Video-Slider" eingeben und dann die Eingabetaste drücken können, um den Video-Mod automatisch zu finden und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Liste der Moduloptionen begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Konzeption et fortgeschritten.

füge das video.jpeg-Modul hinzu

Füllen Sie den Videocursor mit Inhalt

Wie füllt man den Videoinhalt Divi-Modul video.jpg

Bevor Sie zu viele Einstellungen vornehmen, ist es wahrscheinlich am besten, Ihren Video-Schieberegler mit Video-Folien zu füllen. Auf diese Weise können Sie beim Vornehmen von Änderungen sehen, wie sich diese auf das Endergebnis auswirken. Um eine neue Video-Folie hinzuzufügen, müssen Sie auf den Link klicken + Fügen Sie einen neuen Artikel hinzu .

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Füge ein neues video.jpeg Element hinzu

Hier können Sie eine MP4- oder WebM-Datei herunterladen. Sie können auch eine Video-URL auf YouTube einfügen. Wenn du deine Datei hochgeladen oder den YouTube-Link hinzugefügt hast, klicke einfach auf die grüne Schaltfläche in der unteren rechten Ecke und du wirst zur Registerkarte "Hauptinhalt" des Video-Slider-Moduls zurückkehren. Wiederholen Sie diesen Vorgang für jedes Video, das Sie hinzufügen möchten.

Inhaltseinstellungen des Video Slider-Moduls

Nachdem Ihre Inhalte hinzugefügt wurden, gibt es noch einige weitere Bereiche zu erkunden. Die drei Dropdown-Menüs auf der Registerkarte "Inhalt", in denen Einstellungen gruppiert wurden, die sich auf das gesamte Modul auswirken.

Elemente

Unter den Elementen können Sie die Pfeil- und Schiebereglereinstellung des Video-Schiebereglermoduls anpassen.

Abdeckung

Hier können Sie auswählen, ob die Video-Overlays im Hauptvideo ein- oder ausgeblendet werden sollen. Dies kann durch Hinzufügen eines Overlays zu jeder Video-Folie erfolgen oder automatisch von Divi generiert werden.

Administratorkennzeichnung

In dieser Dropdown-Liste können Sie ein Admin-Tag hinzufügen, das im Back-End-Builder angezeigt wird, sowie die Skelettansicht des Visual Builders.

Designparameter des Video Slider-Moduls

Videooption design.jpeg

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Auf dieser Registerkarte wird nur eine Parametergruppe aufgerufen Farbeinstellungen . Hier können Sie die Farbe der Schieberegler von hell nach dunkel ändern, die Farbe des Wiedergabesymbols ändern und die Farbe der Miniaturüberlagerung anpassen.

Video Slider Module Erweiterte Einstellungen

erweiterter Parameter module.jpeg

Auf der Registerkarte Erweitert Ihres Video-Slider-Moduls können Sie eine eindeutige ID- und CSS-Klasse hinzufügen. Sie können auch verschiedenen vordefinierten (und vorausgewählten) CSS-Selektoren im benutzerdefinierten CSS-Dropdown-Video-Schiebereglermodul benutzerdefiniertes CSS hinzufügen. Schließlich können Sie in der Dropdown-Liste Sichtbarkeit die Sichtbarkeit Ihres Moduls auf Telefonen, Tablets und Desktops anpassen.

Individuelle Einstellungen für Videoinhalte

Konfigurieren Sie videos.jpeg

Wenn Sie bestimmte Einstellungen für einzelne Folien erstellen möchten, müssen diese in den Videofolien selbst konfiguriert werden. Klicken Sie einfach auf das Zahnradsymbol auf dieser Folie, um die eindeutigen Einstellungen zu öffnen.

individuelles Video configuration.jpeg

Video

Wie oben gezeigt, können Sie hier Ihren Videoinhalt hinzufügen.

Abdeckung

Aus der Dropdown-Liste "Überlagerung" können Sie ein Bild hochladen, um Ihre Video-Folie zu überlagern, oder automatisch eines erstellen.

Individuelle Einstellungen für das Videodesign

Videos einrichten

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Auf der Registerkarte Design Ihrer Video-Folie können Sie die Farbe des Pfeils Ihrer Folie von hell nach dunkel ändern.

individuelle Videokonfiguration

Das ist alles für dieses Tutorial. Ich hoffe, Sie können das Video-Scrolling-Modul auf Divi verwenden.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
9 Aktien
Aktie4
tweet1
Registrieren4