Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du ett fotogalleri med album i WordPress

På WPBeginner har vi hjälpt otaliga användare att förbättra sina websites med beautiful organiserade fotogallerier.

Photo albums allow your visitors to quickly find the specific images they’re interested in, improving user experience and potentially boosting sales if you sell photography or display product images.

I den här guiden för nybörjare visar vi hur du skapar ett fotogalleri med album i WordPress utan att skriva en enda rad kod.

how-to-create-a-photo-gallery-with-albums-in-wordpress-og

Video Tutorial

Subscribe to WPBeginner

Varför skapa ett fotogalleri med album?

Medan gallerier för images allow you to display multiple photos on a single page, kan du med album visa flera gallerier på en och samma page, kategoriserade efter händelse, ämne, location och så vidare.

Detta är användbart för fotografer, restauranger, resewebbplatser eller nästan alla företag som behöver visa upp olika kategorier av foton.

Album gör det superenkelt för dina besökare att hitta exakt det de letar efter. Istället för att rulla i all oändlighet kan de bara clicka på det relevanta albumet och sedan hitta alla foton från den händelsen eller det temat. Den här typen av användarvänlig navigation gör att folk stannar kvar längre på din site och ger en bättre helhetsupplevelse.

Om du vill dela en specifik uppsättning foton med andra är det enkelt att skapa ett album. Istället för att dela ett helt gallery kan du hänvisa folk till det specifika album som innehåller de relevanta images.

Med detta sagt kommer vi att täcka steg-för-steg-instruktioner om hur du enkelt kan lägga till ett fotogalleri med album i WordPress.

Lägga till fotogalleri med album i WordPress

Om du vill skapa rena och organiserade album i WordPress behöver du ett plugin. Vi rekommenderar Envira Gallery eftersom det är det bästa pluginet för image gallery för WordPress på marknaden.

Is Envira Gallery the right photo and video gallery plugin for you?

Först måste du installera och aktivera plugin-programmet Envira Gallery. För mer detaljer om install, se vår guide om hur du installerar ett plugin för WordPress.

Vid aktivering kommer du att bli ombedd att enter din license key på Envira Gallery Overview page.

Envira license key

När du är klar med att aktivera plugin, måste du besöka Envira Gallery ” Addons.

Från tabben Addons måste du installera och aktivera ”Albums Addon”.

Envira addons

Bortsett från Albums Addon måste du också aktivera alternativet Standalone. Annars kommer det inte att fungera.

Head över till Envira Gallery ” Settings page. Därifrån klickar du på tabben ”Standalone” och kontrollerar sedan boxen ”Enable Standalone”.

Se till att du klickar på ”Save” längst ner.

Envira standalone

Note : Innan du kan skapa album måste du också skapa några gallerier med images. Här är en Step-by-Step guide till hur du skapar responsiva gallerier i WordPress med Envira.

När du har skapat dina gallerier med images måste du gå till Envira Gallery ” Albums och klicka på knappen ’Add New’.

Add new Envira album

Att skapa ett album i Envira liknar att skapa ett gallery. Den enda skillnaden är att du istället för att uppladare images kommer att drag and drop dina galleries.

Börja med att ge ditt album en Rubrik. Sedan måste du dra dina gallerier till den prickade boxen.

När du har lagt till dina gallerier kommer du att se en penna icon för varje gallery.

add new album

You can click on that icon to change the gallery title, caption, alt text, and cover image.

När du har gjort dina ändringar trycker du bara på knappen ”Save Metadata”.

save metadata

You can also choose how your albums appear by clicking on the ”Configuration” tabs in the Envira album settings.

Den visar till exempel olika grid-liknande displays och du kan välja den layout du gillar bäst.

configuration layout

Om du vill att dina album ska öppnas direkt i en lightbox kan du clicka på tabben ”Lightbox”. Sedan är det bara att kontrollera boxen som säger ”Enable Lightbox?

När lightboxen är aktiverad kan du ändra storleken på imagen, add to övergångseffekter och toggle på andra inställningar.

lightbox tab

Albumen är också mobil responsiva, vilket innebär att de automatiskt anpassas till den mobila vyn.

När du är klar med att konfigurera ditt album klickar du bara på knappen ”Publicera” för att lagra dina albuminställningar.

Publish album

Under detta bör du se ”Envira Album Code” section.

Gå vidare och kopiera shortcode så att du kan embed albumet var som helst på din WordPress website.

envira album code

Ditt album är nu klart och du kan add to det i en post eller page.

Skapa helt enkelt en new post eller edit en befintlig. Klicka sedan på ikonen ”+” och välj sedan blocket Shortcode.

shortcode block

Klistra nu in koden i Shortcode-blocket för att embed ditt album på din page eller post.

För mer details, you can see our guide on how to use shortcodes in WordPress.

Slutligen klickar du på knappen ”Publicera” eller ”Update” högst upp.

publish envira album

You can visit your website to see your album in action.

Beroende på hur du har konfigurerat dina inställningar för gallery och album, kan albumet se ut ungefär så här.

photo gallery with album example

Om du klickar på varje foto visas en lightbox och du kan klicka på pilarna för att navigera genom varje gallery.

Det var allt. Nu vet du hur du add to ett fotogalleri med album i WordPress.

lightbox example

Bonus: Lägga till en responsiv slider i WordPress

Fotoalbum är utmärkta för att organisera gallerier, men ibland kanske du vill visa images i ett slider-format.

Med ett slideshow kan du visa images eller videoklipp i olika slides. Användarna kan sedan använda pilar för att navigera mellan slides, eller så kan du ställa in det på autoplay så att de flyttar mellan slides automatiskt.

Detta är ett bra sätt att lyfta fram dina senaste YouTube videoklipp, customer reviews, populära WooCommerce produkter och mycket mer.

För att göra detta behöver du bara downloada tillägget Soliloquy. Soliloquy är det bästa pluginet för sliders i WordPress som allow you att enkelt skapa slides med images från ditt mediabibliotek.

När den är aktiverad lägger du bara till en new slider. Sedan kommer Soliloquy att allow you to upload your images and videos, along with giving each mediaobjekt a title, capture, and alt text.

När din slider är uploadad ska den se ut ungefär så här.

seedprod-slider-example

För en djupgående tutorial, kontrollera vår steg-för-steg guide om hur du lägger till en responsive slider i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar ett fotogalleri med album i WordPress. Du kanske också vill kontrollera vår guide om hur man byter från NextGEN till Envira Gallery i WordPress eller se våra expertval för de bästa tillägg för komprimering av images i WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

4 kommentarerLämna ett svar

  1. Darcy

    Loved your video. It’s exactly what I was looking for. The problem I ran into was that the addons look like you have to pay for them now. They looked free in the video. Is there a good plugin that you know of for multiple albums on a page? Any help would be appreciated. Thanks

    • WPBeginner Support

      Apologies, we were using the paid version of this plugin for this tutorial, unless I hear otherwise we don’t have a recommended alternative at the moment.

      Administratör

  2. Anneke

    Hi there,
    The video is very comprehensive, thank you. I want to download the stand alone albums add on but the only way I can do it is by paying for it. Is there a free way to display our pictures as albums? We are travellers on a budget!
    Many thanks,
    Tane and Anneke

  3. mats

    Hallo,
    thanks for that tut!

    Is it possible that a user can upload his own photos and see only his own photos on his gallery site? Do i need specific albums for each user?

    thanks :)

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.