Incrusteu les fotos o els vídeos d'Instagram en un lloc web

01 de 06

Incrusteu les fotos o els vídeos d'Instagram en un lloc web

Justin Sullivan / Getty Images News

Alguna vegada ha volgut compartir una foto d'Instagram particular (o diverses d'elles) al vostre lloc web, però s'ha vist frustrat que heu de guardar la foto a l'ordinador i carregar-la al vostre lloc?

Instagram ara té una funció d'incrustar que podeu utilitzar per inserir fàcilment fotos o vídeos a l'HTML del vostre lloc web o bloc, i no ha de ser un dissenyador web per esbrinar com fer-ho.

Feu clic en els passos següents per veure com podeu inserir fàcilment qualsevol foto o vídeo d'Instagram al vostre lloc web en pocs minuts.

02 de 06

Cerqueu la pàgina d'imatge o vídeo d'Instagram que voleu inserir

Captura de pantalla de Instagram.com/AboutDotCom

El primer pas per incorporar correctament una foto o vídeo d'Instagram és accedir a la pàgina oficial de foto / vídeo d'Instagram que voleu visualitzar al vostre lloc web. Això significa que l' URL ha de ser com: instagram.com/p/xxxxxxxxxx/ .

Per a aquest exemple, utilitzarem una captura de fotos del compte oficial d'About.com Instagram, però podeu utilitzar qualsevol foto d'Instagram (o vídeo) que vulgueu.

En lloc de fer clic amb el botó dret del ratolí i triar "Guardar com" o fer una captura de pantalla de la imatge, simplement aneu a buscar els tres punts grisos a la part inferior dreta del quadre d'imatge, sota la descripció i els comentaris.

03 de 06

Trieu l'opció "Insereix"

Captura de pantalla de Instagram.com/AboutDotCom

Feu clic als tres punts grisos petits i veureu dues opcions emergents. Un d'ells és "Informar-se inadequat" i l'altre és "Inserir".

Feu clic a "Insereix".

04 de 06

Copieu el codi incrustat

Captura de pantalla de Instagram.com/AboutDotCom

Una vegada que feu clic a "Insereix", apareixerà un quadre al mig de la vostra pantalla que mostra una cadena de codi.

No ha de saber com funciona cap d'aquests codis o què vol dir per incorporar correctament la foto o el vídeo al seu lloc.

Simplement feu clic al botó verd "Copia codi incrustat" per copiar automàticament tota la cadena de codi.

Hem acabat amb la pàgina d' Instagram ara.

A continuació, podeu passar al vostre lloc web o bloc.

05 de 06

Enganxeu el Codi incrustat d'Instagram en l'HTML del vostre lloc web

Captura de pantalla d'HTML enganxat a WordPress

Depèn d'accedir a l'àrea d'administració o al quadre de comandament de la plataforma web o blogging que utilitzeu, i trobeu la zona adequada per inserir el codi.

Per exemple, si el vostre lloc s'executa a WordPress , només haureu d'accedir al vostre lloc o a la pàgina editable en el mode "Text" (en comptes del mode visual), feu clic amb el botó dret a l'editor i seleccioneu "Enganxa" per posar el codi incrustat copiat la Caixa.

Deseu-lo, centreu-lo si voleu, publiqueu-lo i ja heu acabat.

06 de 06

Veure la teva pàgina i la foto d'Embedded Instagram

Captura de pantalla d'Instagram inserit en el lloc de WordPress

Fes un cop d'ull a la pàgina publicada en línia per veure la nova foto o vídeo d'Instagram perfectament incrustat.

Haureu de poder veure la foto amb l'enllaç al nom de l'usuari d'Instagram a la part superior, així com el nombre de comentaris i comentaris que hi ha a sota.

Si es tracta d'un vídeo en lloc d'una foto, els visitants del vostre lloc web podran reproduir el vídeo allà mateix al vostre lloc.

Per descomptat, si res apareix al vostre lloc, potser haureu enganxat el codi al lloc equivocat o potser no copieu la cadena completa de codi.

Fes un cop d'ull a aquest gran article d'ajuda de WordPress d'HTML si tens algun problema.