{"id":31883,"date":"2019-11-07T06:04:56","date_gmt":"2019-11-07T14:04:56","guid":{"rendered":"https:\/\/kinsta.com\/?p=53723"},"modified":"2020-01-20T12:50:24","modified_gmt":"2020-01-20T12:50:24","slug":"iframe-kod-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/iframe-kod-wordpress-webbplats\/","title":{"rendered":"S\u00e5 H\u00e4r B\u00e4ddar du in iFrame-kod p\u00e5 din WordPress-webbplats (Manuellt Och Med Plugins)"},"content":{"rendered":"

Att dela inneh\u00e5ll \u00e4r ganska vanligt. Men att anv\u00e4nda n\u00e5gon annans inneh\u00e5ll p\u00e5 din webbplats har potentiella r\u00e4ttsliga konsekvenser, medan att hosta stora filer som videor<\/a> kan skada webbplatsens prestanda<\/a>. Lyckligtvis ger iFrames en enkel l\u00f6sning p\u00e5 dessa problem.<\/p>\n

I det h\u00e4r inl\u00e4gget f\u00f6rklarar vi vad iFrames \u00e4r och hur du anv\u00e4nder dem p\u00e5 din WordPress-webbplats.<\/p>\n

Redo att b\u00f6rja? Nu s\u00e4tter vi ig\u00e5ng!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Vad \u00e4r iFrames (Och Varf\u00f6r \u00e4r de Anv\u00e4ndbara)?<\/h2>\n

En iFrame \u00e4r ett s\u00e4tt att b\u00e4dda in en webbsida i inneh\u00e5llet p\u00e5 en annan sida. Detta g\u00f6rs med hj\u00e4lp av HTML-taggar, den externa sidans URL, och specifikationer om hur f\u00f6nstret ska visas p\u00e5 din webbplats.<\/p>\n

Det finns tv\u00e5 situationer d\u00e4r iFrames \u00e4r allm\u00e4nt anv\u00e4ndbara.<\/p>\n

Den f\u00f6rsta \u00e4r n\u00e4r du vill dela inneh\u00e5ll som inte tillh\u00f6r dig. I de flesta fall anses det inte vara upphovsr\u00e4ttsintr\u00e5ng<\/a> att b\u00e4dda in inneh\u00e5ll via en iFrame (se \u00e4ven EU styrande<\/a>). D\u00e4rf\u00f6r \u00e4r det i allm\u00e4nhet en juridisk och mer etisk metod att dela \u00e4n de flesta andra alternativ. Dessutom kan koden inom en iFrame inte n\u00e5s direkt. Det inneb\u00e4r att en bes\u00f6kare p\u00e5 din webbplats inte kan kopiera det inb\u00e4ddade inneh\u00e5llet och dela det n\u00e5gon annanstans.<\/p>\n

Den andra anledningen till att du kanske vill inf\u00f6rliva iFrames \u00e4r att dela stora filer, till exempel video, ljud eller till och med bilder. YouTube<\/a> \u00e4r det perfekta exemplet h\u00e4r.<\/p>\n

Med en iFrame kan du visa en fils inneh\u00e5ll p\u00e5 din webbplats utan att beh\u00f6va hosta det i ditt WordPress mediabibliotek<\/a>. Det \u00e4r viktigt eftersom dessa typer av mediefiler ofta tar upp en betydande m\u00e4ngd lagringsutrymme, och kan \u00e4ven bromsa din webbplats<\/a>.<\/p>\n

Genom att hosta dina videoklipp p\u00e5 en plattform som YouTube<\/a> och sedan b\u00e4dda in dem p\u00e5 din WordPress-webbplats med iFrames, kan du undvika nackdelarna med att ladda upp dem till din webbplats direkt. Denna teknik hj\u00e4lper dig att bli en mer etisk medlem av online-gemenskapen och g\u00f6ra din webbplats snabb<\/a> och enkel att anv\u00e4nda.<\/p>\n

S\u00e5 Anv\u00e4nder du iFrames Med WordPress (3 Metoder)<\/h2>\n

Precis som det finns olika scenarier d\u00e4r du kanske vill anv\u00e4nda en iFrame, finns det flera metoder f\u00f6r att implementera en. Nedan utforskar vi tre av de vanligaste s\u00e4tten att l\u00e4gga till iFrames till din WordPress-webbplats.<\/p>\n

1. L\u00e4gg till iFrames i WordPress Manuellt<\/h3>\n

Grundkoden f\u00f6r att l\u00e4gga till en iFrame p\u00e5 en sida \u00e4r ganska enkel. Allt du beh\u00f6ver \u00e4r att de inledande och avslutande HTML-taggarna, och webbadressen till webbsidan du vill b\u00e4dda in:<\/p>\n

<iframe src=\"example.com\"><\/iframe><\/code><\/pre>\n
Det finns ett par begr\u00e4nsningar att notera om k\u00e4lladressen. F\u00f6rst och fr\u00e4mst kan iFrames bara visa inneh\u00e5ll fr\u00e5n webbplatser som anv\u00e4nder samma Hypertext Transfer Protocol<\/a> som din. Med andra ord, om din webbplats anv\u00e4nder HTTPS, kan du bara b\u00e4dda in inneh\u00e5ll fr\u00e5n andra HTTPS-webbplatser. P\u00e5 samma s\u00e4tt, om du anv\u00e4nder HTTP, kan du bara b\u00e4dda in webbadresser som ocks\u00e5 anv\u00e4nder HTTP.<\/p>\n
N\u00e5gra popul\u00e4ra webbplatser \u2013 som Facebook<\/a> och YouTube \u2013 till\u00e5ter dessutom inte manuell iFrame-inb\u00e4ddning. Om du f\u00f6rs\u00f6ker visa en sida fr\u00e5n en webbplats som inte till\u00e5ter iFrame-inb\u00e4ddningar visas ett fel i f\u00f6nstret:<\/p>\n
\"iFrame-inb\u00e4ddning
iFrame-inb\u00e4ddning inaktiverad<\/figcaption><\/figure>\n
Om du kan anv\u00e4nda den h\u00e4r metoden \u00e4r det viktigt att veta att du ocks\u00e5 kan anpassa dina iFrames f\u00f6r att m\u00f6ta behoven p\u00e5 din webbplats. Det \u00e4r d\u00e4r iFrame-parametrar kommer in i bilden. N\u00e5gra av de vanligaste \u00e4r:<\/p>\n