Gå till innehållet

Divi Tutorial: Hur man lägger till en videomodul till Divi

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Att lägga till videor till din sida i Divi är enkelt när du använder videomodulen. Denna modul låter dig bädda in videor från vilken källa som helst, men också att anpassa miniatyrbilden och uppspelningsknappen.

Så lägger du till en videomodul till din sida

Innan du kan lägga till en videomodul på din sida måste du först hoppa in i Divi Builder. När Divi-temat har installerats på din webbplats kommer du att märka en knapp Använd Divi Builder ovanför inläggsredigeraren när du skapar en ny sida. Klicka på den här knappen för att aktivera Divi Builder och få tillgång till alla Divi Builder-moduler. Klicka sedan på knappen Använd Visual Builder för att starta generatorn i visuellt läge. Du kan också klicka på knappen Använd Visual Builder när du surfar på din webbplats i förgrunden om du är ansluten till din WordPress-instrumentpanel.

divi byggare

När du har angett Visual Builder kan du klicka på den grå plusknappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du börjar en ny sida, kom ihåg att först lägga till en rad på din sida.

video modul divi.png

Leta reda på videomod i listan över mods och klicka på den för att lägga till den på din sida. Modlistan är sökbar, vilket innebär att du också kan skriva ordet “video” och sedan klicka på Enter för att automatiskt hitta och lägga till videomod! När modulen har lagts till hälsas du av listan över modulalternativ. Dessa alternativ är uppdelade i tre huvudgrupper: Innehåll , Conception et advanced .

Använd fallexempel: Lägga till en video på din målsida

Att lägga till en video på din målsida är ett utmärkt sätt att marknadsföra dina produkter och öka konverteringarna. I det här exemplet visar jag dig hur du kan använda videomodulen för att lägga till video på din målsida. Jag satte en röd cirkel där videon skulle gå.

skapa en video på divi exemple.jpg

Med Visual Builder lägger jag till ett nytt avsnitt med en rad med full bredd (1 kolumn). I radinställningarna, under fliken Design, väljer jag alternativet "Använd anpassad bredd". För alternativet Anpassad bredd som visas anger jag en anpassad bredd på 767 pixlar. Detta ser till att den videomodul som jag ska lägga till i den här raden inte överstiger denna bredd och blir för stor på större skärmstorlekar.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

använd en anpassad bredd divi.png

Sedan lägger jag till videomodulen i raden. Under fliken Innehåll i inställningen Videomodul anger jag video-URL: en för den video jag vill bädda in på min målsida. Jag använder webbadressen till en YouTube-video för detta exempel.

lägg till en video på divi.png

Sedan lägger jag till en webbadress för bildöverlägg för min video genom att klicka på knappen "Skapa video". Detta drar automatiskt en ram från videon för att fungera som ett överlägg med en ny anpassad videoikon.

lägg till en överlay divi video.jpg

Under fliken Design ändrar jag färgen på uppspelningsikonen så att den matchar min målsida.

redigera spelarikonen divi video.jpg

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Nu har jag en video för min målsida som ser ren ut och matchar min design.

slutlig design med innehållet video.jpg

Nu när du har sett videomodet i aktion, dyk in i alla dess inställningar i avsnitten nedan. Vi har gett en detaljerad titt på vad du hittar på varje flik i modulens inställningar och en förklaring av vad de gör.

Innehållsalternativ

parametermodul divi.png

URL till videon

Med Divi Video-modulen kan du lägga till video med två olika metoder. Du kan ladda ner din egen videofil från din dator genom att klicka på knappen "Ladda ner video" och välja önskad fil, eller så kan du ange valfri video-url från videokälla från tredje part, t.ex. Youtube eller Vimeo. Kopiera bara och klistra in URL: en från din webbläsare och klistra in den i fältet Video URL och Divi tar hand om resten!

URL för bildöverlagring

Om du vill ställa in en anpassad videominiatyrbild, som kommer att placeras på standardvideogränssnittet med en anpassad uppspelningsknapp för att skapa ett skarpare och mer stiliserat utseende, kan du välja att göra det med hjälp av fältet Bildöverlagring. Med den här kontrollen kan du antingen ladda upp din egen personliga bild eller automatiskt låta Divi skapa en från webbadressen till din video. De flesta videoleverantörer stöder detta alternativ, som Youtube och Vimeo. Klicka bara på knappen "Skapa video" och låt Divi ta hand om resten!

Admin-etikett

Som standard visas din videomodul med en "Video" -etikett i generatorn. Admin-tagg låter dig ändra denna tagg för enkel identifiering.

Designalternativ

ändra ikonfärg

sektionsdesign divi.png design

Om du anger ett bildöverlägg för din videopod innehåller den visade videon en uppspelningsikon över videon. Du kan ange färgen på denna ikon här för att matcha färgerna på din sida.

Alternativ avancées

videomodul avancerad section.png

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

CSS-identifierare och klasser

Detta kan användas för att lägga till ett CSS-ID eller en klass i din modul. Dessa kan sedan användas i ditt formatmall eller i rutan Temainställningar Anpassad CSS för att tillämpa en anpassad stil på modulen. CSS-ID kan också riktas in med ankarlänkar för att länka till vissa delar av din sida.

Anpassad CSS

Här kan du lägga till anpassad CSS i din videomodul.

synlighet

Om du vill dölja din videomodul på vissa enheter kan du välja enheter som du vill inaktivera videomodulen på.

Andra Divi tutorials

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
16 aktier
del8
tweet3
Enregistrer5