Es ist neu. Es ist kostenlos. Es ist leistungsstark.

Geben Sie diesem KOSTENLOSEN WordPress-Plugin maximal 90 Tage Zeit und es wird Ihren Umsatz wie NIE ZUVOR steigern!

Vergessen Sie all Ihre aktuellen Marketingstrategien (E-Mail-Marketing, Gastbeiträge, Banner, Bewertungen usw.). Sie sind alle überholt. Brouavo ist ein Game Changer, der 30 % Ihres „schlafenden“ Traffics in ein garantiertes Einkommen verwandelt. Es ist das perfekte Tool, um Ihre Partnerprogramme zu bewerben oder Ihre eigenen Produkte zu verkaufen.

Abhängig von Ihrer Leistung bieten wir Ihnen auch eine Pro-Lizenz für WordPress-Plugins wie: Elementor Pro, TranslatePress, Divi Builder & Ai, All-in-One SEO Pro, kostenpflichtige Mitgliederabonnements

Bevor Sie ein Videomodul zu Ihrer Seite hinzufügen können, müssen Sie zunächst den Divi Builder verwenden. Sobald das Divi-Theme auf Ihrer Website installiert ist, sehen Sie einen Button 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 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

Im Tab „Erweitert“ Ihres Video-Slider-Moduls können Sie eine eindeutige CSS-ID und -Klasse hinzufügen. Sie können außerdem benutzerdefiniertes CSS zu verschiedenen vordefinierten (und vorausgewählten) CSS-Selektoren in der Dropdown-Liste „Benutzerdefiniertes CSS“ des Video-Slider-Moduls hinzufügen. Im Dropdown-Menü „Sichtbarkeit“ können Sie die Sichtbarkeit Ihres Moduls auf Smartphones, 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 = "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

Autor-Avatar
Blair Jersyer
WordPress-Entwickler und leidenschaftlich über alles, was mit neuen technologischen Trends zu tun hat. Autoren von Plugins, WordPress-Themes und anderen Webanwendungen. Autor bei BlogPasCher.com.

Pin It auf Pinterest