✅ WEB- och WordPress -nyheter, teman, plugins. Här delar vi tips och bästa webbplatslösningar.

Hur man bäddar in en WordPress iFrame med och utan ett plugin

52

Att dela eller visa andra innehållsskapares innehåll på din sida kan ha juridiska problem.

Det är här inbäddning av en iframe-kod kommer för att erbjuda en enkel lösning.

Om du har en WordPress-webbplats som är fokuserad på media, är det viktigt att innehållet du vill ge till din publik är relevant och kommer att nå dem.

Här måste vi vara medvetna om vårt värdutrymme och inte konsumera det helt.

Den här artikeln skapad av vårt team på wpDataTables, plugin nummer 1 för tabeller och diagram, hjälper dig att förstå hur du kan använda en WordPress iFrame, vad den är och hur du kan bädda in den på din webbplats.

Vad är en WordPress iFrame?

Hur man bäddar in en WordPress iFrame med och utan ett plugin

Genom att använda en WordPress iFrame kan du bädda in en webbsida i innehållet på en annan. Detta görs genom att använda klassiska HTML-taggar som innehåller den externa sidlänken. Andra specifikationer som hur fönstret ser ut kan också läggas till i det anpassade HTML-blocket.

Detta innebär att du kan ha en dynamisk sida på din webbplats utan att vara värd för innehållet på servern. Detta sparar mycket utrymme och gör att din webbplats rör sig snabbare för dina användare.

Samtidigt, om du bäddar in och inte laddar ner, låt oss säga en video, kan videorna visas på din webbplats.

Användare kan titta på videorna utan någon extra belastning på dina serveringar. Detta är smart eftersom videorna som strömmas kommer direkt från källans server.

Du kan använda iFrames på nästan vilken webbplats eller webbsida som helst, och vi börjar redan förstå varför. Genom att använda iFrames skapar många webbplatsägare ett medium som hjälper till att visa innehållet eller webbsidor från andra källor. Du kan göra allt detta utan att vara orolig för att du behöver några upphovsrättsliga tillstånd.

Om du använder iFrames kan du också visa innehållet på din webbplats utan att behöva vara värd för det i WordPress Media Library.

Varför är detta viktigt?

Svaret är ganska enkelt, alla mediefiler har tagit upp en betydande del av lagringsutrymmet, och du kan till och med sakta ner din webbplats.

Varför använda en WordPress iFrame?

Hur man bäddar in en WordPress iFrame med och utan ett plugin

iFrame hjälper webbplatsen att spara lagringsutrymme och vara snabbare. Det finns många användare på webben som kan bädda in iFrame i WordPress utan plugin. Detta inkluderar videor, bilder, andra webbplatser och mer. Du kan till och med använda iFrame för att spara lagringsutrymme genom att bädda in innehåll från andra tjänster.

Det finns säkert en hel del metoder för att bädda in innehåll som att använda AJAX eller HTML5 webbelement eller andra. Men i många fall är iFrame ett bättre val. För det första används iFrame-inbäddning för innehåll över flera domäner. Genom att göra det kan en webbplatsanvändare fråga de valda resurserna från en separat webbplats och se den utan att manipulera elementet.

Här är några fördelar med att använda WordPress iFrame:

  • Det låter dig bädda in visuellt innehåll gratis
  • Du kan visa flera annonser
  • Det är ett enkelt sätt att se innehåll från externa källor utan problem
  • Det är säkert och du behöver inte komma åt den ursprungliga innehållskoden

Bädda in iframes i WordPress med ett plugin

WordPress iFrame-plugins gjordes för att använda HTML iFrame-elementet som föråldrades på WordPress på grund av säkerhetsskäl. Detta låter dig anpassa iFrame-funktionaliteten med bara några klick. Det finns inget behov av någon iFrame-kod längre.

Plugins stöder kortkoder för att infoga iFrame. De kan läggas till i vilken del av webbplatsen som helst som sidfot, widgets och så vidare. iFrame kan enkelt visa upp alla andra webbplatser och du kan anpassa olika attribut för den.

I det här följande kommer vi att se de fem bästa WordPress iFrame-plugins:

iFrame

Hur man bäddar in en WordPress iFrame med och utan ett plugin

iFrame-plugin kommer att ge fantastiska resultat. Den har samma funktioner som att bädda in en iFrame men genereras med en enkel kortkod. Här är ett exempel på hur man använder kortkoden för detta WordPress-plugin:

[iFrame  data-src="https://www.YouTube.com/embed/fd0k_hbXWcQ" width="100%" height="400"]

Advanced Responsive Video Embedder

Hur man bäddar in en WordPress iFrame med och utan ett plugin

Detta plugin är utmärkt för dem som bäddar in YouTube- eller Vimeo-videor på sin WordPress-webbplats.

Med hjälp av detta plugin kan du ta videor i ett responsivt och enkelt format till din webbplats.

Detta WordPress-plugin lägger också till en Video Embed-knapp i WordPress-textredigeraren, och med dess hjälp kan du enkelt bädda in videor från olika webbplatser.

Avancerad iFrame

Hur man bäddar in en WordPress iFrame med och utan ett plugin

En annan användbar plugin är Advanced iFrame plugin. Den använder kortkoder och inte de vanliga iFrame-attributen och tillhandahåller ett användargränssnitt för att skapa dessa kortkoder.

Eftersom WordPress tar bort iFrame-taggar av säkerhetsskäl är detta plugin det bästa. Du kan börja med att installera insticksprogrammet och sedan ser du att det blir lättare att använda en iFrame.

Auto iFrame

Hur man bäddar in en WordPress iFrame med och utan ett plugin

Detta är en lösning för att bädda in iFrame på en WordPress-webbplats. Kolla in det och ta det i förväg.

iFrame-popup

Hur man bäddar in en WordPress iFrame med och utan ett plugin

iFrame popup WordPress-plugin är utvecklad för att visa en specifik webbsida i ett popup-fönster. Den använder webbadressen till webbsidan som ska visas. Förutom det använder den också jQuery fancy box-tillägget för att avslöja iFrame i en popup.

Hur man bäddar in iFrame i WordPress utan ett plugin

För att göra detta är stegen inte alls komplicerade. Allt du behöver göra för att bädda in kod för en iFrame är att öppna och stänga HTML-taggarna och webbadressen till webbsidan som du vill integrera.

En iFrame-kod ser ut så här:

<iFramesrc ="your_webpage_url">

Efter det, om du vill, kan du ta med fler parametrar till taggen. Du kan definiera fönstret för iFrame med detta:

  • Src – Källan till iFrame, detta är en URL. Om din webbplats har SSL måste du se till att alla iFrames börjar med https://.
  • Bredd/höjd – För höjd och bredd på iFrame-fönstret, definiera värden i Px
  • ramkant – Använd värdena ’0’ eller ’1’ för att visa eller dölja ramkanten.
  • Justera – För att bestämma fönstrets sidjustering, använd värdena "vänster", "höger", "höger", "överst", "botten."
  • Rulla – För att inaktivera eller aktivera Rulla inuti fönstret. Använd värdena "ja", "nej" eller

Det finns några begränsningar som vi behöver veta om källadressen. Om du använder en iFrame kan du bara visa innehåll från andra webbplatser som använder samma Hypertext Transfer Protocols som din.

Så om din webbplats börjar med HTTPS kan du bädda in innehåll från andra tredjeparts HTTPS-webbplatser. Detta gäller även webbplatser som använder HTTP; de kan bara bädda in webbadresser som innehåller HTTP.

Avslutande tankar om att bädda in en WordPress iFrame

Sammanfattningsvis, att veta hur man bäddar in en iFrame-kod är mycket användbart för alla WordPress-webbplatser.

Detta är ännu mer sant för någon som förlitar sig på mycket innehåll för att få användarnas uppmärksamhet.

Om du gillade att läsa den här artikeln om hur du bäddar in en WordPress iframe, bör du kolla in den här om hur du ändrar teckensnitt i WordPress.

Vi skrev också om några relaterade ämnen som hur man hittar sid-ID:t i WordPress, hur man laddar ner WordPress-mediebiblioteket, hur man eliminerar renderingsblockerande JavaScript och CSS i innehåll ovanför mitten, hur man stoppar en DDoS-attack och hur man döljer sidtitel i WordPress.

Inspelningskälla: wpdatatables.com

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer