Vill du lägga bilder sida vid sida i ditt WordPress-innehåll?
Nybörjare kämpar ofta för att komma på hur man lägger två bilder bredvid varandra i sina WordPress-inlägg och sidor.
I den här steg-för-steg-guiden visar vi hur du enkelt placerar bilder sida vid sida i WordPress (utan att skriva någon kod).
Använd blockredigeraren för att placera bilder sida vid sida
Det enklaste sättet att få dina bilder sida vid sida är att använda WordPress-blockredigeraren.
Blockredigeraren har ett speciellt “Galleri”-block som låter dig visa bilder i rader och kolumner.
Först måste du skapa ett nytt inlägg/sida eller redigera en befintlig för att öppna innehållsredigeraren. Väl inne, klicka på (+) symbolen för att lägga till ett nytt block.
Därefter måste du välja Galleri-blocket och lägga till det på din sida. Du kan hitta Galleri-blocket i avsnittet Common Blocks, eller så kan du använda sökfältet för att snabbt hitta det.
Nu kan du enkelt lägga till bilder till ditt galleriblock genom att dra dem eller använda knappen Ladda upp. Du kan också välja bilder från ditt WordPress-mediebibliotek.
Som du kan se har vi lagt till 2 bilder i vårt Galleri-block. WordPress har automatiskt placerat dem bredvid varandra.
Vad händer om du vill ha 3 bilder sida vid sida? Detta är vad som händer om vi lägger till en tredje bild. WordPress ändrar helt enkelt storleken på de andra för att passa alla 3 bredvid varandra:
Om du laddar upp en fjärde bild kommer WordPress att placera den under de andra.
Du kan ändra antalet bilder som WordPress ska inkludera sida vid sida i en enda kolumn.
Klicka först på Galleri-blocket, om det inte redan är markerat. På höger sida av skärmen ser du inställningarna för Gallerilås.
Du kan ställa in antalet kolumner här till valfritt antal mellan 1 och 4. Om du till exempel vill ha två bilder bredvid varandra och två till under dem kan du ställa in kolumnerna till 2.
Så enkelt är det!
Om du vill ändra platsen för en bild i ditt galleri, klicka bara på den. Du kommer då att se pilar som du kan använda för att flytta den framåt eller bakåt i galleriet.
Här är en demo av det färdiga galleriet från vårt exempelinlägg:
Använda ett plugin för att placera bilder sida vid sida i WordPress
Om du använder den gamla klassiska WordPress-redigeraren, eller om du vill skapa mer komplexa gallerier än standardgalleriblocket, behöver du ett WordPress-galleriplugin.
Vi rekommenderar att du använder Envira Gallery eftersom det är det bästa WordPress-galleripluginet
För den här handledningens skull kommer vi att använda gratisversionen av Envira, men du kanske vill skaffa Pro-versionen för att få kraftfulla funktioner som album, bildspel, etc.
Först måste du installera och aktivera Envira Gallery-plugin. Om du inte är säker på hur du gör detta, kolla in vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
Du kan sedan gå till Envira Gallery »Lägg till ny i din WordPress-instrumentpanel.
Du måste ge ditt galleri en titel. Vi har kallat vårt “Exempelgalleri”. Ladda sedan upp bilderna du vill använda.
Du kan dra och släppa dem i uppladdningsrutan, eller så kan du använda en av “Välj filer”-knapparna.
Så här ser bilderna ut när de har laddats upp:
Du kanske vill tilldela en titel och alternativ text till dina bilder här. Titeln visas under din bild när användaren placerar muspekaren över den.
Titeln visas också under bilden i popup-läge för lightbox, vilket vi kommer till om ett ögonblick.
För att redigera titeln och alt-texten, klicka på knappen Redigera på en bild i galleriet.
Du kan sedan ändra titeln på din bild. Standard är bildfilens namn.
Du bör också ange alternativ text eftersom detta är användbart för SEO för din WordPress-webbplats. Om din titel beskriver bilden kan du helt enkelt upprepa den för alt-texten.
När du är klar, se till att klicka på knappen “Spara metadata” innan du klickar på X för att stänga fönstret.
För att lägga till ditt galleri på webbplatsen måste du först publicera det. Gå vidare och klicka på knappen Publicera till höger på skärmen.
Redigera nu ett inlägg eller en sida, eller skapa en ny. I innehållsredigeraren klickar du på (+) för att lägga till ett block till ditt inlägg och väljer Envira Gallery-blocket. Du kan hitta den i avsnittet Common Blocks eller så kan du använda sökfältet.
Du måste sedan klicka på rullgardinsmenyn för att välja ditt galleri.
Du bör se ditt galleri på plats i ditt inlägg.
Du kan justera inställningarna på höger sida av skärmen. Du kanske till exempel vill ändra kolumnlayouten eller storleken på marginalen mellan bilder.
Vi bestämde oss för att konfigurera vårt galleri så att det alltid visas i två kolumner. Vi har också lagt till en bredare marginal mellan bilderna.
Användaren kan klicka på en bild för att se versionen i full storlek i en ljuslåda. De kan också bläddra igenom bilderna med hjälp av ljuslådan.
Om du vill lägga till fler bilder i ditt galleri kan du återvända till det genom att besöka Envira Gallery »Alla gallerier i din WordPress-instrumentpanel. Klicka bara på ditt gallerinamn för att redigera det.
Alla ändringar du gör i ditt galleri kommer att visas var du än placerade dem på dina inlägg, sidor eller sidofält. Du behöver inte lägga till det i dessa igen.
Dricks: Om du använder den klassiska redigeraren istället för blockredigeraren kan du fortfarande använda Envira Gallery.
Du kommer att se knappen “Lägg till galleri” ovanför den klassiska redigeraren som du kan använda för att lägga till ett befintligt galleri till ditt inlägg.
Du kan också skapa ett nytt galleri genom att klicka på knappen “Lägg till media” och sedan på “Skapa galleri”.
Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger bilder sida vid sida i WordPress. Du kanske också vill kolla in vår guide om hur du justerar bilder i WordPress-blockredigeraren och vår kompletta lista över måste-ha WordPress-plugins (Expertens val).
Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du kan även hitta oss på Twitter och Facebook.
