Вграждане на снимки или видеоклипове в Instagram в уебсайт

01 от 06

Вграждане на снимки или видеоклипове в Instagram в уебсайт

Джъстин Съливан / Гети изображения новини

Някога искахте да споделите конкретна снимка на Instagram (или няколко от тях) на уебсайта си, но сте разочаровани, че трябва да запишете снимката на компютъра си и да я качите на сайта си?

Instagram вече има функция за вграждане, която можете да използвате, за да вмъквате лесно снимки или видеоклипове в HTML на вашия уеб сайт или блог и не е нужно да сте уеб дизайнер, който да разбере как да го направите.

Кликнете върху следващите стъпки, за да видите как лесно можете да вградите всяка снимка или видеоклип на Instagram в уебсайта си само за няколко минути.

02 от 06

Намерете страницата с снимки или видео на Instagram, която искате да вградите

Screenshot от Instagram.com/AboutDotCom

Първата стъпка, за да вградите правилно снимка или видео от Instagram, е да отворите официалната страница за снимки / видео на Instagram, която искате да покажете на уебсайта си. Това означава, че URL адресът трябва да е нещо като: instagram.com/p/xxxxxxxxxx/ .

За този пример ще използваме снимка от официалния профил в Instagram, но можете да използвате която и да е снимка на Instagram (или видеоклип), която искате.

Вместо да кликнете с десния бутон на мишката и да изберете "Запиши като" или да направите екранна снимка на изображението, вие просто ще търсите трите малки сиви точки в долния десен ъгъл на графата за изображения под описанието и коментарите.

03 от 06

Изберете опцията "Вграждане"

Screenshot от Instagram.com/AboutDotCom

Кликнете върху трите малки сиви точки и трябва да видите две опции. Едната е "Съобщете за неподходящо", а другото е "Вграждане".

Кликнете върху "Вграждане".

04 от 06

Копирайте кода за вграждане

Screenshot от Instagram.com/AboutDotCom

Щом кликнете върху "Вграждане", в средата на екрана ще се появи кутийка, показваща низ от код.

Не е нужно да знаете как работи този код или какво означава, за да вмъкнете правилно снимката или видеоклипа в сайта си.

Просто кликнете върху зеления бутон "Копиране на вградения код", за да копирате автоматично целия низ код.

В момента завършихме страницата Instagram .

След това можете да преминете към уебсайта или блога си.

05 от 06

Поставете кода за вграждане на Instagram в HTML на вашия уеб сайт

Screenshot от HTML, поставен в WordPress

От вас зависи да отворите административната зона или таблото за управление на която и да е уеб страница или платформа за блог, която използвате, и да намерите точната област, в която да въведете кода.

Например, ако сайтът ви работи на WordPress , просто трябва да имате достъп до редактиращата Ви публикация или страница в режим "Text" (а не в режим Visual), щракнете с десния бутон на мишката върху редактора и изберете "Paste", за да поставите вашия копиран вграден код кутията.

Запазете го, центрирайте го, ако искате, го публикувайте и сте готови.

06 от 06

Преглеждайте страницата си и вградената снимка на Instagram

Screenshot от Instagram, вграден в WordPress

Обърнете внимание на публикуваната онлайн страница, за да видите новата снимка или видео на Instagram, вградени в нея.

Трябва да можете да видите снимката с връзката към името на потребителя на Instagram в горната част, както и броя на харесвания и коментари под него.

Ако това е видео, а не снимка, посетителите на уебсайта Ви ще могат да пускат видеоклипа там на сайта Ви.

Разбира се, ако нищо не се появи на сайта Ви, може да сте поставили кода на грешното място или да не сте копирали пълния низ от код.

Проверете тази страхотна помощна статия в HTML WordPress, ако имате някакви проблеми.