Embed Instagram fotografije ili videozapise u web stranicu

01 od 06

Embed Instagram fotografije ili videozapise u web stranicu

Justin Sullivan / Getty Images vijesti

Jeste li ikada htjeli podijeliti određenu fotografiju Instagrama (ili nekoliko njih) na svojoj web-lokaciji, ali bilo je frustrirano da ste spremili fotografiju na računalo i prenijeli je na vašu web-lokaciju?

Instagram sada ima značajku ugrađivanja koja možete upotrijebiti za jednostavno umetanje fotografija ili videozapisa u HTML web stranice ili bloga, a ne morate biti web dizajneri kako biste shvatili kako to učiniti.

Kliknite kroz korake u nastavku da biste vidjeli kako možete jednostavno ugraditi fotografiju ili videozapis na Instagram na svoju web stranicu u samo nekoliko minuta.

02 od 06

Pronađite Instagramovu fotografiju ili video stranicu koju želite ugraditi

Snimak zaslona Instagram.com/AboutDotCom

Prvi korak da pravilno ugradite fotografiju ili videozapis na Instagram jest pristup službenoj fotografiji / video stranici Instagrama koju želite predstaviti na svojoj web stranici. To znači da URL mora biti nešto poput: instagram.com/p/xxxxxxxxxx/ .

Za ovaj primjer koristit ćemo fotografiju iz službenog računa Instagram, no možete upotrijebiti bilo koju fotografiju (ili videozapis) Instagram koju želite.

Umjesto da desnom tipkom miša kliknete i odaberete "Spremi kao" ili snimite snimku zaslona slike, jednostavno ćete samo tražiti tri sitne sive točke u donjem desnom kutu okvira za slike, ispod opisa i komentara.

03 od 06

Odaberite opciju "Ugradnja"

Snimak zaslona Instagram.com/AboutDotCom

Kliknite tri sitne točke i trebali biste vidjeti dvije opcije. Jedan je "Izvješće neprimjereno", a drugi je "Ugradi".

Kliknite "Ugradi".

04 od 06

Kopirajte kod za ugradnju

Snimak zaslona Instagram.com/AboutDotCom

Kada kliknete "Ugradi", u sredini zaslona pojavit će se okvir s prikazom niza koda.

Ne morate znati kako funkcionira bilo koji kôd tog koda ili što to znači kako bi ispravno ugradio fotografiju ili videozapis na vašu web-lokaciju.

Jednostavno kliknite zeleni gumb "Kopiraj kod za ugradnju" da biste automatski kopirali cijeli niz koda.

Sada smo gotovi s Instagramom .

Zatim možete prijeći na svoju web stranicu ili blog.

05 od 06

Zalijepite Instagram Embed Code u HTML svoje web stranice

Zaslon od HTML-a zalijepljen u WordPress

Na vama je da pristupite području administracije ili nadzorne ploče bilo kojeg web mjesta ili platforme za bloganje koju koristite i pronađite pravi prostor za umetanje koda.

Na primjer, ako se vaša web-lokacija pokrene na usluzi WordPress , samo trebate pristupiti svom postu ili stranici za uređivanje u načinu rada "Tekst" (a ne vizualni način rada), desnom tipkom miša kliknite editor i odaberite "Zalijepi" da biste kopirali ugrađeni kôd u kutija.

Spremite ga, centrirajte ako želite, objavite i završite.

06 od 06

Prikaz vaše stranice i ugrađenog fotoaparata Instagram

Instagram snimka zasnovana na WordPress web mjestu

Pogledajte objavljenu stranicu na mreži kako biste vidjeli novu Instagramovu fotografiju ili videozapis uredno ugrađenu u njega.

Trebali biste vidjeti fotografiju na kojoj se nalazi veza na ime korisnika Instagram na vrhu, kao i broj stavki i komentara ispod nje.

Ako se radi o videozapisu umjesto fotografije, posjetitelji vaše web stranice moći će reproducirati videozapis tamo na vašoj web-lokaciji.

Naravno, ako se ništa ne pojavi na vašoj web-lokaciji, možda ste zalijepili kôd na pogrešno mjesto ili možda kopirali cijeli niz koda.

Pogledajte ovaj veliki HTML WordPress pomoć članak ako imate bilo kakvih problema.