{"id":253933,"date":"2022-04-04T16:33:00","date_gmt":"2022-04-04T13:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=253933"},"modified":"2022-05-16T15:17:33","modified_gmt":"2022-05-16T12:17:33","slug":"hur-man-lagger-till-kolumner-i-wordpress-inlagg-med-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-kolumner-i-wordpress-inlagg-med-gutenberg\/","title":{"rendered":"Hur man l\u00e4gger till kolumner i WordPress-inl\u00e4gg med Gutenberg"},"content":{"rendered":"<p>Har du anv\u00e4nt WordPress ett tag?<\/p>\n<p>I s\u00e5 fall har du f\u00f6rmodligen googlat det h\u00e4r f\u00f6rut.<\/p>\n<p>Att l\u00e4gga till kolumner i inl\u00e4gg och sidor har varit en enorm sm\u00e4rta i flera \u00e5r. Men du har tur&#8230;<\/p>\n<p>Den nya <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-anvander-wordpress-block-editor-the-essential-guide-to-gutenberg\/\" title=\"inl\u00e4ggsredigeraren f\u00f6r Gutenberg WordPress\">inl\u00e4ggsredigeraren f\u00f6r Gutenberg WordPress<\/a> har inbyggda kolumner och de fungerar utm\u00e4rkt.<\/p>\n<p>I det h\u00e4r inl\u00e4gget kommer du att l\u00e4ra dig hur du l\u00e4gger till kolumn-&quot;block&#8221; med Gutenberg. Du kommer ocks\u00e5 att uppt\u00e4cka hur du l\u00e4gger till olika typer av inneh\u00e5ll i kolumnerna och \u00e4ndrar antalet kolumner du vill ska visas.<\/p>\n<p>Om du inte anv\u00e4nder WordPress 5.0 \u00e4nnu kan du installera <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg-plugin f\u00f6r<\/a> att b\u00f6rja l\u00e4gga till kolumner i dina inl\u00e4gg nu.<\/p>\n<h2>Hur man l\u00e4gger till kolumner med Gutenberg<\/h2>\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\/ulecytOqYfc\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Prenumerera p\u00e5 t\u00e4vla teman p\u00e5 Youtube<\/a><\/p>\n<p>B\u00f6rja med att navigera till inl\u00e4gget du vill l\u00e4gga till kolumnerna i.<\/p>\n<p>F\u00f6r att l\u00e4gga till kolumnerna infogar du ett nytt kolumnblock i inl\u00e4gget. H\u00e5ll muspekaren \u00f6ver ett befintligt block och flytta mark\u00f6ren \u00f6ver den \u00f6vre eller nedre kanten f\u00f6r att visa &quot;+&quot;-knappen f\u00f6r att l\u00e4gga till ett nytt block.<\/p>\n<p>Klicka p\u00e5 plusknappen s\u00e5 ser du en popup d\u00e4r du kan v\u00e4lja ett block att l\u00e4gga till. Kolumner-blocket visas \u00f6verst.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.png\" alt=\"Hur man l\u00e4gger till kolumner i WordPress-inl\u00e4gg med Gutenberg\"><\/a><\/p>\n<p>Klicka p\u00e5 kolumnblocket s\u00e5 infogas det i inl\u00e4gget.<\/p>\n<p>N\u00e4r du f\u00f6rst infogar kolumnblocket l\u00e4gger det till ett block som i huvudsak inneh\u00e5ller tv\u00e5 styckeblock. Du kan b\u00f6rja skriva in b\u00e5da direkt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.png\" alt=\"Hur man l\u00e4gger till kolumner i WordPress-inl\u00e4gg med Gutenberg\"><\/a><\/p>\n<p>L\u00e4tt, eller hur?<\/p>\n<p>Du kan l\u00e4gga till s\u00e5 m\u00e5nga kolumnblock i ditt inl\u00e4gg som du vill genom att infoga kolumnblock p\u00e5 detta s\u00e4tt.<\/p>\n<h3>L\u00e4gg till block i kolumnerna<\/h3>\n<p>Naturligtvis \u00e4r du inte bara begr\u00e4nsad till att skapa textkolumner. Om du h\u00e5ller muspekaren \u00f6ver ett av de tv\u00e5 blocken i kolumnen visas en plusknapp som du kan klicka p\u00e5 f\u00f6r att sedan v\u00e4lja valfri blocktyp att infoga.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.png\" alt=\"Hur man l\u00e4gger till kolumner i WordPress-inl\u00e4gg med Gutenberg\"><\/a><\/p>\n<p>Jag kan till exempel v\u00e4lja bildblocket och infoga det i den v\u00e4nstra kolumnen och sedan l\u00e4gga till vilket block jag vill i den h\u00f6gra kolumnen.<\/p>\n<p>Faktum \u00e4r att du till och med kan stapla flera block i b\u00e5da kolumnerna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.png\" alt=\"Hur man l\u00e4gger till kolumner i WordPress-inl\u00e4gg med Gutenberg\"><\/a><\/p>\n<p>I sk\u00e4rmdumpen ovan har jag lagt till ett bildblock i den v\u00e4nstra kolumnen, ett rubrikblock i den h\u00f6gra kolumnen och ytterligare ett styckeelement under rubriken i den h\u00f6gra kolumnen.<\/p>\n<p>M\u00f6jligheten att stapla flera block i en kolumn g\u00f6r den h\u00e4r funktionen ganska flexibel. En begr\u00e4nsning med den h\u00e4r funktionen \u00e4r att du inte kan justera bredden p\u00e5 kolumnerna, men det kan komma i en framtida uppdatering f\u00f6r Gutenberg.<\/p>\n<h3>Hur man l\u00e4gger till fler kolumner<\/h3>\n<p>Exemplet ovan anv\u00e4nder tv\u00e5 kolumner, men du kan l\u00e4gga till upp till sex kolumner i ett kolumnblock.<\/p>\n<p>F\u00f6r att \u00f6ka antalet kolumner, klicka n\u00e5gonstans i kolumnblocket men utanf\u00f6r blocken inom det. Du kommer att se inst\u00e4llningarna i sidof\u00e4ltet v\u00e4xla fr\u00e5n dokumentinst\u00e4llningar till blockinst\u00e4llningar som visar dessa alternativ:<\/p>\n<p>Du kan anv\u00e4nda skjutreglaget eller nummerinmatningen f\u00f6r att justera antalet kolumner fr\u00e5n 2-6.<\/p>\n<p>F\u00f6r n\u00e4rvarande inneh\u00e5ller de avancerade inst\u00e4llningarna endast ett alternativ f\u00f6r att l\u00e4gga till en anpassad CSS-klass till kolumnblocket. Detta kan vara praktiskt om du \u00e4r bekant med CSS och vill utforma ett av dina kolumnblock lite annorlunda.<\/p>\n<h2>Slutsats<\/h2>\n<p>Medan Gutenberg-kolumnblocket skulle kunna anv\u00e4nda vissa anv\u00e4ndbarhetsf\u00f6rb\u00e4ttringar, fungerar det ganska bra. Och f\u00f6r att vara \u00e4rlig, det \u00e4r mycket b\u00e4ttre \u00e4n det befintliga alternativet i den klassiska redigeraren \u2013 ingenting!<\/p>\n<p>Nu n\u00e4r du kan skapa layouter med flera kolumner i dina inl\u00e4gg, f\u00e5r du mer utrymme f\u00f6r kreativa uttryck och att g\u00f6ra intressanta m\u00f6nster i dina artiklar.<\/p>\n<p>Om du har n\u00e5gra fr\u00e5gor om att l\u00e4gga till kolumner i dina WordPress-inl\u00e4gg, l\u00e4mna en kommentar nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u00e4gg snabbt och enkelt till flera kolumner (2-6) i dina inl\u00e4gg och sidor med den nya Gutenberg-redigeraren f\u00f6r WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-253933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anpassa-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/253933","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=253933"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/253933\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257628"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=253933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=253933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=253933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}