SÄ hÀr lÀgger du till ett galleri i WordPress med en ljusboxeffekt

How to create an image gallery in WordPress

Vill du skapa ett bildgalleri i WordPress?

Med ett bildgalleri kan du lÀgga till foton i rader och kolumner. Detta gör att du kan visa fler bilder pÄ mindre utrymme och samtidigt göra det lÀttare för anvÀndare att blÀddra bland dem.

I den hÀr artikeln visar vi dig hur du enkelt skapar ett bildgalleri i WordPress som fÄr dina foton att se Ànnu bÀttre ut.

Varför skapa ett bildgalleri i WordPress?

WordPress gör det vÀldigt enkelt att lÀgga till en bild i dina blogginlÀgg och sidor. Du behöver bara lÀgga till bildblocket och ladda upp din bild.

Men om du lÀgger till flera bilder kommer alla dessa bilder att visas en efter en. Det ser inte bra ut, och dina anvÀndare mÄste rulla mycket för att se dem alla.

LÀgga till flera bilder i WordPress-inlÀgget utan att skapa ett galleri

Genom att skapa ett galleri kan du visa bilder i en rutnÀtlayout med kolumner och rader. Du kan visa miniatyrer för dina bilder och anvÀndare kan klicka pÄ dem för att se hela bilden.

PÄ sÄ sÀtt kommer du att kunna visa fler bilder pÄ mindre utrymme, och det kommer att se mycket mer professionellt ut.

Förhandsgranskning av WordPress Photo Gallery med standardgalleriblock

WordPress levereras faktiskt med en inbyggd gallerifunktion för att snabbt skapa fotogallerier. Den nya WordPress-blockredigeraren innehÄller ett galleriblock sÄ att du kan skapa ett WordPress-galleri med bara nÄgra fÄ klick.

Du kan ocksÄ anvÀnda WordPress-bildgalleriprogram för att skapa Ànnu mer robusta gallerier med fler funktioner.

I den hÀr handledningen visar vi bÄda metoderna för att skapa ett fotogalleri i WordPress.

LÄt oss börja med standard WordPress-gallerblocket.

Videohandledning

Prenumerera pÄ WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, fortsÀtt lÀsa.

Metod 1. Skapa ett bildgalleri utan ett plugin

WordPress levereras med en inbyggd funktion som lÄter dig skapa ett galleri. Den hÀr funktionen Àr vÀldigt grundlÀggande och har inte mÄnga alternativ, men det gör jobbet gjort.

SÄ hÀr skapar du ett bildgalleri i WordPress utan att anvÀnda ett plugin.

Först mÄste du redigera inlÀgget eller sidan dÀr du vill lÀgga till bildgalleriet. PÄ postredigeringsskÀrmen klickar du pÄ ikonen LÀgg till nytt block och vÀljer Galleriblock.

LĂ€gg till gallerblock i WordPress Post Editor

Detta kommer att lĂ€gga till galleriblocken i din WordPress-redigerare dĂ€r du kan klicka pĂ„ knappen “Ladda upp” för att ladda upp foton frĂ„n din dator. Du kan ocksĂ„ vĂ€lja frĂ„n tidigare uppladdade foton i mediebiblioteket.

Alternativ för bildöverföring i WordPress Gallery Block

Om du klickar pÄ uppladdningsknappen kan du i allmÀnhet ladda upp ett foto i taget. Du kan dock vÀlja och öppna flera bilder med Ctrl-tangenten intryckt pÄ tangentbordet.

Ladda upp bilder till ditt WordPress-fotogalleri frÄn datorn

NĂ€r du har laddat upp alla bilder kan du lĂ€gga till bildtexter i dina bilder. Klicka bara pĂ„ bilderna sĂ„ visas alternativet ‘Skriv bildtext …’ dĂ€r du mĂ„ste skriva in bildtexten.

Skriv bildtexter i dina galleribilder

Om du vÀljer knappen Media Library kan du vÀlja bilder till ditt galleri pÄ en gÄng. NÀr du vÀljer bilder kan du ocksÄ ange bildens alt-text, titel och bildtext frÄn bifogad informationspanel pÄ höger sida.

VÀlj Bilder frÄn WordPress Media Library

VĂ€lj de bilder du vill lĂ€gga till och klicka pĂ„ knappen “Skapa ett nytt galleri” lĂ€ngst ned till höger.

DĂ€refter visas sidan “Redigera galleri” dĂ€r du kan lĂ€gga till / granska dina bildtexter. NĂ€r du Ă€r klar klickar du pĂ„ knappen ‘Uppdatera galleri’ lĂ€ngst ned till höger.

Uppdatera ditt WordPress-bibliotek

DÀrefter öppnas skÀrmen för redigering av inlÀgg med instÀllningspanelen för galleriblock pÄ höger sida. Nu kan du vÀlja antalet kolumner för varje rad, aktivera eller inaktivera alternativet BeskÀr bilder och vÀlja var du ska lÀnka dina galleribilder.

WordPress-galleri BlockinstÀllningar

FrÄn lÀnken till alternativ kan du vÀlja Ingen om du vill att anvÀndarna bara ska se ditt foto. Det hÀr alternativet inaktiverar klickfunktionen för dina bilder.

Om du vÀljer alternativet Mediefil kommer bilderna att vara klickbara och bildfilen öppnas nÀr du klickar pÄ den. PÄ samma sÀtt öppnas bifogningssidan om du vÀljer alternativet Bifogningssida.

NÀr du Àr nöjd med instÀllningarna kan du publicera inlÀgget och förhandsgranska galleriet pÄ din livewebbplats.

HÀr Àr till exempel hur bildgalleriet dök upp pÄ vÄr demo-webbplats.

Förhandsgranskning av WordPress Photo Gallery med standardgalleriblock

Var det inte snabbt och enkelt?

Det ser ocksÄ bra ut. Men om du skapar bildgallerier regelbundet kommer du snart att mÀrka att det saknar vissa viktiga funktioner.

Till exempel kommer dina bilder antingen inte att vara klickbara eller öppna pÄ en ny sida. Om du lÀnkar dina galleribilder till mediefilen eller bilagans sida mÄste anvÀndarna klicka pÄ bakÄtknappen för att visa galleriet igen.

Det Àr inte anvÀndarvÀnligt och ditt galleris utseende beror pÄ ditt tema. I de flesta fall fÄr du bara en mycket generisk stil.

Du kan inte ordna dina gallerier i Àmnen, album, taggar etc. Ditt galleri lagras inte nÄgonstans och om du behövde lÀgga till samma galleri igen mÄste du Äterskapa det.

Om du vill lÀgga till mer professionella bildgallerier pÄ din webbplats bör du anvÀnda nÀsta metod.

Metod 2. Skapa ett bildgalleri med hjÀlp av Envira Gallery

För den hÀr metoden anvÀnder vi plugin-programmet Envira Gallery. Det Àr det bÀsta WordPress-bildgalleriprogrammet pÄ marknaden.

Med Envira kan du enkelt skapa fullt responsiva, vackra och moderna bildgallerier i WordPress. Det Àr supersnabbt och kommer med mÄnga funktioner som lightbox popup, enkel bildnavigering, dra och slÀpp byggare och professionella gallerimallar.

LÄt oss börja.

Det första du behöver göra Àr att installera och aktivera Envira Gallery-plugin. För mer information, se vÄr steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Efter aktivering mÄste du besöka Envira Gallery »InstÀllningar sida för att ange din licensnyckel. Du kan hÀmta den hÀr nyckeln frÄn ditt konto pÄ webbplatsen Envira Gallery.

Ange Envira Gallery licensnyckel

Efter att ha verifierat din licensnyckel kan du gÄ över till Envira Gallery »LÀgg till nytt sida för att skapa ditt första galleri.

Skapa ett nytt galleri med Envira Gallery WordPress-plugin

Först mĂ„ste du ange en titel för ditt galleri och klicka sedan pĂ„ knappen “VĂ€lj filer frĂ„n datorn” för att ladda upp dina bilder.

Du kan ocksĂ„ vĂ€lja filer frĂ„n ditt WordPress-mediebibliotek genom att klicka pĂ„ knappen “VĂ€lj filer frĂ„n andra kĂ€llor”.

NĂ€r du laddat upp bilderna visas de i avsnittet Galleri.

Bilder i Envira Gallery Builder

Du kan klicka pÄ pennikonen pÄ en bild för att lÀgga till bildtext, titel och alt text för varje bild.

Redigera metadata för bildgalleri

DĂ€refter mĂ„ste du klicka pĂ„ fliken “Konfiguration”.

HÀrifrÄn kan du Àndra dina galleriinstÀllningar som antalet kolumner, bildladdning, titel och bildtextposition, marginaler, höjder, miniatyrstorlekar, bilddimensioner etc.

Konfigurera instÀllningar för Envira Gallery

DĂ€refter mĂ„ste du klicka pĂ„ fliken “LjuslĂ„da”.

I popup-fönstret lightbox kan anvÀndare förstora bilder och blÀddra bland dem utan att nÄgonsin lÀmna sidan.

StandardinstÀllningarna fungerar mycket bra pÄ de flesta webbplatser, men du kan granska alternativen och Àndra dem om du vill.

Alternativ för Envira Gallery Lightbox

DĂ€refter kan du klicka pĂ„ fliken “Mobil” för att konfigurera dina galleriinstĂ€llningar för mobila enheter. Det lĂ„ter dig vĂ€lja bilddimensioner för mobila enheter, aktivera eller inaktivera lightbox och mer.

Envira Mobile Gallery-instÀllningar

DĂ€refter kan du granska fler alternativ som gallerisnigel och lĂ€gga till anpassad CSS frĂ„n avsnittet ‘Övrigt’.

Du kan nu publicera ditt galleri som gör det tillgÀngligt för att lÀggas till var som helst pÄ din WordPress-webbplats.

DÀrefter mÄste du redigera ett inlÀgg eller en sida dÀr du vill visa ditt galleri.

Klicka pÄ ikonen LÀgg till nytt block pÄ postredigeringsskÀrmen och vÀlj blocket Envira Gallery.

LĂ€gg till Envira Block till WordPress Post Editor

Om du klickar pÄ den lÀggs Envira Gallery-blocket till i postredigeraren. Nu kan du söka i ett galleri med dess namn eller hitta det genom att klicka pÄ ikonen för rullgardinsmenyn.

VÀlj ett Envira-galleri som du vill lÀgga till i ditt WordPress-inlÀgg

Efter det laddar pluginet ditt galleri i postredigeraren.

Envira Gallery har lagts till i WordPress Post Editor

DÀrefter kan du granska dina galleriinstÀllningar en gÄng till frÄn blockeringspanelen pÄ höger sida.

InstÀllningar för blockering av Envira Gallery

Du kan nu spara ditt inlÀgg och förhandsgranska det för att se galleriet pÄ din livewebbplats.

WordPress Fotogalleri Skapat med Envira Gallery

Om du klickar pÄ en bild i galleriet öppnas den i popup-fönstret. Du kan blÀddra bland bilder i ljusrutan genom att trycka pÄ vÀnster och höger piltangenter pÄ skÀrmen eller pÄ tangentbordet.

Envira Gallery-bild i popup-fönstret Lightbox

Ditt galleri ser lika bra ut pÄ mobilen ocksÄ. AnvÀndare kommer att kunna trycka pÄ en bild för att förstora den och dra för att visa nÀsta eller föregÄende bild.

Responsivt WordPress-fotogalleri

Vi hoppas att den hÀr artikeln hjÀlpte dig att lÀra dig att skapa ett bildgalleri i WordPress. Du kanske ocksÄ vill se vÄr guide om hur du ÄtgÀrdar vanliga bildproblem i WordPress.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du hittar oss ocksÄ pÄ Twitter och Facebook.