En av de exklusiva landningssidorna som många tillhandahåller sina prenumeranter under Cyber Monday-perioden, är den fantastiska landningssidan för mjukvarusläpp. Den här layouten har fantastiska illustrationer och en unik användning av sektionsavdelare som kommer att imponera över läsarna. besökare.
Så här får du den exklusiva programvaruversionens målsida för Cyber Monday
Innan du börjar med denna användning bör du bekanta dig med den exklusiva Cyber Monday-målsidan som du kan få genom att bli en ny Elegant Themes-medlem, uppgradera ditt befintliga konto eller redan vara en livstidsmedlem hos oss. Om du redan är en livstidsmedlem kan du logga in på vårt medlemsområde och ladda ner alla våra exklusiva sidor här. Alla andra användare måste använda knappen nedan för att köpa eller uppgradera innan de kan slutföra resten av vår handledning.
Redan livsmedlem? Du kan ladda ner paketet nu, du behöver inte delta i Cyber Monday-erbjudandet!
Så här skapar du en kontextuell demo-video på Divi
När du har laddat ner landningssidan för nya programvaruversioner från vårt medlemsområde kan du fortsätta läsa nedan.
I fallet med den här handledningen kommer vi att visa dig hur du skapar en videodemo med ett klick på en knapp. Videon som visas vid klick kommer att se bra ut på skrivbordet och små skärmar. Detta är ett bra tillvägagångssätt om du inte vill inkludera en video direkt på din sida utan föredrar att skapa interaktion med besökare.
undersökningen
Innan vi dyker in i handledningen, låt oss ta en titt på slutresultatet i olika skärmstorlekar.
office
Mobil
Låt oss börja!
Använd gratisplugin Video PopUp
Installera och aktivera plugin-programmet
Det första du ska göra är att ladda ner plugin fri Video PopUp . Du kan hitta detta plugin genom att gå till din webbplats WordPress > Plugins > Lägg till nytt > Sök efter "Video PopUp". När du har hittat detta plugin, installera det. När du är klar, se till att aktivera plugin-programmet.
Plugin-inställningar
Fortsätt genom att gå till de allmänna inställningarna för detta plugin och aktivera de två alternativen högst upp.
Lägg till en ny sida med hjälp av målsidan för programversionen
Lägg till en ny sida och aktivera använd Visual Builder
Det är dags att börja omsätta saker i praktiken! Lägg till en ny sida, ge din sida en titel och aktivera omedelbart Visual Builder.
Ladda ner layout för programversion från sparade layouter
Gå till "Dina sparade layouter" och ladda upp målsidan du laddade upp.
Lägg till en textmodul under Blurb-modulen på spelknappen
Som du kan se har sidan redan en uppspelningsknapp som hjälper oss att få önskat resultat. Men för att detta ska fungera måste vi återskapa designen i Blurb-modulen med hjälp av en textmodul. Lägg till en ny textmodul precis under Blurb-modulen.
Lägg till en bild i innehållsområdet
När du har lagt till textmodulen, fortsätt och lägg till uppspelningsknappens bild i textmodulens innehållsområde genom att klicka på " Lägg till ett media och välj uppspelningsknappen från ditt mediebibliotek.
Lägg till kopia i innehållsområdet
Fortsätt genom att lägga till en kopia precis under bilden.
Textinställningar
För att få modulen att matcha layouten kommer vi att aktivera centrerad textorientering i modulens textinställningar.
Standardinställningar för länktext
Och vi kommer också att ändra länktextinställningarna i enlighet med detta:
- Länktypsnitt: Cabin
- Länkteckensnittsvikt: Fet
- Länktextfärg: rgba(162,176,193,0.7)
- Länktextstorlek: 17px
- Länklinjehöjd: 1.6em
Håll muspekaren för textinställningar
Ändra färgen på länktexten när du håller muspekaren.
- Länktextfärg: #a2b0c1
avstånd
Lägg till sist även till en negativ toppmarginal till textmodulen.
- Toppmarign: -20vw
Lägg till kontextuell läsning till textmodulens innehåll
Byt till textredigerare
För att skapa popup-fönstret vid klick måste vi lägga till en anpassad länk till textmodulens innehåll. Gå tillbaka till textmodulens innehållsområde och välj textredigeringsläge.
Lägg till en länk till allt innehåll
Länka ditt innehållsområde till popup-fönstret genom att lägga till en länk till bilden och kopiera. Se till att ersätta länkens URL med din egen.
<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"></a> |
Ta bort Blurb-tillägget från uppspelningsknappen
Nu när vi har skapat en textmodul som ser exakt likadan ut som Blurb-modulen, kan vi ta bort Blurb-modulen som fanns tidigare och det är allt! Du kan tillämpa den här metoden på vilken typ av layout du använder, men det är verkligen ett bra tillägg för programversionens målsida.
Avslutande tankar
Som du kan se är det ganska enkelt att lägga till en popup på Divi med plugin-programmet Video Popup. Detta gör att du kan presentera videor på din blogg utan att automatiskt behöva integrera det i innehållet.
