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 600.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-Design 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 aufgerufen haben, können Sie auf das graue Plus-Symbol klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb der Zeilen hinzugefügt werden. Wenn Sie eine neue Seite beginnen, vergessen Sie nicht, Ihrer Seite zuerst eine Zeile hinzuzufügen.

füge das video.jpeg-Modul hinzu

Suchen Sie das Videocursor-Modul in der Liste der Module und klicken Sie darauf, um es Ihrer Seite hinzuzufügen. Die Liste der Module ist durchsuchbar, dh Sie können auch "Video Scroll Slider" eingeben und dann die Eingabetaste drücken, um das Videomodul automatisch zu suchen und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Liste der Optionen des Moduls 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

Vor dem Anpassen zu vieler Einstellungen ist es wahrscheinlich am besten, den Videocursor mit Videodias zu füllen. Auf diese Weise können Sie bei Ä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 eine Webm-Datei herunterladen. Sie können auch eine Video-URL auf YouTube einfügen. Wenn Sie Ihre Datei heruntergeladen oder den YouTube-Link hinzugefügt haben, klicken Sie einfach auf die grüne Schaltfläche in der unteren rechten Ecke und kehren Sie zum Hauptinhaltsregister des Videocursor-Moduls zurück. Wiederholen Sie diesen Vorgang für jedes Video, das Sie hinzufügen möchten.

Inhaltseinstellungen des Video Slider-Moduls

Nachdem Sie Ihre Inhalte hinzugefügt haben, gibt es noch einige andere Bereiche zu erkunden. Die drei Dropdown-Menüs der Registerkarte "Inhalt", in denen die 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 Video-Overlays im Hauptvideo angezeigt oder ausgeblendet werden sollen. Dies kann durch Hinzufügen eines Overlays zu jeder Video-Folie oder durch automatische Generierung von Divi erfolgen.

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]

Administratorkennzeichnung

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

Designparameter des Video Slider-Moduls

Videooption design.jpeg

In 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 Überlagerungsfarbe der Miniaturansichten anpassen.

Video Slider Module Erweiterte Einstellungen

erweiterter Parameter module.jpeg

Auf der Registerkarte Erweitert Ihres Videocursor-Moduls können Sie eine eindeutige CSS-ID und -Klasse hinzufügen. Sie können auch benutzerdefiniertes CSS zu verschiedenen vordefinierten (und vorausgewählten) CSS-Selektoren im Videocursor-Modul der Dropdown-Liste 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 spezifische Einstellungen für einzelne Folien erstellen möchten, müssen diese in den Videodias 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 Ihre Videoinhalte hinzufügen.

Abdeckung

In der Dropdown-Liste Überlagerung können Sie ein Bild hochladen, um Ihre Video-Folie zu überlagern, oder festlegen, dass automatisch eines generiert wird.

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]

Individuelle Einstellungen für das Videodesign

Videos einrichten

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

individuelle Videokonfiguration

Das ist alles für dieses Tutorial. Ich hoffe, Sie können das Video-Scroll-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