Trenge'å vise Instagram-bilder på WordPress?
Instagram ble først lansert i 2010, men er et stort sosialt nettverk for deling av bilder, med en halv milliard brukere som logger på hver måned og nesten 100 millioner meldinger blir lagt ut hver dag.
Å legge til Instagram-bilder på WordPress-nettstedet ditt er en flott måte å gjøre innleggene og sidene dine mer engasjerende og utnytte den enorme mengden av vakre bilder som legges ut på nettstedet hver dag.
WordPress gjør det enkelt å legge til bilder på sider og artikler. Prosessen er den samme for begge, så følg disse trinnene for å lære mer.
Men før, la oss oppdage sammen Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din.
Så tilbake til hvorfor vi er her.
Få et bilde på Instagram
Det første du trenger å gjøre er å finne Instagram-bildet du vil legge inn på WordPress-nettstedet ditt.
Hvis du bruker Instagram-appen, finner du bildet du vil se, trykker på den vertikale velgeknappen (…) og kopier deretter delings-URL-en. Lagre denne lenken et sted, for eksempel et vanlig tekstdokument. Du kan sende URL-en til deg selv via e-post.
Se også: Noen WordPress-sikkerhetsplugger for bloggen din
Hvis du er sikker instagram.com, finn bildet du vil legge inn, og se bildet det gjelder. Klikk på lenken som viser perioden publikasjonen ble laget i.
Du får tilgang til en side med en unik URL for det aktuelle bildet! Kopier denne lenken fra adressefeltet, fordi det er det vi vil bruke på artikkelen / WordPress-siden.
Hvordan lage et innlegg for Instagram-bilder på WordPress
Med URL-en til bildet som er tilgjengelig på Instagram, vil det være veldig enkelt for deg å legge til Instagram-bildene til WordPress.
Oppdag også tipset vårt om Hvordan tvinge WordPress til å sjekke om plugin-oppdateringer
Begynn med å opprette en ny artikkel / side, eller åpne en allerede eksisterende. Naviger til delen i dokumentet der du vil vise bildet og pakke inn.
Lim inn URL-en du kopierte. WordPress viser automatisk Instagram-innlegget.
Publiser eller oppdater meldingen din, og det er det!
Hvordan legge til Instagram-innlegg til WordPress
Instagram gir deg også muligheten til å legge inn bilder manuelt. Hvis liming av URL-en ikke fungerer, eller du vil ha litt mer kontroll (du kan velge å skjule beskrivelsen), dette er alternativet du må velge.
Les også vår guide på Hvordan får anbefalinger plugin på WordPress
Igjen må du finne bildet ditt, men legge det inn denne gangen, et alternativ som bare er tilgjengelig ved å besøke instagram.com. Som før, gå til hele fotosiden med den unike url.
Nå, i stedet for å kopiere URL-en, klikker du på ellipsene (…) nederst til høyre og klikker på " integrere "(Embed).
Instagram vil tilby deg en kode som du trenger å kopiere. Hvis du vil skjule legenden, fjern merket i ruten " inkluderer legende '.
Discover Hvordan gi en unik stil til de ulike kategorier av WordPress
Du kan nå legge inn bildet i en artikkel eller side. Som før må du: enten legge til en ny artikkel eller side, eller endre en allerede eksisterende. Du må * bytte til teksteditormodus og finne hvor du vil lime inn koden fra bildet, når det er gjort, legg til koden.
Instagram genererer mye kode, men gå tilbake til den visuelle redaktøren, og du vil legge merke til at bildet ditt er lagt til. Hvis det er et grått område der du forventer å se et bilde, ikke bekymre deg, bildet vises på frontenden av nettstedet ditt.
Les også artikkelen vår om: PayPal-svindel: Hvordan gjenkjenne dem?
Legg ut eller oppdater artikkelen eller siden, så har du et Instagram-bilde tilgjengelig!
Instagram er en super-inngreps ressurs
Instagram er et av de mest populære nettverkene for å tilby bilder. Mange av dine besøkende / kunder er der, og å ha innhold som de kan dele, vil være gunstig for deg.
Oppdag også noen ekstra premium WordPress-plugins
Du kan bruke andre plugins for å vise nedtellingen på WordPress-bloggen din. I det følgende foreslår jeg noen av dem.
1. WPML
WPML er et premium WordPress-oversettelsesplugin som lar deg oversette blogginnleggene og nettsidene dine. Det anbefales å ta en full sikkerhetskopi av nettstedet ditt før du installerer det.
I motsetning til de fleste andre oversettelsesplugins, er WPML kompatibel med de fleste hovedtemaer og WordPress plugins. Så du trenger ikke å berøre koden eller utseendet til nettstedet ditt for å få det til å fungere. Det lar deg til og med oversette en webside opprettet med de forskjellige sidebyggerne.
Se også 5 WordPress plugins for å dele innholdet i bloggen din
De tilbyr 3 premiumplaner basert på antall funksjoner. Hver premiumplan tilbyr ubegrenset bruk av nettstedet. Det er en av WordPress plugins eldste og mest pålitelige oversettelsesverktøy for å bygge ditt flerspråklige nettsted.
2. Ajax Search Pro
Ajax Search Pro er en av de beste WordPress-plugins førsteklasses sanntidssøkefelt på WordPress. Den er svært tilpassbar, med mange funksjoner og alternativer, og gir best mulig resultater.
Du kan erstatte WordPress-søkefeltet med en mer effektiv og dynamisk søkemotor. I tillegg har dette WordPress-pluginet mer enn 60 fargerike og fullt tilpassbare temaer som vil spare deg for tid.
Se vår artikkel på 10 WordPress plugins for å forbedre visningen av nettstedet ditt
Så du kan fokusere mer på den visuelle presentasjonen av søkeskjemaet.
3. Octaboo
Oktabok er en svært brukervennlig premium WordPress-plugin og Instant Appointment Booking-verktøy for nesten alle typer tjenester og tjenesteleverandører som ønsker å tilby Bestillinger fra en nettside.
Den tilbyr flere funksjoner, inkludert: støtte for flere lokaliseringer, konfigurering av tjenester, dynamisk prising, varsler osv., støtte for tilpassede felt for skjemaer, tilpasning av utseende, støtte for Google Kalender, et intuitivt dashbord, eksport av data til csv-format og mye mer.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan legge til bilde i tekst i Elementor
- 7 aspekter som lar deg lage en vellykket blogg
- Hvordan komprimere og endre størrelsen på bilder på WordPress
- 10 WordPress plugins for å lage attributter for dine variable produkter
- 5 WooCommerce-plugins for å administrere kundeforhold på et nettsted
konklusjonen
Her er ! Det er det for denne opplæringen, jeg håper det nå lar deg vise Instagram-bilder på en WordPress-side eller et innlegg.
Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.
Føl deg fri til å del denne artikkelen med vennene dine på dine favoritt sosiale nettverk. Men i mellomtiden, fortell oss om din commentaires og forslag i den dedikerte delen.
...
Følgende råd er veldig bra gjort, kan det sannsynligvis allerede overstige 1000 abonnenter.
Over 1000 blir det vanskelig å følge alle abonnentene, så det er nødvendig å finne tips for å huske de som er mest aktive mens du fjerner de som legger ut mye uten å gi tilbake. For å gjøre dette, lar verktøyet "Samlinger" deg lage lister for å overvåke de mest lojale kontoene mer regelmessig.
Hei, jeg deler din mening og takk tilbake.
Bonjour,
Takk for denne opplæringen. Det hjalp meg mye å forstå ikke bare hvordan jeg kan integrere instagrambilder, men spesielt også å integrere facebook, twitter og andre bilder eller publikasjoner, i en artikkel. Jeg vet ikke om disse har blitt dekket her, men denne artikkelen har hjulpet meg å forstå.
På den annen side har jeg en virkelig bekymring når jeg integrerer dette instagram-, facebook-, twitterinnholdet i en artikkel: Jeg vet ikke hvordan jeg skal sentrere dette innholdet. Dette Instagram-, Facebook- og Twitter-innholdet som vi integrerer, går alltid til venstre og det virker ikke hyggelig for meg i det hele tatt. Så hvordan plasserer du dem midt i artikkelen?
Merci.
Bonjour,
Takk for tilbakemeldingen. For å sentrere elementene, må du få tilgang til tekstredigereren mens du redigerer en artikkel, og med noen CSS-regler vil du kunne sentrere elementet. For eksempel kan du forvandle hovedetiketten til "inline-block" og definere et sentrert område eller bruke "margin: 0 auto; "