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.
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.
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.
Fyld videomarkøren med indhold
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 .
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
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
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
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.
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
På fanen Design af din video dias, kan du ændre farven på pilen på dit dias fra lys til mørk.
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
- 5 websteder, der bruger Divi restaurant tema
- Sådan tilføjer du tekst på et Divi WooCommerce-produkt
- Sådan ændres menuen farve mellem Divi sider
- Sådan tilpasses tavlerne på en blog med Divi
- Sådan bruges rolle Divi redaktør på WordPress
- Sådan opretter du en Divi-skyder på fuld skærm
- Sådan ændres menuenes farve mellem Divi-sider
- Funktioner, som du sandsynligvis ikke kender til Divi
- Sådan bruger du Divi Builder på WordPress
- Sådan bruges Divi-video-rullemodulet
- Sådan bruges Divi Builder Flip-modulet
- Sådan tilføjes et vidnesbyrdsmodul om Divi Builder
- Sådan bruges Divi-tekstmodulet
- Sådan opretter du en skyder på Divi
- Sådan redigeres en Divi-brugerrolle
- Sådan bruges Divi Social Media-modulet
- Sådan bruges butikmodulet med temaet WordPress Divi
- Sådan bruges Divi sidebar modul
- Sådan bruges Divi Price Table Module
- Sådan bruges titelmodulet i Divi-publikationer
- Sådan tilføjes et videomodul til Divi
- Sådan bruges artikelnavigationsmodulet
- Sådan bruges Divi-søgemodulet
- Sådan bruges Divi wallet-modulet
- Sådan bruges personmodulet på Divi Builder
- Sådan bruges tegnebogen modulet med Divi filter
- Sådan bruges glidemodulet i fuld bredde
- Sådan bruges Divi Builder Image Module
- Sådan bruger du navigationsmodulet med fuld bredde i Divi Builder
- Sådan bruges billedgallerimodulet
- Sådan bruges Divi Builder Fuldbredde-kortmodul
- Sådan bruges Divi Full Width Portfolio Module
- Sådan bruges Divi-modulet i fuld bredde
- Sådan bruges Divi Counter Module
- Sådan bruges artikelskyderen på Divi Builder
- Sådan bruges Divi Email Optin-modulet