{"id":369380,"date":"2023-04-04T09:40:00","date_gmt":"2023-04-04T06:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369380"},"modified":"2023-04-04T09:40:08","modified_gmt":"2023-04-04T06:40:08","slug":"en-kort-introduktion-till-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/en-kort-introduktion-till-wordpress-gutenberg\/","title":{"rendered":"En kort introduktion till WordPress Gutenberg"},"content":{"rendered":"\n<p>Classic Editor \u00e4r n\u00e5got som alla vi WordPress-anv\u00e4ndare har vant oss vid. Classic Editor var mer \u00e4n en vana \u2013 det var n\u00e5got vi k\u00e4nde och f\u00f6rstod v\u00e4l. Det fanns det gamla titelf\u00e4ltet, inneh\u00e5llsf\u00e4ltet, ett f\u00e4lt f\u00f6r att infoga kortkoder. P\u00e5 v\u00e5r h\u00f6gra sida finns alla sidalternativ som st\u00e5r till v\u00e5rt f\u00f6rfogande \u2013 Status, Synlighet och s\u00e5 vidare.<\/p>\n<p>Helt pl\u00f6tsligt st\u00e5r vi inf\u00f6r en stor f\u00f6r\u00e4ndring. Vid f\u00f6rsta anblicken verkar WordPress Gutenberg knappast vara en redakt\u00f6r alls. Var finns alla v\u00e5ra alternativ? Var skriver vi texten? Vad \u00e4r det med titeln? Ja, f\u00f6r\u00e4ndringar \u00e4r grova. Men ofta medf\u00f6r f\u00f6r\u00e4ndringar f\u00f6rb\u00e4ttringar. Gutenberg skapades med syftet att g\u00f6ra det enklare f\u00f6r anv\u00e4ndarna att arbeta med WordPress. Det \u00e4r definitivt en f\u00f6r\u00e4ndring v\u00e4rd att ta till sig.<\/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\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Vid f\u00f6rsta \u00f6gonkastet<\/h2>\n<p>L\u00e5t oss ta en snabb titt p\u00e5 den nya redigeraren. Till en b\u00f6rjan liknar det ingenting vi har sett eller anv\u00e4nt tidigare. Men titta n\u00e4rmare s\u00e5 kommer du att uppt\u00e4cka att det faktiskt \u00e4r ganska intuitivt och l\u00e4tt att anv\u00e4nda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.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-315845-633e5400771e3.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>Det f\u00f6rsta vi l\u00e4gger m\u00e4rke till med det \u00e4r att titeln inte l\u00e4ngre \u00e4r ett separat f\u00e4lt. Ist\u00e4llet har vi nu ett enda arbetsomr\u00e5de som visar sina delar som ett kontinuum.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.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-315845-633e540401252.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<h2>Vad \u00e4r allt detta om block?<\/h2>\n<p>WordPress Gutenberg bygger p\u00e5 konceptet med block. Ett av syftena med detta tillv\u00e4gag\u00e5ngss\u00e4tt var att s\u00e4kerst\u00e4lla kontinuitet i hur klassiska inneh\u00e5llselement skapas. Vi kan f\u00e5 v\u00e4ldigt individuella och helt olika resultat men vi g\u00f6r det p\u00e5 samma s\u00e4tt f\u00f6r att skapa block. Vad detta g\u00f6r \u00e4r att det garanterar s\u00e4kerheten, stabiliteten och i slut\u00e4ndan skalbarheten f\u00f6r WordPress som en plattform och som helhet.<\/p>\n<p>Men exakt vad \u00e4r dessa block? Enkelt uttryckt ers\u00e4tter den nya editorn det gamla enstaka redigeringsf\u00e4ltet med ett g\u00e4ng nya, individuella block. Ett block kan vara m\u00e5nga saker. Ett inneh\u00e5llsblock \u2013 vanlig text, bilder, videor, men ocks\u00e5 en widget, en knapp, en tabell och s\u00e5 vidare.<\/p>\n<h2>Hantera dina block<\/h2>\n<p>L\u00e5t oss nu ta en titt p\u00e5 hur vi l\u00e4gger till dessa <a href=\"https:\/\/themewp.inform.click\/sv\/de-nya-wordpress-gutenberg-blocken-forklaras\/\" title=\"block i WordPress Gutenberg\">block i WordPress Gutenberg<\/a>. De goda m\u00e4nniskorna i WordPress har delat in dem i snygga kategorier f\u00f6r v\u00e5r bekv\u00e4mlighet och enklare att ta sig runt. Du kan bl\u00e4ddra i dessa kategorier eller helt enkelt anv\u00e4nda namnet p\u00e5 ett block du vill anv\u00e4nda, om du k\u00e4nner till det, skriv in det som \/namn.<\/p>\n<p>Det finns olika s\u00e4tt att l\u00e4gga till block. Du kan till exempel anv\u00e4nda det lilla plustecknet i den \u00f6vre v\u00e4nstra delen av redigeraren.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.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-315845-633e54070de67.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>De goda ol&#8217; Undo och Redo ligger precis bredvid den.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.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-315845-633e540a1fcf4.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>En anv\u00e4ndbar ny sak h\u00e4r \u00e4r Info-knappen, som visar inneh\u00e5llsstrukturen i v\u00e5rt inl\u00e4gg. Den visar hur m\u00e5nga ord, rubriker, stycken och block vi har i v\u00e5rt inl\u00e4gg och hj\u00e4lper oss att h\u00e5lla koll p\u00e5 v\u00e5r inneh\u00e5llsstruktur.<\/p>\n<p>Det finns alltid ett tomt block som sitter d\u00e4r innan n\u00e5got inneh\u00e5ll infogas. Detta block finns d\u00e4r som standard, ungef\u00e4r som titelblocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.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-315845-633e540d5559c.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>En annan mycket anv\u00e4ndbar sak som vi inte hade tidigare \u00e4r Block Navigation, som ocks\u00e5 finns i den \u00f6vre v\u00e4nstra menyraden.<\/p>\n<p>Den visar strukturen f\u00f6r alla block p\u00e5 sidan och g\u00f6r det enkelt att komma runt ditt inneh\u00e5ll.<\/p>\n<p>Till exempel, om du vill \u00e4ndra ett stycke inneh\u00e5ll som finns i det n\u00e4st sista stycket i ditt inl\u00e4gg, ist\u00e4llet f\u00f6r att rulla hela v\u00e4gen ner till det kan du helt enkelt klicka p\u00e5 det specifika stycket i rullgardinsmenyn Blocknavigering.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.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-315845-633e54106de52.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>Efter att vi har infogat inneh\u00e5ll i n\u00e5got av blocken kan vi klicka p\u00e5 Spara utkast, precis som i den gamla redigeraren, eller p\u00e5 F\u00f6rhandsgranska eller Publicera.<\/p>\n<p>M\u00e5nga saker som vi \u00e4r vana vid att hitta i den h\u00f6gra sidan av Classic Editor finns kvar, f\u00f6rutom att de \u00e4r instoppade under fliken Dokument.<\/p>\n<p>Ett av de element som tidigare fanns under huvudf\u00e4ltet i den klassiska redigeraren \u00e4r diskussionen, som vi anv\u00e4nde f\u00f6r att till\u00e5ta eller f\u00f6rbjuda kommentarer p\u00e5 en sida.<\/p>\n<p>Den finns nu p\u00e5 fliken Dokument, som f\u00f6r \u00f6vrigt kan tas bort tillf\u00e4lligt, precis som sin granne, fliken Block, genom att klicka p\u00e5 kugghjulet f\u00f6r att komma \u00e5t inst\u00e4llningarna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.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-315845-633e5414061a7.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<h2>Anpassningsalternativ<\/h2>\n<p>Vi kan anpassa vyn av arbetsytan genom att klicka p\u00e5 de tre vertikala prickarna i det \u00f6vre h\u00f6gra h\u00f6rnet, vilket tar oss till menyn Fler verktyg och alternativ. H\u00e4rifr\u00e5n kan vi anpassa arbetsytan efter v\u00e5r smak, s\u00e5v\u00e4l som sekvensen av element p\u00e5 den. Dessutom kan du ocks\u00e5 v\u00e4lja den redigerare du vill anv\u00e4nda &#8211; Visual Editor eller Code editor. Det finns en lista \u00f6ver genv\u00e4gar, samt n\u00e5gra ytterligare alternativ.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.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-315845-633e5417a3dbb.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>Och nu, den viktigaste delen. Genom att klicka p\u00e5 ett block, i det h\u00e4r fallet f\u00f6rsta stycket, \u00f6ppnar du alternativen relaterade till just det blocket. N\u00e4r du har valt ett block kommer n\u00e5gra av alternativen att finnas under fliken Block till h\u00f6ger.<\/p>\n<p>Vissa andra alternativ f\u00f6r samma block kommer att finnas i den \u00f6vre v\u00e4nstra delen av editorn, och det kommer att finnas andra alternativ runt sj\u00e4lva blocket, beroende p\u00e5 den specifika vy du har st\u00e4llt in.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.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-315845-633e541c06c9b.jpg\" alt=\"En kort introduktion till WordPress Gutenberg\"><\/a><\/p>\n<p>Och det \u00e4r ganska mycket det. I sin essens \u00e4r WordPress Gutenberg lika anv\u00e4ndarv\u00e4nlig som Classic Editor, och f\u00f6rmodligen \u00e4nnu mer. Vi rekommenderar att du ger det ett f\u00f6rs\u00f6k och leker med det ett tag. Du kommer att se att du kommer att f\u00e5 ett ganska fast grepp om det p\u00e5 nolltid och du kommer att vara glad \u00f6ver alla f\u00f6rb\u00e4ttringar som f\u00f6ljde med denna f\u00f6r\u00e4ndring.<\/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>Allt du ville veta om den helt nya WordPress Gutenberg-redigeraren men var r\u00e4dd f\u00f6r att fr\u00e5ga finns h\u00e4r i denna korta men informativa 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-369380","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\/369380","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=369380"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/369380\/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=369380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=369380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=369380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}