Sådan åbner du en video i et pop-up- eller PopUp-vindue med Lightbox i Divi ved at klikke

WordPress er en platform, der siden starten har været et sted for udgivelse af indhold designet af fællesskabet, der giver dem værktøjer til at forbedre dem. I dag skal vi tale om åbne en video eller PopUp i et pop op-vindue.

Tilføjelse af indhold fra andre sider er virkelig meget enkelt, fordi takket være koder din side, du blot forankre det link, du vil omdirigere til.

Nogle brugere (inklusive dig) ønsker dog, at dette omdirigeringslink skal åbnes i en ny fane, så læseren ikke forlader siden.

Takket være WordPress platformen er dette også muligt, selv i forskellige typer skabeloner såsom Divi, som har revolutioneret designet af disse sider.

Hvad er Divi, og hvad er det til?

Som nævnt ovenfor er Divi en WordPress-skabelon, der giver brugerne mulighed for at designe alt, hvad de kan forestille sig .

Dens arbejdsmetode er gennem en visuel konstruktør kaldet DiviBuilder som ikke kræver layout og HTML-kodning fra bunden for at skabe designet, da det gør det muligt at tilføje "træk og slip"-elementer på siden. Divi har også et bibliotek med foruddefinerede layouts.

[enlazatom_show_links]

Det kræver ikke installation, så alt du skal gøre er at få adgang til » Menu » fra WordPress, se efter afsnittet » Udseende » og indtast » Temaer for at sikre, at den er der.

På samme måde kan dens konstruktør bruges via » Indlæg og sider » for at vælge knappen » Brug Divi Builder under artiklens titel.

Lær, hvordan du åbner en video eller en PopUp i et pop-up-vindue med Divi!

Selvom Divi er kendetegnet ved at være en visuel builder, der giver dig mulighed for at designe enhver form for hjemmeside med de elementer, som brugeren kan forestille sig, er du nogle gange nødt til at bruge et plugin eller skrive kode til oprette specifikke funktioner til din side .

Følgende eksempel bruges til at åbne en YouTube-video i et popup-vindue (også kaldet PopUp eller Lightbox) af blot at trykke på en knap .

JQuery-kode, der udløser popup-funktionen

Til ændre baggrundsfarven på vinduet, der vises, når personen trykker på knappen, anvendes følgende kode:

.mfp-bg {

Baggrund: #673ab7;

}

Hvis du vil indstille en anden farve, skal du blot indsætte den kode, du vil ændre den til, og gemme den.

Fordele ved at bruge Divi i WordPress

Ud over at give os mulighed for at åbne en video eller PopUp i en pop op vindue denne builder har også mange dyder, som du kan drage fordel af, når du begynder at spille den i dine kreationer.

Det er en bygherre med en meget enkel brugsmetode, som tilpasser sig mange sprog og designstile, der kan integreres i WordPress-fællesskabet.

Til gengæld inddrager han stilen af responsivt design og dermed være i stand til at integrere elementer, der kun kan ses på computere eller enheder.

Redigering af indholdet sker live, så du behøver ikke trykke på en " Indsigt så du kan se, hvordan siden ser ud ved hver ændring.

Du behøver heller ikke kende HTML og CSS for at skabe stilarter, og hvis du har viden, giver det dig mulighed for at tilpasse koden til hvert element.

Hvert design, du opretter, kan gemmes i en » Bibliotek så den er tilgængelig for dig, når du vil genbruge den på en hvilken som helst anden side eller post.

Den har også flere værktøjer, der vil gøre din side mere attraktiv og lettere for læseren at bruge. Ligesom evnen til at inkludere BreadScrumbs for at forbedre SEO, skjule sidebjælken for at forbedre læserens læsbarhed eller rette sidefoden.

Endelig, takket være dens konstante opdatering, vil du være i stand til at opretholde sikkerheden på dit websted og dets indhold på platformen.

Indeks
  1. Hvad er Divi, og hvad er det til?
  2. Lær, hvordan du åbner en video eller en PopUp i et pop-up-vindue med Divi!
    1. JQuery-kode, der udløser popup-funktionen
  3. Fordele ved at bruge Divi i WordPress

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

Go up