Illessze be az Instagram fotókat vagy videókat egy webhelybe

01/06

Illessze be az Instagram fotókat vagy videókat egy webhelybe

Justin Sullivan / Getty Images hírek

Mindig szeretett volna megosztani egy adott Instagram fényképet (vagy közülük többet) a webhelyén, de csalódott volt, hogy el kellett mentenie a fotót a számítógépére, és fel kellene töltenie a webhelyére?

Az Instagram mostantól beágyazási funkcióval rendelkezik, amellyel könnyedén beillesztheti a fotókat vagy videókat a webhely vagy a blog HTML-kódjába, és nem kell webes tervezőként kitalálnia, hogyan kell csinálni.

Kattintson a következő lépésekben, és nézze meg, hogyan könnyedén beágyazhatja az Instagram fotóit vagy videóit webhelyén néhány perc alatt.

02. 06. sz

Keresse meg a beágyazott Instagram fényképet vagy videót

Instagram.com/AboutDotCom képernyőkép

Az Instagram fotó vagy videó helyes beágyazásához az első lépés, hogy elérje a hivatalos Instagram fotó / videó oldalt, amelyet a webhelyén bemutató bemutatóra szeretne. Ez azt jelenti, hogy az URL- nek valami hasonlónak kell lennie: instagram.com/p/xxxxxxxxxx/ .

Ehhez a példához egy hivatalos fotózást használunk a hivatalos About.com Instagram fiókból, de bármelyik Instagram fényképet (vagy videót) használhatjuk.

Ahelyett, hogy jobb egérgombbal rákattintasz a "Mentés másként" lehetőségre vagy a képernyőképre kattintasz, egyszerűen csak meg szeretnéd keresni a képdoboz jobb alsó sarkában lévő három kis szürke pontot a leírás és a megjegyzések alatt.

03/06

Válassza a 'Beágyazás' opciót

Instagram.com/AboutDotCom képernyőkép

Kattintson a három kis szürke pontra, és megjelenik két lehetőség is. Az egyik a "Nem megfelelő jelentés" és a másik a "Beágyazás".

Kattintson a "Beágyazás" gombra.

04/06

Másolja a beágyazott kódot

Instagram.com/AboutDotCom képernyőkép

Miután rákattintott a "Beágyazás" lehetőségre, a képernyő közepén egy doboz jelenik meg, amely egy kódkódot jelenít meg.

Nem kell tudnia, hogy a kód bármelyik működik-e, vagy mit jelent annak érdekében, hogy megfelelően beillesztse a fotót vagy a videót a webhelyébe.

Egyszerűen kattintson a zöld "Másolás kód beillesztése" gombra, hogy automatikusan másolja a kód egész sorát.

Már befejeztük az Instagram oldalt.

Ezután továbbléphet webhelyére vagy blogjára.

05/06

Illessze be az Instagram kódot a webhelyed HTML-kódjába

A WordPressbe beillesztett HTML-kép

Az Öntől függ, hogy hozzáférjen az adminisztrációs területhez vagy irányítópulthoz, amelyik által használt weboldalt vagy blogos platformot, és megtalálja a megfelelő területet a kód beillesztéséhez.

Például, ha webhelye WordPress- ban fut, csak a szöveges módban kell elérnie a szerkeszthető postát vagy oldalát (vizuális mód helyett), kattintson a jobb egérgombbal a szerkesztőre, és válassza ki a "Beillesztés" elemet a másolt beágyazott kód beillesztésébe a doboz.

Mentse el, helyezze el, ha tetszik, közzéteheti, és készen áll.

06, 06

Tekintse meg oldalát és beágyazott Instagram fotóját

A WordPress webhelyen beágyazott Instagram képképe

Tekintse meg a közzétett weblapot, hogy lássa az új Instagram fényképet vagy videót, amely szépen beágyazódik benne.

Meg kell tudnod látni a fotót az Instagram felhasználói nevéhez fűződő hivatkozással, valamint az alatta lévő szerelmeket és megjegyzéseket.

Ha egy fotó helyett egy videó, akkor a webhelyén lévő látogatók képesek lesznek lejátszani a videót ott a webhelyén.

Természetesen, ha semmi sem jelenik meg a webhelyén, lehet, hogy rosszul helyezte be a kódot, vagy esetleg nem másolta a kód teljes kódját.

Nézze meg ezt a nagy HTML WordPress súgócikket, ha bármilyen gondja van.