{"id":792027,"date":"2023-11-30T20:22:41","date_gmt":"2023-12-01T02:22:41","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-bilder-sida-vid-sida-i-wordpress-enkelt\/"},"modified":"2023-11-30T20:22:41","modified_gmt":"2023-12-01T02:22:41","slug":"hur-man-lagger-bilder-sida-vid-sida-i-wordpress-enkelt","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-lagger-bilder-sida-vid-sida-i-wordpress-enkelt\/","title":{"rendered":"Hur man l\u00e4gger bilder sida vid sida i WordPress (enkelt)"},"content":{"rendered":"

Vill du l\u00e4gga bilder sida vid sida i ditt WordPress-inneh\u00e5ll? <\/p>\n

Nyb\u00f6rjare k\u00e4mpar ofta f\u00f6r att komma p\u00e5 hur man l\u00e4gger tv\u00e5 bilder bredvid varandra i sina WordPress-inl\u00e4gg och sidor.<\/p>\n

I den h\u00e4r steg-f\u00f6r-steg-guiden visar vi hur du enkelt placerar bilder sida vid sida i WordPress (utan att skriva n\u00e5gon kod).<\/p>\n

\"L\u00e4gg<\/p>\n

<\/span>Anv\u00e4nd blockredigeraren f\u00f6r att placera bilder sida vid sida<\/span><\/h4>\n

Det enklaste s\u00e4ttet att f\u00e5 dina bilder sida vid sida \u00e4r att anv\u00e4nda WordPress-blockredigeraren.<\/p>\n

Blockredigeraren har ett speciellt “Galleri”-block som l\u00e5ter dig visa bilder i rader och kolumner.<\/p>\n

F\u00f6rst m\u00e5ste du skapa ett nytt inl\u00e4gg\/sida eller redigera en befintlig f\u00f6r att \u00f6ppna inneh\u00e5llsredigeraren. V\u00e4l inne, klicka p\u00e5 (+) symbolen f\u00f6r att l\u00e4gga till ett nytt block.<\/p>\n

\"Skapa<\/p>\n

D\u00e4refter m\u00e5ste du v\u00e4lja Galleri-blocket och l\u00e4gga till det p\u00e5 din sida. Du kan hitta Galleri-blocket i avsnittet Common Blocks, eller s\u00e5 kan du anv\u00e4nda s\u00f6kf\u00e4ltet f\u00f6r att snabbt hitta det.<\/p>\n

\"V\u00e4lj<\/p>\n

Nu kan du enkelt l\u00e4gga till bilder till ditt galleriblock genom att dra dem eller anv\u00e4nda knappen Ladda upp. Du kan ocks\u00e5 v\u00e4lja bilder fr\u00e5n ditt WordPress-mediebibliotek. <\/p>\n

Som du kan se har vi lagt till 2 bilder i v\u00e5rt Galleri-block. WordPress har automatiskt placerat dem bredvid varandra.<\/p>\n

\"Tv\u00e5<\/p>\n

Vad h\u00e4nder om du vill ha 3 bilder sida vid sida? Detta \u00e4r vad som h\u00e4nder om vi l\u00e4gger till en tredje bild. WordPress \u00e4ndrar helt enkelt storleken p\u00e5 de andra f\u00f6r att passa alla 3 bredvid varandra:<\/p>\n

\"Tre<\/p>\n

Om du laddar upp en fj\u00e4rde bild kommer WordPress att placera den under de andra.<\/p>\n

\"Fyra<\/p>\n

Du kan \u00e4ndra antalet bilder som WordPress ska inkludera sida vid sida i en enda kolumn. <\/p>\n

Klicka f\u00f6rst p\u00e5 Galleri-blocket, om det inte redan \u00e4r markerat. P\u00e5 h\u00f6ger sida av sk\u00e4rmen ser du inst\u00e4llningarna f\u00f6r Galleril\u00e5s.<\/p>\n

\"\u00c4ndra<\/p>\n

Du kan st\u00e4lla in antalet kolumner h\u00e4r till valfritt antal mellan 1 och 4. Om du till exempel vill ha tv\u00e5 bilder bredvid varandra och tv\u00e5 till under dem kan du st\u00e4lla in kolumnerna till 2.<\/p>\n

\"St\u00e4ll<\/p>\n

S\u00e5 enkelt \u00e4r det! <\/p>\n

Om du vill \u00e4ndra platsen f\u00f6r en bild i ditt galleri, klicka bara p\u00e5 den. Du kommer d\u00e5 att se pilar som du kan anv\u00e4nda f\u00f6r att flytta den fram\u00e5t eller bak\u00e5t i galleriet.<\/p>\n

\"Flytta<\/p>\n

H\u00e4r \u00e4r en demo av det f\u00e4rdiga galleriet fr\u00e5n v\u00e5rt exempelinl\u00e4gg:<\/p>\n

\"Galleriet<\/p>\n

<\/span>Anv\u00e4nda ett plugin f\u00f6r att placera bilder sida vid sida i WordPress<\/span><\/h4>\n

Om du anv\u00e4nder den gamla klassiska WordPress-redigeraren, eller om du vill skapa mer komplexa gallerier \u00e4n standardgalleriblocket, beh\u00f6ver du ett WordPress-galleriplugin. <\/p>\n

Vi rekommenderar att du anv\u00e4nder Envira Gallery eftersom det \u00e4r det b\u00e4sta WordPress-galleripluginet<\/p>\n

F\u00f6r den h\u00e4r handledningens skull kommer vi att anv\u00e4nda gratisversionen av Envira, men du kanske vill skaffa Pro-versionen f\u00f6r att f\u00e5 kraftfulla funktioner som album, bildspel, etc.<\/p>\n

F\u00f6rst m\u00e5ste du installera och aktivera Envira Gallery-plugin. Om du inte \u00e4r s\u00e4ker p\u00e5 hur du g\u00f6r detta, kolla in v\u00e5r steg-f\u00f6r-steg-guide om hur du installerar ett WordPress-plugin.<\/p>\n

Du kan sedan g\u00e5 till Envira Gallery \u00bbL\u00e4gg till ny<\/strong> i din WordPress-instrumentpanel. <\/p>\n

\"L\u00e4gg<\/p>\n

Du m\u00e5ste ge ditt galleri en titel. Vi har kallat v\u00e5rt “Exempelgalleri”. Ladda sedan upp bilderna du vill anv\u00e4nda. <\/p>\n

Du kan dra och sl\u00e4ppa dem i uppladdningsrutan, eller s\u00e5 kan du anv\u00e4nda en av “V\u00e4lj filer”-knapparna.<\/p>\n

\"Ge<\/p>\n

S\u00e5 h\u00e4r ser bilderna ut n\u00e4r de har laddats upp:<\/p>\n

\"Bilder<\/p>\n

Du kanske vill tilldela en titel och alternativ text till dina bilder h\u00e4r. Titeln visas under din bild n\u00e4r anv\u00e4ndaren placerar muspekaren \u00f6ver den. <\/p>\n

Titeln visas ocks\u00e5 under bilden i popup-l\u00e4ge f\u00f6r lightbox, vilket vi kommer till om ett \u00f6gonblick.<\/p>\n

F\u00f6r att redigera titeln och alt-texten, klicka p\u00e5 knappen Redigera p\u00e5 en bild i galleriet.<\/p>\n

\"Klicka<\/p>\n

Du kan sedan \u00e4ndra titeln p\u00e5 din bild. Standard \u00e4r bildfilens namn.<\/p>\n

Du b\u00f6r ocks\u00e5 ange alternativ text eftersom detta \u00e4r anv\u00e4ndbart f\u00f6r SEO f\u00f6r din WordPress-webbplats. Om din titel beskriver bilden kan du helt enkelt upprepa den f\u00f6r alt-texten.<\/p>\n

\"St\u00e4ll<\/p>\n

N\u00e4r du \u00e4r klar, se till att klicka p\u00e5 knappen “Spara metadata” innan du klickar p\u00e5 X f\u00f6r att st\u00e4nga f\u00f6nstret.<\/p>\n

\"Klicka<\/p>\n

F\u00f6r att l\u00e4gga till ditt galleri p\u00e5 webbplatsen m\u00e5ste du f\u00f6rst publicera det. G\u00e5 vidare och klicka p\u00e5 knappen Publicera till h\u00f6ger p\u00e5 sk\u00e4rmen.<\/p>\n

\"Klicka<\/p>\n

Redigera nu ett inl\u00e4gg eller en sida, eller skapa en ny. I inneh\u00e5llsredigeraren klickar du p\u00e5 (+) f\u00f6r att l\u00e4gga till ett block till ditt inl\u00e4gg och v\u00e4ljer Envira Gallery-blocket. Du kan hitta den i avsnittet Common Blocks eller s\u00e5 kan du anv\u00e4nda s\u00f6kf\u00e4ltet.<\/p>\n

\"L\u00e4gg<\/p>\n

Du m\u00e5ste sedan klicka p\u00e5 rullgardinsmenyn f\u00f6r att v\u00e4lja ditt galleri. <\/p>\n

\"V\u00e4lj<\/p>\n

Du b\u00f6r se ditt galleri p\u00e5 plats i ditt inl\u00e4gg. <\/p>\n

Du kan justera inst\u00e4llningarna p\u00e5 h\u00f6ger sida av sk\u00e4rmen. Du kanske till exempel vill \u00e4ndra kolumnlayouten eller storleken p\u00e5 marginalen mellan bilder.<\/p>\n

\"Envira<\/p>\n

Vi best\u00e4mde oss f\u00f6r att konfigurera v\u00e5rt galleri s\u00e5 att det alltid visas i tv\u00e5 kolumner. Vi har ocks\u00e5 lagt till en bredare marginal mellan bilderna.<\/p>\n

\"\"<\/p>\n

Anv\u00e4ndaren kan klicka p\u00e5 en bild f\u00f6r att se versionen i full storlek i en ljusl\u00e5da. De kan ocks\u00e5 bl\u00e4ddra igenom bilderna med hj\u00e4lp av ljusl\u00e5dan.<\/p>\n

\"Se<\/p>\n

Om du vill l\u00e4gga till fler bilder i ditt galleri kan du \u00e5terv\u00e4nda till det genom att bes\u00f6ka Envira Gallery \u00bbAlla gallerier<\/strong> i din WordPress-instrumentpanel. Klicka bara p\u00e5 ditt gallerinamn f\u00f6r att redigera det. <\/p>\n

\"Redigera<\/p>\n

Alla \u00e4ndringar du g\u00f6r i ditt galleri kommer att visas var du \u00e4n placerade dem p\u00e5 dina inl\u00e4gg, sidor eller sidof\u00e4lt. Du beh\u00f6ver inte l\u00e4gga till det i dessa igen.<\/p>\n

Dricks:<\/strong> Om du anv\u00e4nder den klassiska redigeraren ist\u00e4llet f\u00f6r blockredigeraren kan du fortfarande anv\u00e4nda Envira Gallery. <\/p>\n

Du kommer att se knappen “L\u00e4gg till galleri” ovanf\u00f6r den klassiska redigeraren som du kan anv\u00e4nda f\u00f6r att l\u00e4gga till ett befintligt galleri till ditt inl\u00e4gg.<\/p>\n

\"L\u00e4gg<\/p>\n

Du kan ocks\u00e5 skapa ett nytt galleri genom att klicka p\u00e5 knappen “L\u00e4gg till media” och sedan p\u00e5 “Skapa galleri”.<\/p>\n

\"Skapa<\/p>\n

Vi hoppas att den h\u00e4r handledningen hj\u00e4lpte dig att l\u00e4ra dig hur du l\u00e4gger bilder sida vid sida i WordPress. Du kanske ocks\u00e5 vill kolla in v\u00e5r guide om hur du justerar bilder i WordPress-blockredigeraren och v\u00e5r kompletta lista \u00f6ver m\u00e5ste-ha WordPress-plugins (Expertens val). <\/p>\n

Om du gillade den h\u00e4r artikeln, prenumerera p\u00e5 v\u00e5r YouTube-kanal f\u00f6r WordPress-videohandledning. Du kan \u00e4ven hitta oss p\u00e5 Twitter och Facebook. <\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n