Cum să încorporați ușor cod iFrame în WordPress (3 metode)

Când construim site-uri web, întâmpinăm adesea nevoia de a afișa conținut din surse externe fără a-l găzdui noi înșine. Aici excelează iFrame-urile.

Indiferent dacă încorporați un videoclip, o hartă sau o aplicație terță parte, iFrame-urile oferă o modalitate perfectă de a integra conținut extern pe site-ul dvs. WordPress.

În acest articol, vă vom ghida prin trei metode ușoare pentru a adăuga cod iFrame în postările sau paginile WordPress. De la utilizarea codurilor de încorporare pre-făcute la crearea propriilor iFrame-uri manual, vă acoperim totul. 

Ce este iFrame?

Un iFrame (prescurtare de la inline frame) vă permite să încorporați videoclipuri sau alt conținut pe site-ul dvs. fără a fi nevoie să găzduiți acel videoclip. Acest lucru vă poate economisi lățime de bandă și spațiu de stocare, de aceea nu ar trebui să încărcați niciodată un videoclip direct pe WordPress.

Pe lângă îmbunătățirea vitezei și performanței WordPress, iFrame-ul se va actualiza automat dacă conținutul original se modifică. Acest lucru înseamnă că vizitatorii vor vedea întotdeauna cea mai recentă versiune a conținutului.

Încorporarea de conținut protejat prin drepturi de autor prin intermediul unui iFrame nu încalcă, de asemenea, drepturile de autor, deci vă poate proteja împotriva proceselor legale.

Acestea fiind spuse, să vedem cum puteți încorpora cu ușurință codul iFrame în WordPress. Pur și simplu utilizați linkurile rapide pentru a sări direct la metoda pe care doriți să o utilizați:

Metoda 1: Încorporați iFrame WordPress folosind codul sursei (Rapid și ușor)

Multe site-uri mari de găzduire video au o opțiune „Încorporați” care vă oferă acces la codul iFrame de care aveți nevoie pentru a-l adăuga pe site-ul dvs.

Dacă site-ul web are setări de „Partajare” sau „Încorporare”, aceasta este adesea cea mai rapidă și mai ușoară modalitate de a încorpora conținut.

Pașii exacți vor varia în funcție de platformă, dar să luăm YouTube ca exemplu. Pentru a încorpora videoclipuri YouTube în WordPress, pur și simplu faceți clic pe butonul „Partajare” de sub videoclipul pe care doriți să îl utilizați.

După aceea, veți vedea o fereastră pop-up cu diferite opțiuni de partajare.

Pur și simplu accesați și faceți clic pe butonul „Embed”.

YouTube vă va afișa acum codul iFrame.

În mod implicit, YouTube va bifa caseta „Afișați controalele playerului”, dar recomandăm, de asemenea, activarea modului îmbunătățit de confidențialitate. Acest mod permite vizitatorilor să vizioneze conținutul încorporat pe site-ul dvs. WordPress fără a le influența experiența de navigare pe YouTube.

După aceea, continuați și faceți clic pe butonul „Copiere”.

Acum, puteți lipi acel cod în orice postare sau pagină de pe site-ul dvs. În acest ghid, îl vom adăuga la o pagină nouă în editorul de blocuri WordPress.

Pur și simplu deschideți pagina și apoi faceți clic pe butonul „+”. În fereastra pop-up care apare, începeți să tastați „HTML” pentru a găsi blocul HTML personalizat.

Când apare blocul corect, faceți clic pentru a-l adăuga pe pagina dvs.

Apoi, pur și simplu lipiți codul iFrame YouTube în bloc.

Acum puteți publica pagina pentru a vedea videoclipul YouTube live pe blogul dvs. WordPress.

Metoda 2: Încorporați cu un plugin iFrame WordPress (funcționează cu toate site-urile web)

Nu toate site-urile terțe oferă un cod de încorporare gata făcut. Dacă nu puteți găsi setări de „Partajare” sau „Încorporare”, atunci puteți crea cu ușurință propriul cod iFrame utilizând pluginul iFrame.

Mai întâi, trebuie să instalați și să activați pluginul iFrame. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, pluginul va începe să funcționeze imediat, fără a fi necesară nicio configurare. Pur și simplu accesați pagina sau postarea unde doriți să încorporați conținutul și adăugați un bloc de Shortcode.

După aceea, adăugați următorul shortcode:

[iframe src="URL goes here"]

Pur și simplu înlocuiți ‘URL goes here’ cu URL-ul conținutului pe care doriți să-l încorporați pe site-ul dvs.

Ca exemplu, să adăugăm o hartă Google în WordPress, deoarece acesta este un mod ușor pentru magazine, restaurante și alte locații de a adăuga indicații pe formularul lor de contact.

După aceea, pur și simplu previzualizați sau publicați postarea.

Ar trebui să vedeți acum conținutul încorporat pe site-ul dumneavoastră web.

Pentru a vedea toți parametrii disponibili, puteți consulta pagina pluginului iFrame.

Metoda 3: Încorporați iFrame-uri în WordPress manual (Nu este necesar un plugin)

Dacă nu doriți să utilizați un plugin WordPress special, atunci puteți crea codul iFrame manual. Pentru a face acest lucru, trebuie să deschideți pagina sau postarea și apoi să adăugați un bloc HTML în editorul de conținut WordPress.

Mai întâi, lipiți următorul cod în blocul dvs. HTML:

<iframe src="URL goes here"></iframe>

Pur și simplu înlocuiți „URL-ul este aici” cu URL-ul direct al conținutului pe care doriți să îl încorporați.

Aici, încorporăm o hartă Google:

Puteți adăuga parametri suplimentari pentru a schimba modul în care arată conținutul pe site-ul dumneavoastră web. De exemplu, setăm lățimea la 600 de pixeli și înălțimea la 200 de pixeli:

<iframe src="URL goes here" width="600" height="300"></iframe>

Acest lucru este util dacă trebuie să afișați conținutul încorporat într-un spațiu mai mic. De exemplu, este posibil să doriți să redimensionați conținutul după testarea versiunii mobile a site-ului dvs. WordPress.

Care sunt unele alternative la iFrame?

Există unele dezavantaje la încorporarea iFrames.

Nu toate site-urile web vă permit să plasați conținutul lor într-un iFrame, iar este posibil să fie necesar să ajustați manual conținutul pentru ca acesta să arate bine în spațiul disponibil.

O altă problemă este că site-urile HTTPS pot utiliza iFrame-uri doar pentru conținut de pe alte site-uri HTTPS. Similar, site-urile HTTP pot utiliza iFrame-uri doar pentru conținut de pe alte site-uri HTTP.

Acesta este motivul pentru care multe platforme precum WordPress preferă oEmbed.

Adesea, puteți utiliza oEmbed pentru a încorpora videoclipuri și alt conținut prin simpla lipire a unei adrese URL în postarea WordPress. WordPress va redimensiona automat oEmbed pentru a se potrivi spațiului disponibil, astfel încât va arăta întotdeauna perfect pe desktopuri, smartphone-uri și tablete.

Dacă doriți să afișați fluxuri sociale pe site-ul dvs. web, atunci recomandăm utilizarea unui plugin de social media în locul iFrame-urilor.

De exemplu, Smash Balloon facilitează încorporarea conținutului de pe Facebook, Instagram, Twitter și YouTube.

Iată câteva tutoriale despre adăugarea de fluxuri de social media cu Smash Balloon:

• Cum să încorporezi tweet-uri reale în postările de blog WordPress
• Cum să încorporați videoclipuri TikTok în WordPress
• Cum să încorporați o listă de redare YouTube în WordPress (cea mai bună metodă)

Sperăm că acest articol v-a ajutat să învățați cum să adăugați cu ușurință iFrame-uri în WordPress. De asemenea, ați putea dori să consultați ghidurile noastre despre cum să încorporați SoundCloud în WordPress și cum să dezactivați încorporările în WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.