Hvordan lage et bildegalleri i WordPress (3 enkle måter)


Lurer du på hvordan du legger til et bildegalleri på bloggen din? I denne opplæringen viser vi deg 3 enkle metoder for å legge til et galleri i WordPress.

Hvis du driver en blogg, er det et must å vise bilder. Ingen liker å lese side etter side med ren tekst. Ved å legge til bilder på bloggen din kan du beholde lesernes oppmerksomhet og øke engasjementet.

Og fotogallerier gjør det enkelt å vise mange iøynefallende bilder på en organisert måte.

I denne opplæringen viser vi deg hvordan du lager et bildegalleri i WordPress, trinn for trinn. Vi deler også 3 forskjellige metoder slik at du kan velge det beste alternativet for dine behov.

La oss komme i gang.

Før vi dykker inn i opplæringen, la oss se på noen fordeler ved å legge til et bildegalleri i WordPress.

Hvorfor legge til et bildegalleri til WordPress?

Hver blogg trenger bilder for å skape en god leseopplevelse for besøkende. Men noen typer blogger må legge til flere bilder enn andre.

For eksempel vil en fotoblogger måtte vise mange bilder på nettstedet sitt for å vise frem sin portefølje av arbeid. Og en reiseblogg vil sannsynligvis legge til mange bilder fra sine siste turer.

Bildegallerier gjør det enklere å organisere bildene dine.

Når du legger til flere bilder i et innlegg eller en side, vises de etter hverandre med mye mellomrom. Det ser rotete, lite tiltalende ut, og leserne må bla mye for å se bildene dine.

bilder ikke i et galleri

Et bildegalleri viser bildene dine i kolonner eller rutenett for et rent, profesjonelt utseende som tiltrekker besøkende og holder dem på bloggen din. Det gjør det også lettere å finne bestemte bilder når de er pent organisert.

Slik ser et bildegalleri ut på bloggen til fotograf Alice Zilberberg:

eksempel på et bildegalleri

Bortsett fra å organisere bildene dine på en visuelt tiltalende måte, kommer bildegallerier også med andre fordeler, inkludert:

  • Forbedre SEO – Google faktorer bilder og gallerier i SEO-rangeringer. Med bildegallerier kan bloggen din rangeres høyere i Google.
  • Vis frem produkter – Hvis du har en nettbutikk, lar et bildegalleri deg vise frem mange produkter.
  • Vis sosialt bevis – Bruk gallerier til å vise frem kundebilder eller attester for å bygge sosiale bevis.
  • Bygg tillit – Med en blogg som ser mer profesjonelt ut, vil besøkende stole på merkevaren din og bli lojale lesere, abonnenter og kunder.
  • Flere sosiale delinger – Mange WordPress fotogalleri-plugins har innebygde funksjoner for sosiale deling. Det betyr at du kan øke sosiale delinger for innholdet ditt og tiltrekke deg mer trafikk til bloggen din.

Nå som vi vet viktigheten av WordPress-bildegallerier, la oss gå videre til den første metoden for å lage et fotogalleri i WordPress.

Å lese:  Hvordan sette seg ut av kontoret i Slack

Metode 1. Lag et bildegalleri med Smash Balloon

For den første opplæringen skal vi vise deg hvordan du lager et bildegalleri i WordPress ved hjelp av Smash ballong.

bruk smash balloon instagram feed pro for å lage et bildegalleri

Smash Balloon’s Instagram Feed Pro er den beste Instagram-feedpluginen for WordPress. På få minutter kan du lage fantastiske Instagram-bildegallerier for nettstedet ditt som øker engasjementet og krydrer bloggen din.

Denne plugin er 100% responsiv og krever ingen koding, noe som gjør den super nybegynnervennlig. Det er også uendelige tilpasningsmuligheter, slik at du kan designe bildefeedene dine for å matche WordPress-temaet og merkevarebyggingen.

Den beste delen av å bruke Instagram Feed Pro er at du kan ta bildene du allerede har lastet opp til Instagram og automatisk vise dem på WordPress-siden din. Dette sparer deg for bryet med å måtte laste opp bilder to ganger, og det holder nettstedet ditt automatisk oppdatert med nytt visuelt innhold.

Det er en virkelig tidsbesparende og en vakker, enkel måte å lage et bildegalleri i WordPress.

La oss komme i gang med opplæringen.

Trinn 1: Installer og aktiver Instagram Feed Pro

Først må du installere og aktivere Instagram Feed Pro plugin i WordPress. Å installere en plugin tar bare noen få minutter og er veldig enkel å gjøre.

Hvis du trenger hjelp, sjekk ut vår guide for hvordan du installerer en WordPress-plugin.

Merk: For denne opplæringen bruker vi premiumversjonen av Smash Balloon som kommer med avanserte funksjoner for å lage et bildegalleri. Men du kan også prøve ut gratis versjon av plugin-en for å komme i gang.

Trinn 2: Koble til Instagram-kontoen din

Når du har installert og aktivert plugin-en, må du koble den til Instagram-kontoen din.

For å gjøre dette, gå til Instagram-feed » Innstillinger. Klikk deretter på Koble til en Instagram-konto knapp.

koble til instagram

Deretter velger du mellom en personlig eller bedriftskonto og klikker Koble:

velg personlig eller bedriftskonto

Personlige kontoer vil kun vise Instagram-gallerier fra brukerfeeden din. Bedriftskontoer vil vise brukerfeeder, hashtag-feedgallerier og mer.

Deretter vil plugin-en be deg om å logge på Instagram-kontoen din for å koble den til Smash Balloon.

Etter at den er koblet til, kan du gå videre til neste trinn…

Trinn 3: Velg en galleritype

Nå må du velge typen galleri du vil bygge inn på nettstedet ditt.

Du kan velge mellom 4 forskjellige gallerityper:

  • Brukerkonto: Viser et galleri med bilder fra en Instagram-konto du eier.
  • Offentlig Hashtag: Viser et galleri med offentlige bilder fra en hashtag i stedet for en konto.
  • Merket: Viser et galleri med bilder som Instagram-profilen din er merket i.
  • Blandet: Viser alle de ovennevnte typene i ett galleri.
velg galleritype

Lagre endringene når du er ferdig.

Trinn 4: Tilpass gallerioppsettet ditt

Nå må du velge en layout for galleriet ditt.

Gå til Instagram-feed » Tilpass og bla ned til Oppsett seksjon:

instagram feed layoutalternativer

Her kan du velge mellom 4 gallerilayouttyper: Rutenett, Karusell, Murverk og Høydepunkt.

La oss ta en titt på hvordan hver enkelt ser ut:

Rutenettoppsett

instagram rutenett galleri layout

Rutenettoppsettet viser bildene dine som et enhetlig rutenett av bilder. Du kan vise eller skjule bildetekster, likes og kommentarer, samt velge hvor mange bilder og kolonner du vil vise frem.

Karuselloppsett

karusell bildegalleri

Karusellgallerioppsettet viser bildene dine som en horisontal lysbildefremvisning. Du kan velge antall kolonner og rader som skal vises avhengig av hvor mye sosialt innhold du vil dele. Du kan også vise eller skjule paginering, navigeringspiler og slå på autoavspilling.

Å lese:  Hvordan vite om en ekspert på nettmarkedsføring faktisk er troverdig

Layout for murverk

murverk galleri layout knuse ballong

Utformingen av murgalleriet viser bildene dine i original størrelse. Det forhindrer at bildene dine blir beskåret til en ensartet størrelse, noe som kan være et godt alternativ for bloggere som ønsker å vise alt. Du kan angi antall bilder og kolonner som skal vises for både datamaskin og mobil.

Uthev Layout

fremhev instagram-gallerilayout

Highlight-gallerioppsettet lar deg fremheve bestemte innlegg slik at det mest populære innholdet ditt skiller seg ut. Du kan velge et fremhevingsbilde basert på mønster, post-ID eller hashtag. Du kan også angi antall innlegg og kolonner som skal vises.

Etter at du har valgt oppsettet du ønsker, kan du i neste seksjon tilpasse topptekstalternativene.

redigere header

Du kan velge mellom en standard, innrammet eller sentrert overskriftstil og velge en overskriftsstørrelse. Legg til biotekst, vis eller skjul antall følgere du har, og endre fargen på overskriften.

I neste seksjon kan du velge å vise «Last inn mer»-knappen. Dette legger til en knapp nederst i galleriet ditt som vil laste inn flere bilder fra Instagramen din.

last mer-knappen

Du kan også endre knappens bakgrunnsfarge, tekstfarge, knappetekst og mer.

I den siste delen kan du legge til en “Følg”-knapp som vises under galleriet slik at besøkende kan følge deg på Instagram.

legg til en følgeknapp i galleriet ditt

Du kan endre knappens bakgrunnsfarge, tekstfarge og knappetekst.

Klikk på når du er ferdig med å tilpasse galleriet Lagre endringer.

Trinn 5: Velg informasjon som skal vises

Deretter må du velge informasjonen du vil vise i galleriet ditt.

Klikk på Innlegg fanen øverst på Tilpasninger-siden:

fanen tilpasse innlegg

Her er det 5 forskjellige lenker du kan klikke for å tilpasse innstillingene:

  • Bilder: Sorter bildene dine etter tilfeldig, liker eller nyeste til eldste. Still inn oppløsningen for bildene dine og velg bildene du vil vise. Du kan koble innlegg til en URL i bildetekstene slik at besøkende også kan handle gjennom galleriet ditt.
  • Fotosvevestil: Velg pekepinn, tekstfarge og hvilken informasjon som skal vises når besøkende holder pekeren over et galleribilde.
  • Bildetekst: Vis eller skjul bildetekster og velg tekstlengde, tekstfarge og størrelse.
  • Liker og kommentarer-ikoner: Vis eller skjul ikoner for kommentarer og likes, samt tilpass ikonets farge og størrelse.
  • Lysbokskommentarer: Du kan tillate kommentarer i fotolysbokser, tømme kommentarbufferen og angi maksimalt antall kommentarer brukere kan legge igjen.
velg bildeinnstillinger

Når du er ferdig med å velge alternativer og tilpasninger, klikker du Lagre endringer.

Trinn 6: Bygg inn galleriet ditt i WordPress

Nå er det på tide å bygge inn Instagram-galleriet ditt i WordPress.

Det er noen forskjellige måter du kan bygge inn et galleri i WordPress:

  • Instagram-feedblokken for den nye WordPress-blokkredigereren
  • Med en kortkode for den klassiske WordPress-editoren
  • Instagram Feed WordPress-widgeten som vises i sidefeltet på nettstedet ditt

Vi vil gå over hver metode slik at du kan bestemme hvordan du vil bygge inn galleriet ditt.

WordPress Block Editor

Først vil vi vise deg hvordan du bygger inn galleriet ditt i WordPress-blokkredigeringsprogrammet.

Gå til Innlegg » Legg til ny. Nå vil du se redaktøren og et nytt innlegg. Når du klikker på Pluss (+) ikonet, vil du kunne søke og velge en blokk du vil legge til i redigeringsprogrammet.

Å lese:  Hvordan starte en digital nomadeblogg
legg til blokk i nytt innlegg

Skriv “feed” i søkefeltet og velg Instagram-feed blokkere:

velg instagram-feedblokken

Klikk på blokken for å legge den til innlegget ditt og se Instagram-feeden din vist:

legg til instagramgalleri i wordpress-innlegg

Ved å klikke Forhåndsvisningkan du se det nye galleriet ditt og se hvordan det ser ut for besøkende:

publiserte instagramgalleri i blogginnlegg

Klassisk WordPress Editor

For den andre metoden kan du bruke den klassiske WordPress-editoren ved å bygge inn en kortkode.

Klikk på fra WordPress-dashbordet Sider » Legg til ny.

Deretter limer du inn kortkoden i editoren:

bruk kortkode for å bygge inn galleriet ditt

Klikk publisere og galleriet ditt vil gå live.

Instagram-feed WordPress-widget

For den siste metoden kan du bruke en widget til å bygge inn Instagram-galleriet ditt i WordPress-sidefeltet.

Fra WordPress-dashbordet, gå til Utseende » Widgets. Bla deretter til sidefeltet eller bunntekstdelen der du vil legge til galleriet, og klikk på (+) knapp.

Søk etter Instagram-feed widget og klikk på den for å legge den til i sidefeltet.

Husk å lagre innstillingene. Når du forhåndsviser galleriet ditt, vil det se omtrent slik ut:

instagram galleri widget

Og det er hvordan du oppretter og bygger inn et Instagram-galleri i WordPress ved hjelp av Instagram Feed Pro.

Deretter viser vi deg hvordan du lager et galleri med en annen WordPress fotogalleri-plugin …

Metode 2. Lag et bildegalleri med Envira Gallery

For å lage et bildegalleri i WordPress kan du også bruke Envira Galleri.

Envira Galleri

Envira Galleri er en svært populær bildegalleri-plugin for WordPress. Den kommer med en brukervennlig dra-og-slipp-bygger som gjør det enkelt å lage og vise bildene dine akkurat slik du vil.

Envira Gallery er 100 % mobilresponsivt og kommer med forhåndsbygde maler slik at det er raskt og enkelt å tilpasse galleriets estetikk. Dens andre funksjoner inkluderer bildekomprimering, frittstående gallerier, vannmerking og mer.

La oss komme i gang med opplæringen.

Trinn 1: Opprett et nytt Envira-galleri

Først må du installere og aktivere Envira Gallery-plugin i WordPress.

Når du er ferdig med konfigureringen, klikker du Envira Gallery » Legg til ny fra WordPress-dashbordet for å lage et nytt galleri:

opprette et nytt galleri i envira galleri

Legg til en tittel og klikk deretter på Velg filer fra datamaskinen din for å laste opp bildene dine. Du kan også velge filer fra WordPress-mediebiblioteket ditt ved å klikke på Velg filer fra andre kilder.

Når du laster opp bildene dine, vises de under fanen Galleri:

envira gallerier-fanen

Ved å klikke på det blå blyantikonet kan du legge til en bildetekst, tittel og alternativ tekst for hvert bilde.

Trinn 2: Konfigurer galleriinnstillingene dine

Deretter klikker du på Konfigurasjon fane:

konfigurere bildegalleriet ditt

Her kan du endre galleriinnstillinger, inkludert tittel- og bildetekstposisjoner, antall kolonner, høyder, marger, miniatyrbildemål, lat innlasting av bilder, bildedimensjoner og mer.

Nå klikker du på Lysboks fanen under Konfigurasjon.

På denne siden ser du innstillingene for lysboksen:

envira lysboksinnstillinger

Her kan du aktivere lysboksen, som lar brukere forstørre et bilde og se det fra samme side, velge et tema, vise en tittel eller bildetekst og mer.

Nå klikker du på Mobil fane:

Under Mobile Gallery-innstillinger kan du aktivere spesifikke bilder for mobile enheter, velge mobildimensjoner, aktivere titler og bildetekster og mer.

innstillinger for mobilgalleri

Under Diverse fanen, kan du også legge til tilpasset CSS og en slug for galleriet ditt hvis du vil.

Trinn 3: Publiser galleriet ditt

Når du er ferdig med å konfigurere innstillingene, kan du publisere Envira-galleriet ditt hvor som helst på WordPress-nettstedet ditt.

Å lese:  Arbeidsflyt for blogging: Få de beste resultatene raskt

Når du åpner et nytt innlegg, søk etter og legg til Envira Gallery-blokken, slik:

legg til envira-galleriblokken

Herfra kan du søke i et galleri etter navnet eller finne det ved å klikke på rullegardinpilikonet:

velg ditt galleri

Programtillegget vil da laste inn galleriet ditt i innleggsredigereren:

lagt til galleri i innlegget

Du kan nå lagre og forhåndsvise liveinnlegget ditt med bildegalleriet ditt.

publisert envira-galleri

Når du klikker på et bilde, åpnes det som en lysboks-popup. På både mobil og skrivebord vil bildene dine vises vakkert og være enkle for besøkende å sveipe gjennom.

Det er alt som skal til!

Metode 3: Lag et bildegalleri uten en plugin

For den siste metoden for å lage et bildegalleri, trenger du ikke en plugin.

WordPress sin innebygde funksjon gjør det mulig å lage et enkelt galleri for bloggen din. Det er ikke så omfattende som å bruke en plugin, så det er et alternativ som passer best for de som ønsker en grunnleggende løsning.

Først må du opprette en ny side eller et innlegg i WordPress der du vil legge til bildegalleriet ditt.

Klikk deretter på Legg til ny blokk (+) ikonet og velg Galleri blokkere:

legg til galleriblokk i wordpress

Deretter kan du laste opp bildene dine ett etter ett eller velge flere bilder fra biblioteket ditt samtidig ved å bruke Velg Bilder alternativ.

Når du velger filer fra mediebiblioteket ditt, kan du også legge inn informasjon som tittel, alternativ tekst, beskrivelse og bildetekst for å optimalisere bildene dine for SEO.

Etter å ha valgt bildene dine, klikk Opprett et nytt galleri.

Nå kan du omorganisere bildene dine hvis du vil ved å dra og slippe dem i ønsket rekkefølge. Klikk når du er fornøyd Sett inn Galleri.

omorganisere bilder i galleriet

Nå blir galleriet ditt lagt til innlegget eller siden din. Hvis du ikke har angitt bildetekster for bildene dine før, kan du gjøre det nå ved å klikke på et bilde og skrive inn informasjonen der det står «Skriv bildetekst».

legg til bildetekster for bildene dine

Når du er klar til å publisere galleriet ditt, klikker du på publisere knappen i WordPress-editoren.

Du vil da se bildegalleriet ditt live på nettstedet ditt.

live wordpress-galleri

Selv om denne metoden er enkel, mangler den utvidede funksjoner som noen brukere kanskje vil ha for galleriene sine. Du kan ikke organisere galleriene dine etter kategorier, album, tagger osv.

I tillegg er denne metoden den minst brukervennlige. Galleriet ditt er ikke lagret, så hvis du trenger å bygge det inn et annet sted, må du lage det på nytt. Og det er ingen tilpasningsalternativer som lar deg administrere designet og utseendet til galleriet ditt fullt ut.

For å lage mer profesjonelle gallerier på bloggen din, anbefaler vi å bruke en plugin og få de ekstra funksjonene for å legge til funksjonalitet til galleriet ditt.

Og det er alt som skal til! Dette er de 3 enkle metodene du kan bruke for å legge til et bildegalleri til WordPress-bloggen din.

Vi håper du likte denne opplæringen og fant den nyttig. Hvis du likte det, sørg for å også sjekke ut vår guide for hvordan du finner gratis bilder til bloggen din.

Og ikke glem det meld deg på vårt nyhetsbrev på e-post for flere nyttige bloggtips sendt rett til innboksen din!

Nye publikasjoner:

Anbefaling