Bevor Sie Ihrer Seite ein Videomodul hinzufügen können, müssen Sie zuerst den Divi Builder verwenden. Einmal die Divi-Thema auf deinem installiert Website, 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 durchsuchen Website im Vordergrund, wenn Sie in Ihr WordPress-Dashboard eingeloggt 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 Ihrer Seite hinzuzufügen. Die Liste der Mods kann durchsucht werden. Sie können also auch "Video Slider" eingeben und dann die Eingabetaste drücken, um den Video Mod automatisch zu finden und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Moduloptionsliste begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Technologie 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 .

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

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

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.

[vc_row center_row=“yes“][vc_column width=“1/2″][vcex_button target=“blank“ layout=“expanded“ align=“center“ font_family=“Raleway“ font_weight=“700″ style=“flat“ custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI THEMA HERUNTERLADEN [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=“https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials“ target=“blank“ layout=“expanded“ align=“center“ font_family = „Raleway“ font_weight=“700″ style=“flat“ custom_background=“#c4226e“ custom_hover_background=“#8d184f“ custom_color=“#ffffff“ custom_hover_color=“#ffffff“ icon_right=“fa fa-download“]LADEN SIE HERUNTER TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi Tutorials