Før du kan tilføje et videomodul til din side, skal du først bruge Divi Builder. En gang Divi-tema installeret på din Websted, vil du bemærke en knap Brug den visuelle bygherre over udgiveren, hver gang du opretter en ny side.

Klik på denne knap for at aktivere Divi Builder og få adgang til alle Divi Builder-modulerne. Klik derefter på knappen Brug den visuelle bygherre for at starte generatoren i visuel tilstand. Du kan også klikke på knappen Aktivér Visual Builder når du gennemser din Websted i forgrunden, hvis du er logget ind på dit WordPress-dashboard.

gå til den visuelle builder.jpeg

Når du har indtastet Visual Builder, kan du klikke på den grå plus-knap for at tilføje et nyt modul til din side. Nye moduler kan kun tilføjes inden for rækker. Hvis du starter en ny side, skal du huske at føje en række til din side først.

Tilføj video.jpeg-modulet

Find videoskydemodulet i modullisten, og klik for at føje det til din side. Listen af ​​moduler er til rådighed, hvilket betyder, at du kan skrive "Video rullemarkøren", og tryk på Enter for at søge efter og automatisk tilføje videoen modul! Når modulet er tilføjet, vil du blive mødt af listen over modulindstillinger. Disse muligheder er opdelt i tre hovedgrupper: Indhold , Conception et avanceret.

Tilføj video.jpeg-modulet

Fyld videomarkøren med indhold

Sådan udfyldes videoindholdet Divi-modulet video.jpg

Før justering for mange parametre, er det nok bedst at gå videre og fylde din video skyderen med video lysbilleder. Denne måde, når du foretager ændringer, vil du være i stand til at se, hvordan de påvirker det endelige resultat. For at tilføje en ny video dias, skal du klikke på linket + Tilføj en ny vare .

tilføj et nyt video.jpeg-element

Her kan du downloade en .mp4- eller Webm-fil. Du kan også indsætte en video webadresse på YouTube. Når du har uploadet din fil eller tilføjet YouTube-link, skal du blot klikke på den grønne knap i nederste højre hjørne, og du vender tilbage til fanen hovedindhold af skyderen video modul. Gentag denne proces for hver video, du vil tilføje.

Indstillinger for indhold af video-skyderen

Nu, at dit indhold er blevet tilføjet, er der nogle andre områder at udforske. De tre rullemenuer i fanen Indhold, hvor indstillingerne er grupperet, der påvirker hele modulet.

Elementer

Under elementerne kan du justere pilen og skyderindstillingen for videoslidermodulet.

dæksel

Her kan du vælge at vise eller skjule video overlays på de vigtigste video. Dette kan gøres ved at tilføje et overlay til hvert videobillede eller automatisk genereres af Divi.

Admin Label

I denne rulleliste kan du tilføje en admin tag, der vil blive vist i ryggen ende bygherre, samt skelettet visning af den visuelle bygherre.

Parametre for design af videoslider modul

video option design.jpeg

I denne fane er der kun én parametergruppe kaldet Farvekontrol . Her kan du ændre farven på lysstyringens markør til mørk, ændre farven på afspilningsikonet og justere miniaturebilledet for farveoverlay.

Avancerede indstillinger for Video Slider-modul

avanceret parameter module.jpeg

På Avanceret fanen video skyderen modul kan du tilføje et ID og en unik css klasse. Du kan også tilføje brugerdefinerede css til forskellige forudindstillede CSS selektorer (valgt på forhånd) markøren i videomodul af css brugerdefinerede dropdown. Endelig i combo synlighed, kan du justere synligheden af ​​dit modul på telefoner, tablets og stationære computere.

Individuelle videoindholdsindstillinger

konfigurere videos.jpeg

Hvis du vil oprette specifikke indstillinger for individuelle dias, skal disse konfigureres i selve videodiasene. Klik blot på dette glidegearikon for at åbne dets unikke parametre.

individuelle video configuration.jpeg

Vidéo

Som påvist ovenfor, er det her du kan tilføje dit videoindhold.

dæksel

Fra rullelisten overlay kan du uploade et billede for at overlay dit videobillede eller vælge at generere et automatisk.

Individuelle videoindstillinger

oprette videoer

På fanen Design af din video dias, kan du ændre farven på pilen på dit dias fra lys til mørk.

individuelle videokonfiguration

Det var det for denne tutorial, jeg håber du vil bruge Scroll modulet videoer Divi.

[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=”flad” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI TEMA [/vcex_button][/vc_column 1 ][vc_column" /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 THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andre Divi tutorials