Hur man visar WordPress-foton i kolumner och rader

Vill du visa WordPress-foton i kolumner och rader?

Som standard lägger WordPress till bilder i en vertikal kolumn ovanpå varandra. Men om du lägger till flera bilder i ett blogginlägg ser det inte särskilt snyggt ut och kräver mycket scrollning för dina användare.

I den här artikeln visar vi dig hur du enkelt kan visa WordPress-foton i kolumner och rader.

Varför du behöver WordPress-foton i kolumner och rader

Som standard, när du lägger till flera bilder i ett WordPress-blogginlägg, skulle de visas precis bredvid varandra eller ovanpå varandra.

Detta ser inte särskilt bra ut, och dina användare måste scrolla mycket för att se flera bilder och foton.

Du kan enkelt lösa detta problem genom att visa foton i rader och kolumner med en rutnätsbaserad layout. På så sätt kommer bilderna att visas i en kompakt layout och förbättra användarupplevelsen på din webbplats.

Om du har en fotowebbplats, kan du visa din portfölj på ett mer engagerande sätt. Eller så kan du visa fler produktbilder i en onlinebutik genom att visa dem i rader och kolumner.

Med det sagt, låt oss titta på hur man visar WordPress-foton i kolumner och rader manuellt eller använder ett WordPress-plugin. Klicka helt enkelt på länkarna nedan för att hoppa till din föredragna sektion.

• Visa foton i kolumner och rader utan plugins
• Visa foton i kolumner och rader med ett plugin
• Bonus: Skapa ett anpassat tema med bildkolumner & rader

1. Visa foton i kolumner och rader utan plugins

Denna metod kräver inte installation av ett plugin på din WordPress-webbplats. Om du inte lägger till flera foton för ofta, så skulle detta fungera alldeles utmärkt för dig.

Du kan manuellt lägga till bilder i ett kolumnblock eller använda standardgalleribläcket i WordPress.

Lägga till bilder i ett kolumnblock

Först måste du skapa ett nytt inlägg eller redigera ett befintligt där du vill visa dina foton. När du är på innehållsredigeringsskärmen klickar du på '+' -knappen för att lägga till ett kolumnblock.

Därefter kan du välja antalet kolumner du vill ha och dess layout.

Du kan till exempel välja ett 50/50-förhållande, 33/66-förhållande, 25/50/25-förhållande och mer.

Därefter kan du lägga till ett bildblock i varje kolumn.

Klicka helt enkelt på '+' -knappen och välj 'Bild'-blocket.

Därefter måste du lägga till en bild i blocket.

Du kan klicka på knappen 'Ladda upp' för att lägga till en bild från din dator eller välja alternativet 'Mediebibliotek' för att använda en befintlig bild.

När mediatoteket öppnas, välj helt enkelt din föredragna bild och klicka på 'Välj'-knappen.

En av de bästa metoderna för bildoptimering är att lägga till en alt-text till din bild. Detta gör att sökmotorrobotar kan förstå din bild och visa den i bildsökningsresultat.

Du bör nu se din bild i ett av kolumnblocken.

Nu kan du göra detsamma för andra block i kolumnen och lägga till fler bilder.

Lägga till bilder i ett galleriblock

WordPress erbjuder också ett standard galleriblock som du kan använda för att visa bilder i kolumner och rader.

För att börja, klicka på '+'-knappen och lägg till ett Galleri-block i innehållseditor.

Därefter behöver du ladda upp bilder eller välja från mediebiblioteket.

För den här handledningen väljer vi alternativet 'Mediebibliotek'.

Välj helt enkelt de bilder du vill lägga till i ditt galleri och visa dem i rader och kolumner.

När du har valt bilderna klickar du på knappen 'Skapa ett nytt galleri'.

Därefter kommer WordPress att be dig att ange bildtexter för varje bild och ordna om bildernas ordning.

Efter att ha gjort det, klickar du helt enkelt på knappen 'Infoga galleri'.

Du bör nu se dina bilder i galleriblocket.

Du kan justera antalet rader genom att klicka på reglaget i inställningspanelen till höger.

När du är klar, publicerar du helt enkelt ditt inlägg för att se bilder i kolumner och rader.

Besök helt enkelt din webbplats för att se dem i aktion.

Den här metoden skulle fungera för de flesta nybörjare. Men om du driver en fotoblogg eller ofta delar foton på din webbplats, saknar den här metoden flera viktiga funktioner.

Utseendet på foton beror till exempel på ditt WordPress-tema och du är begränsad till just det layoutet och stilen.

Dina bilder kommer inte att öppnas i en lightbox-popup och användare måste ladda dem som en ny sida och sedan trycka på tillbaka-knappen för att återgå till den ursprungliga sidan.

För en mer professionell och vacker användarupplevelse bör du prova plugin-metoden.

2. Visa foton i kolumner och rader med ett plugin

Det bästa pluginet för att lägga till foton i kolumner och rader är Envira Gallery. Det är det mest populära WordPress-galleriprogrammet som är superenkelt att använda och erbjuder massor av funktioner.

Först måste du installera och aktivera Envira Gallery-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Vid aktivering måste du besöka sidan Envira Gallery » Inställningar för att ange din licensnyckel. Du kan hämta denna nyckel från ditt konto på Envira Gallerys webbplats.

Nu är du redo att skapa vackra bildgallerier.

Gå helt enkelt till Envira Gallery » Lägg till ny från WordPress-instrumentpanelen för att skapa ditt första galleri.

Först måste du ange ett namn för ditt galleri högst upp. Härifrån kan du välja och ladda upp filer från din dator, eller så kan du välja från WordPress mediabibliotek.

Efter att ha laddat upp dina foton ser du dem dyka upp i galleriinställningsrutan nedan.

Därefter måste du klicka på fliken 'Konfiguration' för att anpassa hur du vill visa dina foton.

Envira Gallery låter dig välja olika gallerilayouter. För att visa bilder i rader och kolumner kan du välja rutnät-, mason- och fyrkantiga layouter.

Efter att ha valt layouten kan du klicka på rullgardinsmenyn 'Antal gallerikolumner' och välja hur många kolumner du vill visa.

Om du scrollar ner ser du fler alternativ för att anpassa ditt galleri. Det finns till exempel inställningar för att redigera dimensionerna och storleken på ditt galleri.

Därefter kan du klicka på 'Publicera'-knappen för att göra ditt fotogalleri redo att läggas till på din WordPress-webbplats.

Nu behöver du redigera ett inlägg eller skapa ett nytt. När du är i innehållsredigeraren klickar du helt enkelt på '+' -knappen för att lägga till blocket 'Envira Gallery'.

Härifrån kan du klicka på rullgardinsmenyn och välja det galleri du skapade tidigare.

Du kan nu spara ditt inlägg och förhandsgranska det för att se dina foton i kolumner och rader i ett vackert mobilanpassat fotogalleri.

Nu när dina användare klickar på en fotominibild öppnas den i en vacker popup. De kommer också att kunna bläddra bland bilder utan att lämna sidan.

Bonus: Skapa ett anpassat tema med bildkolumner & rader

Du kan också skapa anpassade WordPress-teman som har en platshållare för att lägga till bilder i kolumner och rader.

Det bästa sättet att skapa ett anpassat tema är att använda SeedProd. Det är den bästa dra-och-släpp webbplatsbyggaren som erbjuder förbyggda teman och massor av anpassningsalternativ.

Du kan lägga till ett kolumnblock i dina landningssidans designer med SeedProd och lägga till bilder i rader och kolumner. SeedProd levereras till och med med ett inbyggt galleriblock som du kan använda för detta.

För att lära dig mer, se vår guide om hur du enkelt skapar ett anpassat WordPress-tema utan kod.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar WordPress-foton i kolumner och rader. Du kanske också vill se vår guide om hur du åtgärdar vanliga bildproblem i WordPress och den bästa designprogramvaran för småföretag.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.