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 nevoit să găzduiți efectiv acel videoclip. Acest lucru vă poate economisi lățime de bandă și spațiu de stocare, motiv pentru care nu ar trebui să încarci 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:

1. Încorporați iFrame WordPress folosind codul sursei (Rapid și ușor)
2. Încorporați cu un plugin iFrame pentru WordPress (funcționează cu toate site-urile web)
3. Embed iFrames in WordPress Manually (No Plugin Required)

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 „Încorporare” 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 „Share” 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.

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 dumneavoastră WordPress fără ca acesta să le influențeze 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 găsiți setări „Share” sau „Embed”, puteți crea cu ușurință propriul cod iFrame folosind 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 necesita configurare. Pur și simplu accesați pagina sau postarea unde doriți să încorporați conținut și adăugați un bloc 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 aceasta este o modalitate ușoară pentru magazine, restaurante și alte locații de a adăuga indicații pe formularul 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, 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 folosi iFrame-uri doar pentru conținut de pe alte site-uri HTTPS. Similar, site-urile HTTP pot folosi 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 inserare a unui 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 iFrames.

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ă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.