Sådan indsætter du en iframe i elementor
Man kan lave selv style højde og bredde på iframen, eller fjerne rammen på iframen. Men selve indholdet kan du ikke style på, da det bliver vist præcist som fra den side du henter det fra. Jeg tænker tit på en iframe som et vindue. Du kan kigge ind – men ikke rører det du ser på.
Du starter med at oprette en side og vælger at redigere den med elementorElementor er det plugin vi benytter til at bygge et design op i. Her kan vi lave forskellige templates/skabeloner og sæ... Mere.
- Træk elementet “HTML” ind, der du ønsker iframen skal vises
- Kopier “
<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>” ind - Ret koden til, så der hvor der står “demo_ifram.htm” står adressen på den side/det indhold du vil vise
- Ret størrelsen til så indholdet vises korrekt (height og width)
- Ret titlen på din iframe
- Udgiv siden og tjek at det ser korrekt ud
På W3School er der flere eksempler.
Fordele ved iframes
- Let at implementere: Det kræver som regel bare en enkelt linje kode.
- Minimerer vedligeholdelse: Du behøver ikke selv opdatere det indlejrede indhold – det bliver opdateret der, hvor det kommer fra.
- Bedre brugeroplevelse: Brugeren bliver på din side, selvom indholdet teknisk set kommer et andet sted fra.
Ulemper ved iframes
- Hastighed og performance: Hvis det eksterne indhold loader langsomt, kan det trække din side ned.
- Begrænset styling: Du kan ikke nødvendigvis style indholdet, som du ville med din egen HTMLHTML (HyperText Markup Language) er en slags sprog, der bruges til at lave websider. Det er som et sæt byggesten, som e... Mere og CSSCSS (Cascading Style Sheets) er et sprog, der bruges til at style websider. Det er som en slags tøj, som en webdesigner... Mere.
- Sikkerhedsbegrænsninger: Nogle sites tillader ikke, at deres indhold vises i iframes og der kan vær bestemte restriktioner.
Hvornår skal man bruge en iframe – og hvornår ikke?
Brug en iframe, når det giver mening at indlejre noget eksternt, du ikke selv har kontrol over – fx en video, et kort eller et tredjepartssystem. Men hvis du selv ejer og kontrollerer indholdet, er det som regel bedre at integrere det direkte i din kode. Det giver dig mere fleksibilitet og bedre performance.
Husk at både yuotube-videoer og google maps allerede findes som elementer i elementorElementor er det plugin vi benytter til at bygge et design op i. Her kan vi lave forskellige templates/skabeloner og sæ... Mere 😉