Voeg Instagram-foto's of -video's in 'n webwerf

01 van 06

Voeg Instagram-foto's of -video's in 'n webwerf

Justin Sullivan / Getty Images Nuus

Wil jy ooit 'n bepaalde Instagram-foto (of verskeie van hulle) op jou webwerf deel, maar was gefrustreerd dat jy die foto op jou rekenaar moes stoor en dit op jou werf oplaai?

Instagram het nou 'n ingeboude funksie wat jy kan gebruik om foto's of video's maklik in die HTML van jou webwerf of blog in te voeg, en jy hoef nie 'n webontwerper te wees om uit te vind hoe om dit te doen nie.

Klik deur die volgende stappe om te sien hoe jy 'n Instagram-foto of -video op jou webwerf maklik in 'n paar minute kan insluit.

02 van 06

Vind die Instagram-foto of video-bladsy wat jy wil insluit

Screenshot van Instagram.com/AboutDotCom

Die eerste stap om 'n Instagram-foto of video behoorlik in te bedek, is om toegang te verkry tot die amptelike Instagram-foto- / video-bladsy wat jy op jou webwerf wil vertoon. Dit beteken dat die URL iets soos: instagram.com/p/xxxxxxxxxx/ moet wees.

Vir hierdie voorbeeld gebruik ons ​​'n foto-opname van die amptelike Instellings-instellings-Instagram-rekening, maar u kan enige Instagram-foto (of video) gebruik wat u wil.

In plaas van regs te klik met jou muis en kies 'Stoor as' of 'n skermkiekie van die prentjie, gaan jy net na die drie klein grys kolletjies in die onderste regterkantste hoek van die beeldkassie, onder die beskrywing en opmerkings, soek.

03 van 06

Kies die opsie 'Embed'

Screenshot van Instagram.com/AboutDotCom

Klik op die drie grys kolle en jy moet twee opsies sien. Een is 'Onvanpas verslag' en die ander is 'Embed'.

Kliek op 'Embed'.

04 van 06

Kopieer die invoegkode

Screenshot van Instagram.com/AboutDotCom

Sodra jy 'Embed' klik, sal 'n boks in die middel van jou skerm verskyn wat 'n string kode vertoon.

Jy hoef nie te weet hoe enige van daardie kode werk of wat dit beteken om die foto of video behoorlik in jou werf in te sluit nie.

Klik eenvoudig op die groen knoppie Kopieer embed code om die hele kode kode outomaties te kopieer.

Ons is nou klaar met die Instagram- bladsy.

Vervolgens kan u na u webwerf of blog beweeg.

05 van 06

Plak die Instagram-kode in die HTML van jou webwerf

Screenshot van HTML geplak in WordPress

Dit is aan jou om toegang te verkry tot die administrasie of dashboard van watter webwerf of blogplatform jy gebruik, en vind die regte area om die kode in te voer.

Byvoorbeeld, as jou werf op WordPress loop, moet jy net jou bewerkbare pos of bladsy in die teksmodus (eerder as die visuele modus), regs kliek in die redigeerder, en kies 'Plak' om jou gekopieerde inbeddingskode in te voeg. die boks.

Stoor dit, sentreer dit as jy wil, publiseer dit en jy is klaar.

06 van 06

Bekyk jou bladsy en ingebedde Instagram-foto

Screenshot van Instagram ingebed in WordPress werf

Kyk na die gepubliseerde bladsy aanlyn om die nuwe Instagram-foto of -video netjies ingebed te sien.

Jy moet die foto kan sien met die skakel na die Instagram-gebruiker se naam bo-aan, sowel as die aantal houers en opmerkings daaronder.

As dit 'n video is in plaas van 'n foto, kan besoekers op jou webwerf die video reg op jou werf speel.

Natuurlik, as daar niks op jou webwerf verskyn nie, het jy die kode dalk op die verkeerde plek geplak of dalk nie die volledige string kode kopieer nie.

Kyk na hierdie groot HTML WordPress help artikel as jy probleme ondervind.