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.
Video Tutorial
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.
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.
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”.
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.
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’.
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.
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”.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Darcy says
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 says
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
Anneke says
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
mats says
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