{"id":369322,"date":"2023-03-31T19:49:00","date_gmt":"2023-03-31T16:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369322"},"modified":"2023-03-31T19:49:10","modified_gmt":"2023-03-31T16:49:10","slug":"de-nya-wordpress-gutenberg-blocken-forklaras","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/de-nya-wordpress-gutenberg-blocken-forklaras\/","title":{"rendered":"De nya WordPress Gutenberg-blocken f\u00f6rklaras"},"content":{"rendered":"\n<p>Som du kanske eller kanske inte har m\u00e4rkt \u00e4r den nya <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg WordPress Editor<\/a> baserad p\u00e5 konceptet med block, och det \u00e4r den enskilt st\u00f6rsta innovationen som kom med den nya WordPress-versionen 5.0.<\/p>\n<p>M\u00e5nga m\u00e4nniskor \u00e4r oroliga f\u00f6r att det h\u00e4r nya, blockbaserade konceptet att skriva, redigera och publicera inl\u00e4gg och sidor kommer att g\u00f6ra deras WordPress kommer och g\u00e5 mycket mer komplicerat.<\/p>\n<p>Efter att ha gr\u00e4vt runt i den nya redigeraren ett tag, har vi best\u00e4mt oss f\u00f6r att visa dig att dessa WordPress Gutenberg-block inte \u00e4r n\u00e5got att oroa sig f\u00f6r.<\/p>\n<p>Sanningen \u00e4r att detta koncept med block ger n\u00e5gra sp\u00e4nnande, nya m\u00f6jligheter. Nu kan du antingen organisera ditt inneh\u00e5ll i <strong><a href=\"https:\/\/themewp.inform.click\/sv\/gutenberg-columns-block-och-hur-man-lagger-till-det-i-wordpress\/\" title=\"Gutenberg-kolumnblock\">Gutenberg-kolumnblock<\/a><\/strong> eller skapa <strong><a href=\"https:\/\/themewp.inform.click\/sv\/en-guide-till-wordpress-gutenberg-image-block\/\" title=\"Gutenberg-bildblock\">Gutenberg-bildblock<\/a><\/strong>. De \u00e4r faktiskt <strong>ganska enkla och roliga att anv\u00e4nda<\/strong>, som du snart kommer att f\u00e5 reda p\u00e5 sj\u00e4lv.<\/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\/iiGtfxhbrCI\" frameborder=\"0\"><\/iframe><\/div>\n<h2>L\u00e4gga till blocken<\/h2>\n<p>Eftersom de nya WordPress Gutenberg-blocken \u00e4r byggmaterialet f\u00f6r dina sidor och inl\u00e4gg, \u00e4r naturligtvis det f\u00f6rsta du vill l\u00e4ra dig hur du l\u00e4gger till dem.<\/p>\n<p>Det finns faktiskt flera s\u00e4tt att l\u00e4gga till ett block:<\/p>\n<p>Du kan anv\u00e4nda det <strong>lilla plustecknet (+) i verktygsf\u00e4ltet i den \u00f6vre v\u00e4nstra delen av editorn<\/strong>. N\u00e4r du klickar p\u00e5 denna skylt kommer ett urval av blockkategorier att visas, med b\u00f6rjan fr\u00e5n de mest anv\u00e4nda. Det kommer ocks\u00e5 att finnas ett s\u00f6kf\u00e4lt tillg\u00e4ngligt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.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-316588-633e54a435bc0.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>N\u00e4r du anger ditt inl\u00e4ggsinneh\u00e5ll i arbetsytan kommer du att m\u00e4rka att plustecknet visas nedan, vid n\u00e4sta lediga plats d\u00e4r du kan l\u00e4gga till ett nytt block. En rullgardinsmeny med blocktyper visas, och det kommer att finnas tre vanliga typer av block till h\u00f6ger. <strong>V\u00e4lj den blocktyp du vill anv\u00e4nda och ange ditt inneh\u00e5ll<\/strong>. Upprepa detta tills ditt inl\u00e4gg \u00e4r f\u00e4rdigt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.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-316588-633e54a7314e7.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>Den tredje metoden \u00e4r idealisk f\u00f6r dig som \u00e4r sugen p\u00e5 genv\u00e4gar. Var och en av er har f\u00f6rmodligen vissa blocktyper som ni anv\u00e4nder regelbundet. Nu, ist\u00e4llet f\u00f6r att s\u00f6ka efter ett specifikt block f\u00f6r varje typ du vill anv\u00e4nda det, kan du <strong>helt enkelt b\u00f6rja skriva namnet p\u00e5 blocket med snedstrecket<\/strong>, till exempel \/image, \/paragraph, \/heading, och s\u00e5 vidare, och det f\u00f6reslagna blocktyp visas.<\/p>\n<p>Dessutom kommer redigeraren inte bara att erbjuda den exakta blocktypen du letar efter, utan liknande block ocks\u00e5, vilket inneb\u00e4r att du inte ens beh\u00f6ver memorera alla blocknamn.<\/p>\n<p>Efter ett tag kommer du att m\u00e4rka att detta faktiskt \u00e4r det snabbaste och enklaste s\u00e4ttet att l\u00e4gga till block i Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.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-316588-633e54aaa03eb.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<h2>Blockeringsalternativ<\/h2>\n<p>Eftersom saker och ting har f\u00f6r\u00e4ndrats lite kring editorn, undrar du f\u00f6rmodligen var du kan hitta dina blockeringsalternativ. Det \u00e4r faktiskt v\u00e4ldigt enkelt \u2013 <strong>du f\u00e5r ditt val av alternativ helt enkelt genom att klicka p\u00e5 blocket du vill \u00e4ndra<\/strong>. <strong>Alternativen visas b\u00e5de i verktygsf\u00e4ltet och p\u00e5 fliken Block<\/strong>.<\/p>\n<p>Till skillnad fr\u00e5n Classic Editor erbjuder Gutenberg ett mycket bredare urval av alternativ.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.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-316588-633e54ae40266.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>Oroa dig inte heller om du k\u00f6r din Gutenberg-redigerare och m\u00e4rker att blockeringsalternativen inte finns i verktygsf\u00e4ltet utan i sj\u00e4lva blocket. Det \u00e4r helt okej, eftersom Gutenberg har olika alternativ f\u00f6r olika behov.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.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-316588-633e54b10fa50.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<h2>Visningsalternativ<\/h2>\n<p>Du kan komma \u00e5t alla alternativ g\u00e4llande blockvyn och arbetsytan i allm\u00e4nhet genom att klicka p\u00e5 de tre vertikala prickarna, under Visa fler verktyg och alternativ.<\/p>\n<p>Om inget av alternativen \u00e4r markerat kommer vyn att se ut som i v\u00e5r bild ovan \u2013 alternativen kommer att finnas inom sj\u00e4lva blocket.<\/p>\n<p>Om det \u00f6versta verktygsf\u00e4ltet \u00e4r markerat, kommer blockalternativen att finnas i verktygsf\u00e4ltet.<\/p>\n<p>Genom att bocka i Spotlight-l\u00e4get f\u00e5r du fokusera p\u00e5 bara ett block i taget. Detta \u00e4r s\u00e4rskilt praktiskt n\u00e4r du vill s\u00e4rskilja vad som exakt utg\u00f6r en del av ett visst block.<\/p>\n<p>Om du vill ha en st\u00f6rre arbetsyta kan du klicka p\u00e5 Helsk\u00e4rmsl\u00e4ge f\u00f6r att ut\u00f6ka arbetsytan till hela sk\u00e4rmen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.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-316588-633e54b4203c4.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<h2>\u00c5teranv\u00e4ndbara block<\/h2>\n<p>En annan superanv\u00e4ndbar funktion i Gutenberg-redigeraren \u00e4r alternativet \u00c5teranv\u00e4ndbara block. Om det finns vissa block som du anv\u00e4nder hela tiden vill du definitivt undvika att st\u00e4lla in samma v\u00e4rden eller leta efter koden att kopiera varje g\u00e5ng du l\u00e4gger till ett block.<\/p>\n<p>Med det nya alternativet L\u00e4gg till i \u00e5teranv\u00e4ndbara block kan du <strong>spara ett block och helt enkelt dra upp det n\u00e4r du vill anv\u00e4nda det igen<\/strong>.<\/p>\n<p>F\u00f6r att st\u00e4lla in ett \u00e5teranv\u00e4ndbart block, klicka p\u00e5 Fler alternativ&gt;L\u00e4gg till i \u00e5teranv\u00e4ndbara block.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.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-316588-633e54b708f55.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>V\u00e4lj namnet p\u00e5 ditt block:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.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-316588-633e54ba902f1.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>N\u00e4sta g\u00e5ng du beh\u00f6ver detta exakta block, antingen s\u00f6k efter det med namn eller leta efter det i en av rullgardinsmenyerna, under \u00c5teranv\u00e4ndbara block.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.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-316588-633e54bddde9c.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>\u00c5teranv\u00e4ndbara block \u00e4r l\u00e4tta att s\u00e4rskilja av en \u00e5tervinningsikon bredvid dem, som visas p\u00e5 bilden nedan.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.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-316588-633e54c092d9a.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>\u00c5teranv\u00e4ndbara block kan hanteras under Visa fler verktyg och alternativ &gt; Hantera alla \u00e5teranv\u00e4ndbara block.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.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-316588-633e54c34a739.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>Detta \u00f6ppnar en \u00f6versikt \u00f6ver alla \u00e5teranv\u00e4ndbara block som skapats hittills. Vi kan ocks\u00e5 redigera blocken, men kom ih\u00e5g att <strong>n\u00e4r du redigerar ett \u00e5teranv\u00e4ndbart block kommer inneh\u00e5llet i alla inl\u00e4gg d\u00e4r vi har anv\u00e4nt det ocks\u00e5 att \u00e4ndras<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.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-316588-633e54c597f97.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<h2>Ordna om blocken p\u00e5 en sida<\/h2>\n<p>Att ordna om blocken och \u00e4ndra deras sekvens p\u00e5 en sida eller i ett inl\u00e4gg \u00e4r extremt enkelt. Du kan <strong>flytta vilket som helst av blocken med hj\u00e4lp av dra och sl\u00e4pp-navigeringen, eller s\u00e5 kan den byta plats med blocket under eller ovanf\u00f6r det<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.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-316588-633e54c8c7e94.jpg\" alt=\"De nya WordPress Gutenberg-blocken f\u00f6rklaras\"><\/a><\/p>\n<p>Vi hoppas att den h\u00e4r artikeln hj\u00e4lpte dig att f\u00f6rst\u00e5 WordPress Gutenberg-blocken lite b\u00e4ttre. Som du kan se till\u00e5ter det nya konceptet med block f\u00f6r mycket enklare anpassning av dina inl\u00e4gg, samt n\u00e5gra ytterligare alternativ som vi inte hade tidigare.<\/p>\n<p>Med de helt nya WordPress Gutenberg-blocken kommer du sannolikt att vara mycket snabbare med att l\u00e4gga upp och redigera dina inl\u00e4gg \u00e4n tidigare. Det \u00e4r just den typen av f\u00f6rb\u00e4ttring som utvecklarna av Gutenberg har hoppats kunna uppn\u00e5.<\/p>\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>\u00c4ven om de kan verka som en skr\u00e4mmande ny sak, \u00e4r de nya WordPress Gutenberg-blocken faktiskt ganska roliga och l\u00e4tta att anv\u00e4nda, som du kan se i v\u00e5r artikel.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-369322","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\/369322","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=369322"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/369322\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=369322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=369322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=369322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}