{"id":366955,"date":"2023-01-31T18:50:00","date_gmt":"2023-01-31T15:50:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=366955"},"modified":"2023-02-04T12:37:04","modified_gmt":"2023-02-04T09:37:04","slug":"introduktion-till-gutenberg-gallery-block-features","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/introduktion-till-gutenberg-gallery-block-features\/","title":{"rendered":"Introduktion till Gutenberg Gallery Block Features"},"content":{"rendered":"\n<p>Att hantera gallerier i WordPress brukade kr\u00e4va avancerad kunskap, f\u00f6rr i tiden n\u00e4r du var tvungen att g\u00f6ra det <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-wordpress-gallery-med-classic-editor\/\" title=\"med den klassiska WordPress-redigeraren\">med den klassiska WordPress-redigeraren<\/a>. Tack vare Gutenberg-redakt\u00f6ren och kraften i enkelheten som inleds av dess block, kan vem som helst enkelt hoppa in i f\u00f6rars\u00e4tet och b\u00f6rja skapa sina egna gallerier.<\/p>\n<p>Tror du oss inte? Inget problem \u2013 vi visar dig vad du kan g\u00f6ra med Gutenbergs galleriblock. Som en bonus kommer vi ocks\u00e5 att informera dig om n\u00e5gra andra galleriblock som du kanske gillar, s\u00e5 h\u00e5ll utkik.<\/p>\n<h2>Vi presenterar Native Gallery Block<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e75366de2a.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Gallery Blocks k\u00e4rnfunktion \u00e4r att <strong>till\u00e5ta delning av en grupp bilder i ett galleriformat p\u00e5 din webbplats<\/strong>. Detta liknar bildgalleriet i den klassiska WordPress-redigeraren, \u00e4ven om det finns n\u00e5gra helt nya alternativ som kommer med Gutenberg-redigeraren. Dessa inkluderar en <strong>m\u00f6jlighet att l\u00e4gga till bildtext direkt p\u00e5 bilden, samt gallerikolumner och inst\u00e4llningar f\u00f6r besk\u00e4rning av bilder<\/strong>. Vi kommer att prata om alla dessa inst\u00e4llningar mer i detalj nedan.<\/p>\n<p>Du kan v\u00e4lja dina bilder p\u00e5 samma s\u00e4tt som du kan i den klassiska redigeraren \u2013 genom att v\u00e4lja redan existerande bilder i mediebiblioteket eller genom att ladda upp nya fr\u00e5n din dator. N\u00e4r du \u00e4r klar med bildvalet kan du klicka p\u00e5 knappen Skapa ett nytt galleri f\u00f6r att infoga ditt galleri p\u00e5 sidan.<\/p>\n<p>N\u00e4r du \u00e4r klar med att skapa ditt galleri kommer du att m\u00e4rka att det finns n\u00e5gra alternativ som \u00e4r desamma som de i <a href=\"https:\/\/themewp.inform.click\/sv\/en-guide-till-wordpress-gutenberg-image-block\/\" title=\"Image Block\">Image Block<\/a>, till exempel justera eller \u00e4ndra blocktyp. Gutenberg Gallery Block visar dig den fulla potentialen av det senare alternativet. Om du till exempel best\u00e4mmer dig f\u00f6r att omvandla Galleri till bild, kommer alla bilder att radas upp individuellt, den ena under den andra.<\/p>\n<h3>Bildtexter<\/h3>\n<p>Det \u00e4r helt upp till dig om du vill anv\u00e4nda det h\u00e4r alternativet eller inte, men om du planerar att anv\u00e4nda det kommer du g\u00e4rna att veta att <strong>varje bild kan ha en bildtext f\u00f6r sig<\/strong>. Bildtexten visas vanligtvis l\u00e4ngst ner p\u00e5 varje bild med en halvtransparent bakgrund. F\u00e4rgen p\u00e5 texten och bakgrunden beror p\u00e5 vilket tema du anv\u00e4nder.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753963a7a.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<h3>Galleri kolumner<\/h3>\n<p>Vi m\u00e5ste notera att i Galleri Block har du inte m\u00f6jlighet att v\u00e4lja storlek p\u00e5 bilderna. Ist\u00e4llet \u00e4ndras de proportionellt mot antalet kolumner som du vill ha i ditt galleri. Det st\u00f6rsta kolumnnumret som du kan l\u00e4gga \u00e4r detsamma som antalet bilder som du l\u00e4gger till p\u00e5 din sida eller inl\u00e4gg. Detta antal \u00e4r med andra ord o\u00e4ndligt. T\u00e4nk \u00e4nd\u00e5 p\u00e5 det faktum att <strong>efter att ha lagt till mer \u00e4n 6 kolumner kan dina bilder verka mindre \u00e4n du vill att de ska vara<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753c4d832.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Om du planerar att anv\u00e4nda bilder som inneh\u00e5ller olika bildf\u00f6rh\u00e5llanden, som st\u00e5ende eller liggande, se till att inst\u00e4llningen Besk\u00e4r bilder \u00e4r p\u00e5. Detta kommer att s\u00e4kerst\u00e4lla att alla dina foton passar automatiskt inom kolumnnumret du har valt. Du hittar den h\u00e4r inst\u00e4llningen precis under kolumnnumret.<\/p>\n<p>Bilden till v\u00e4nster nedan visar hur ditt galleri kommer att se ut med inst\u00e4llningen Besk\u00e4r bilder avst\u00e4ngd, medan du till h\u00f6ger kan se hur dina bilder kommer att se ut n\u00e4r den \u00e4r p\u00e5.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e753f88281.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Naturligtvis finns det vissa situationer d\u00e4r det skulle vara b\u00e4ttre att st\u00e4nga av den h\u00e4r inst\u00e4llningen. Till exempel b\u00f6r du g\u00f6ra detta om du har en kolumn gallerier, eller om du vill visa dina bilder i deras ursprungliga storlek.<\/p>\n<p>Precis som bildblock har Gallery Block ocks\u00e5 en l\u00e4nk till-inst\u00e4llning med tre olika alternativ. Du kan visa bilden utan n\u00e5gon l\u00e4nk, du kan l\u00e4nka till en specifik sida p\u00e5 din webbplats (\u00e4ven om det h\u00e4r alternativet s\u00e4llan anv\u00e4nds nuf\u00f6rtiden), eller l\u00e5ta den \u00f6ppna bildfilen av sig sj\u00e4lv.<\/p>\n<p>Om du inte \u00e4r n\u00f6jd med ditt bildval eller deras arrangemang, har du ocks\u00e5 ett redigeringsalternativ. P\u00e5 det h\u00e4r s\u00e4ttet kan du ta bort vilken fil som helst fr\u00e5n listan eller dra och sl\u00e4ppa dina filer f\u00f6r att ordna om dem.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7542d3718.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<h2>Ett bra alternativ till det inhemska blocket<\/h2>\n<p>Om du \u00e4lskar Gutenberg-redakt\u00f6ren och gallerier \u00e4r vad du beh\u00f6ver, finns det ingen anledning att begr\u00e4nsa dig till galleriblocket som f\u00f6ljer med redakt\u00f6ren. Det finns m\u00e5nga plugins fr\u00e5n tredje part d\u00e4r ute som du kan anv\u00e4nda f\u00f6r att ut\u00f6ka funktionerna hos Gutenberg.<\/p>\n<p><a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Blocks for Gutenberg<\/a> \u00e4r ett av dem, med <strong>81 olika block tillg\u00e4ngliga i gratisversionen och premiumversionen<\/strong>. Insticksprogrammet ger dig fyra olika typer av galleriblock, var och en av dem tillg\u00e4ngliga gratis. L\u00e5t oss ta en snabb titt p\u00e5 vad de \u00e4r.<\/p>\n<h3>Kortgalleri<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754567ebe.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Ett intressant s\u00e4tt att visa dina bilder, <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/cards-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cards Gallery-blocket<\/a> l\u00e5ter dig stapla bilder ovanp\u00e5 varandra och blanda dem till v\u00e4nster, h\u00f6ger eller b\u00e5da sidor f\u00f6r att bl\u00e4ddra bland dem. Blocket l\u00e5ter dig anv\u00e4nda s\u00e5 m\u00e5nga bilder du vill, och det <strong>l\u00e5ter dig v\u00e4lja deras skala och hur mycket av dem som \u00e4r synliga innan de markeras<\/strong>.<\/p>\n<h3>Bildgalleri<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e7548190db.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Bildgalleriblocket \u00e4r ditt vanliga block f\u00f6r att visa bilder i WordPress <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">.<\/a> Den har ett <strong>anpassningsbart antal kolumner och l\u00e5ter dig st\u00e4lla in popup-vyeffekter f\u00f6r bilder<\/strong> samt st\u00e4lla in proportioner. I stort sett allt du beh\u00f6ver f\u00f6r en enkel bildvisning.<\/p>\n<h3>Murverk Bildgalleri<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754b0e3bb.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Vill du krydda ditt bildgalleri f\u00f6r att g\u00f6ra det mer intressant och dynamiskt? Vad s\u00e4gs om att anv\u00e4nda <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/masonry-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocket Masonry Image Gallery<\/a> f\u00f6r att bryta enhetligheten i hur dina bilder visas? Du kommer att kunna <strong>st\u00e4lla in bildstorlekar, mellanrum och till och med ljusbordsf\u00f6rhandsvisningar<\/strong>.<\/p>\n<h3>Pinterest bildgalleri<\/h3>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-347096-633e754e0e1a3.jpg\" alt=\"Introduktion till Gutenberg Gallery Block Features\"><\/a><\/p>\n<p>Om du \u00e4r ett fan av bildgallerier i Pinterest-stil \u00e4r <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/pinterest-image-gallery\/?campaign=GalleryBlock&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pinterest Bildgalleri-blocket<\/a> n\u00e5got du har beh\u00f6vt utan att ens veta om det. Det h\u00e4r blocket l\u00e5ter dig <strong>v\u00e4lja f\u00f6rdefinierade responsiva inst\u00e4llningar eller v\u00e4lja varje inst\u00e4llning f\u00f6r att passa din unika vision f\u00f6r ett bildgalleri i Pinterest-stil<\/strong>.<\/p>\n<p>Det var allt f\u00f6r v\u00e5r Gutenberg Gallery Block-\u00f6versikt. Som du kan se \u00e4r processen att l\u00e4gga till bilder i ditt galleri helt f\u00f6renklad tack vare Gutenbergs intuitiva gr\u00e4nssnitt. G\u00e5 vidare och prova alla anv\u00e4ndbara alternativ som f\u00f6ljer med den. Medan du h\u00e5ller p\u00e5, varf\u00f6r inte unders\u00f6ka n\u00e5gra alternativ till det ursprungliga blocket, till exempel de som tillhandah\u00e5lls av Qi Blocks f\u00f6r Gutenberg? Ju fler val du har, desto b\u00e4ttre kommer du att kunna uttrycka dig!<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/efpXggWrMSY\" frameborder=\"0\"><\/iframe><\/div>\n<p>Vi hoppas att du tyckte att den h\u00e4r artikeln var till hj\u00e4lp. Om du gillade det, kolla g\u00e4rna in n\u00e5gra av dessa artiklar ocks\u00e5!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vi guidar dig genom alla olika alternativ som Gutenberg galleriblock har i butik.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-366955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/366955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=366955"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/366955\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=366955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=366955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=366955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}