Wie benutzt man das Divi Video-Scroll-Modul?

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.

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.

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 , Konzeption et fortgeschritten.

Füllen Sie den Videocursor mit Inhalt

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 .

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

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

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

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.

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

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

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 = "erweitert" 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] [/ width_column] [»vc_col] vc_column] 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 "] DOWNLOAD TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Andere Divi Tutorials

• 5 Websites, die Divi Restaurant Thema verwenden
• Wie man Text auf einem Divi WooCommerce Produkt hinzufügt
• So ändern Sie die Menüfarbe zwischen Divi-Seiten
• So personalisieren Sie die Gitter eines Blogs mit Divi
• Wie die Rolle Divi-Editor auf Wordpress verwenden
• So erstellen Sie einen Divi-Schieberegler im Vollbildmodus
• So ändern Sie die Farbe von Menüs zwischen Divi-Seiten
• Funktionen, die Sie wahrscheinlich nicht über Divi kennen
• Wie man Divi Builder auf WordPress benutzt
• Wie benutzt man das Divi Video-Scroll-Modul?
• Wie benutze ich das Divi Builder Flip Modul?
• So fügen Sie ein Testimonial-Modul in Divi Builder hinzu
• Wie benutzt man das Divi-Textmodul?
• So erstellen Sie einen Schieberegler auf Divi
• So bearbeiten Sie eine Divi-Benutzerrolle
• Wie benutzt man das Divi Social Media Modul?
• So verwenden Sie das Shop-Modul zum Thema WordPress Divi
• So verwenden Sie das Divi-Sidebar-Modul
• Wie benutzt man das Divi Preistabellen Modul?
• Wie verwende ich das Titelmodul von Divi-Publikationen?
• So fügen Sie ein Video-Modul von Divi hinzu
• Wie man das Artikelnavigationsmodul benutzt
• Wie benutzt man das Divi-Suchmodul?
• So verwenden Sie das Divi-Wallet-Modul
• Wie man das Personenmodul im Divi Builder benutzt
• Wie man das Geldbörsenmodul mit Divi-Filter verwendet
• So verwenden Sie das Schiebermodul mit voller Breite
• Wie benutzt man das Divi Builder Image Modul?
• So verwenden Sie das vollständige Navigationsmodul von Divi Builder
• So verwenden Sie das Bildergalerie-Modul
• So verwenden Sie das Divi Builder Kartenmodul mit voller Breite
• So verwenden Sie das Divi Full Width Portfolio-Modul
• So verwenden Sie das Divi-Header-Modul in voller Breite
• Wie benutze ich das Divi Counter Modul?
• So verwenden Sie den Artikel-Schieberegler in Divi Builder
• Wie benutze ich das Divi Email Optin Modul?