Уставіць Instagram фота ці відэа на вэб-сайт

01 з 06

Уставіць Instagram фота ці відэа на вэб-сайт

Justin Sullivan / Getty Images Навіны

Заўсёды хацеў , каб падзяліць пэўную Instagram фатаграфію (або некалькі з іх) на сваім сайце, але быў расчараваны тым, што вы павінны былі захаваць фатаграфію на свой кампутар і загрузіць яго на свой сайт?

Instagram цяпер мае функцыю ўбудавання, якую можна выкарыстоўваць, каб лёгка ўстаўляць фатаграфіі або відэа ў HTML вашага сайта або блога, і вы не павінны быць вэб-дызайнерам, каб высветліць, як гэта зрабіць.

Націсніце праз крокі прытрымлівацца, каб убачыць, як вы можаце лёгка ўстаўляць любыя Instagram фота ці відэа на свой вэб-сайт на працягу некалькіх хвілін.

02 з 06

Знайсці Instagram фатаграфіі або відэа старонку Вы жадаеце ўбудаваць

скрыншот Instagram.com/AboutDotCom

Першы крок, каб правільна ўбудаваць Instagram фота ці відэа, каб атрымаць доступ да афіцыйнага Instagram фота / відэа старонкі, якую вы шукаеце, каб прадэманстраваць на сваім сайце. Гэта азначае , што URL павінен быць што - нешта накшталт: instagram.com/p/xxxxxxxxxx/.

Для гэтага прыкладу мы будзем выкарыстоўваць фота ўзяць з афіцыйным рахункі About.com Instagram, але вы можаце выкарыстоўваць любы Instagram фатаграфію (або відэа), якія вы хочаце.

Замест правай кнопкі мышы, і выбраўшы «Захаваць як» або зрабіўшы скрыншот выявы, вы проста толькі збіраецеся шукаць тры маленькія шэрыя кропкі ў ніжнім правым куце акна малюнка, пад апісанне і каментары.

03 з 06

Выберыце варыянт «Уставіць»

скрыншот Instagram.com/AboutDotCom

Націсніце тры маленькія шэрыя кропкі, і вы павінны ўбачыць два варыянты ўсплываў. Адным з іх з'яўляецца «Паведаміць аб недапушчальным», а другі «Уставіць».

Націсніце на кнопку «Уставіць».

04 з 06

Скапіруйце код для ўстаўкі

скрыншот Instagram.com/AboutDotCom

Пасля націску кнопкі «Уставіць» акно з'явіцца ў сярэдзіне экрана, які адлюстроўвае радок кода.

Вам не трэба ведаць, як любы з гэтага кода працуе ці што гэта значыць для таго, каб правільна ўставіць фатаграфію або відэа ў свой сайт.

Проста націсніце зялёную кнопку «Капіяваць Уставіць код», каб аўтаматычна скапіяваць увесь радок кода.

Мы скончылі з Instagram старонкі ў цяперашні час.

Далей, вы можаце перайсці на свой сайт або блог.

05 з 06

Ўстаўце Instagram код для ўстаўкі ў HTML вашага вэб-сайта

Здымак экрана: HTML ўставілі ў WordPress

Гэта да вас, каб атрымаць доступ да вобласці адміністратара ці прыборную панэль, якой бы ні сайт або блог-платформы вы выкарыстоўваеце, і знайсці патрэбную вобласць, каб ўставіць код.

Напрыклад, калі ваш сайт працуе на WordPress , вам проста неабходна атрымаць доступ да рэдагуемыя пост ці старонку ў рэжыме «Тэкст» (а не Візуальны рэжым), пстрыкніце правай кнопкай мышы ў рэдактары і выберыце «Уставіць» , каб змясціць скапіяваны код у скрынка.

Захавайце яго, Цэнтраваць яго, калі хочаце, апублікаваць яго, і вы зрабілі.

06 з 06

Праглядаць старонкі і залівалі Instagram фота

Скрыншот Instagram ўбудаваны ў WordPress сайта

Паглядзіце на апублікаваную старонку ў Інтэрнэце, каб убачыць новы Instagram фота ці відэа акуратна ўбудаваныя прама ў яго.

Вы павінны быць у стане ўбачыць фатаграфію з спасылкай на імя карыстальніка Instagram ў верхняй частцы экрана, а таксама шэрагу падобных і каментары пад ім.

Калі гэта відэа замест фота, наведвальнікі на ваш сайт будзе мець магчымасць прайграваць відэа прама на вашым сайце.

Вядома, калі нічога не адлюстроўваецца на вашым сайце, вы можаце ўставіць код у няправільным месцы або, магчыма, не капіруюць поўную радок кода.

Праверце гэтую вялікую артыкул даведкі HTML WordPress , калі ў вас узніклі якія - небудзь праблемы.