Hur man lägger Bilder sida vid sida i WordPress (enkelt)
vill du lägga bilder sida vid sida i ditt WordPress-innehåll?
ofta kämpar nybörjare för att hitta hur man lägger två bilder bredvid varandra i sina WordPress-inlägg och sidor.
i den här stegvisa guiden visar vi hur du enkelt lägger bilder sida vid sida i WordPress (utan att skriva någon kod).
använda Blockredigeraren för att lägga Bilder sida vid sida
det enklaste sättet att få dina bilder sida vid sida är att använda WordPress block editor.
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. En gång inuti, klicka på ( + ) symbolen för att lägga till ett nytt block.
Därefter måste du välja galleriblocket och lägga till det på din sida. Du hittar galleriblocket i avsnittet Vanliga block, eller så kan du använda sökfältet för att snabbt hitta det.
nu kan du enkelt lägga till bilder i ditt galleriblock genom att dra dem in i det eller genom att använda uppladdningsknappen. Du kan också välja bilder från ditt WordPress-mediebibliotek.
som du kan se har vi lagt till 2 bilder i vårt galleriblock. WordPress har automatiskt placerat dem sida vid sida.
vad händer om du vill ha 3 bilder sida vid sida? Här är vad som händer om vi lägger till en tredje bild. WordPress ändrar helt enkelt de andra för att passa alla 3 sida vid sida:
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å galleriblocket om det inte redan är valt. På höger sida av skärmen ser du galleriets blockinställningar.
du kan justera antalet kolumner här till valfritt antal mellan 1 och 4. Om du till exempel vill ha två bilder sida vid sida och ytterligare två under dem kan du ställa in kolumnerna till 2.
det är så enkelt är det!
om du vill ändra var en bild är placerad i ditt galleri klickar du bara på den. Du ser sedan pilar som du kan använda för att flytta den framåt eller bakåt i galleriet.
här är en färdig galleridemo från vårt provpost:
använda ett Plugin för att lägga 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-galleri-plugin.
vi rekommenderar att du använder Envira Gallery eftersom det är det bästa WordPress gallery plugin
för denna handledning kommer vi att använda den fria versionen av Envira, men du kanske vill få 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, kolla bara in vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
därefter kan du gå till Envira Gallery ” Lägg till nytt i din WordPress-instrumentpanel.
du måste ge ditt galleri en titel. Vi har kallat vårt ’Exempelgalleri’. Ladda sedan upp de bilder du vill använda.
du kan antingen dra och släppa dem i uppladdningsrutan, eller så kan du använda en av knapparna ’Välj filer’.
så här ser bilderna ut när de har laddats upp:
du kanske vill ge dina bilder en titel och alt text här. Titeln visas under din bild när användaren tar muspekaren över den.
titeln visas också under bilden i popup-läget lightbox, som vi tar en titt på 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 för din bild. Det är standard för bildens filnamn.
du bör också ange alt-text, eftersom det här är till hjälp för din WordPress-webbplats SEO. Om din titel beskriver bilden kan du helt enkelt upprepa den för alt-texten.
när du är klar, se till att du klickar 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 på höger sida av skärmen.
nu, redigera ett inlägg eller en sida eller skapa en ny. Inne i innehållsredigeraren klickar du på ( + ) för att lägga till ett block i ditt inlägg och väljer Envira Gallery-blocket. Du hittar den i avsnittet Vanliga block, 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 till höger på skärmen. Du kanske till exempel vill ändra kolumnlayouten eller storleken på marginalen mellan bilder.
vi bestämde oss för att ställa in vårt galleri för att alltid visas i två kolumner. Vi har också lagt till en större marginal mellan bilderna.
användaren kan klicka på en bild för att se fullstor version i en lightbox. De kan bläddra igenom bilderna med hjälp av lightbox, för.
om du vill lägga till fler bilder i ditt galleri kan du gå tillbaka till det genom att besöka Envira Gallery ” alla gallerier i din WordPress-instrumentpanel. Klicka bara på namnet på ditt galleri för att redigera det.
alla ändringar du gör i ditt galleri visas var du än har placerat det i dina inlägg, sidor eller sidofält. Du behöver inte lägga till det igen.
tips: om du använder den klassiska redigeraren istället för blockredigeraren kan du fortfarande använda Envira Gallery.
du ser en ’Lägg till galleri’ – knapp ovanför den klassiska redigeraren som du kan använda för att lägga till ett befintligt galleri i ditt inlägg.
du kan också skapa ett nytt galleri genom att klicka på ’Lägg till Media’ – knappen och sedan ’skapa galleri’.
vi hoppas att denna handledning hjälpte dig att lära dig hur du lägger bilder sida vid sida i WordPress. Du kanske också vill gå igenom vår guide om hur du justerar bilder i WordPress block editor, och vår omfattande lista över måste ha WordPress plugins (expert pick).
om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.