{"id":28779,"date":"2021-11-22T10:50:38","date_gmt":"2021-11-22T10:50:38","guid":{"rendered":"https:\/\/kinsta.com\/?p=11648"},"modified":"2022-08-16T10:46:35","modified_gmt":"2022-08-16T10:46:35","slug":"wordpress-gutenberg-redigeraren","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/","title":{"rendered":"Djupdykning i den senaste Gutenberg-redigeraren f\u00f6r WordPress (2026)"},"content":{"rendered":"

N\u00e4r WordPress blockredigerare, eller Gutenberg, lanserades i december \u00e5r 2018<\/a> visste vi inte vad vi skulle f\u00f6rv\u00e4nta oss. Vi hade visserligen haft gott om tid p\u00e5 oss att leka med betaversionen, men vi kunde inte f\u00f6ruts\u00e4ga hur smidigt den faktiska lanseringen skulle g\u00e5. Vi f\u00f6ruts\u00e5g inte heller hur ivrigt anv\u00e4ndare och utvecklare skulle omfamna den nya redigeraren.<\/p>\n

Vi har sett hur Gutenberg-redigeraren har f\u00e5tt en enorm tillv\u00e4xt under de ca tv\u00e5 \u00e5r som g\u00e5tt sedan vi f\u00f6rst publicerade det h\u00e4r inl\u00e4gget. Den har formats fr\u00e5n en produktlansering som n\u00e4tt och j\u00e4mnt var genomf\u00f6rbar (MVP) till ett mer moget projekt som n\u00e4rmar sig m\u00e5let att skapa Full Site Editing<\/a> f\u00f6r WordPress.<\/p>\n

Med dessa f\u00f6r\u00e4ndringar i \u00e5tanke, har vi \u00e5terbes\u00f6kt Gutenberg-redigeraren f\u00f6r att visa dig hur den fungerar idag, och \u00e4ven vilken utveckling som v\u00e4ntar i framtiden.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Vad \u00e4r blockredigeraren Gutenberg?<\/h2>\n

Gutenberg, alternativt k\u00e4nd som ”WordPress blockredigerare” eller bara ”WordPress redigerare”, \u00e4r WordPress inneh\u00e5llsredigerare som introducerades i WordPress 5.0<\/a>, och sl\u00e4pptes den 6 december 2018.<\/p>\n

Det \u00e4r standardredigeraren som alla WordPress-webbplatser anv\u00e4nder om man inte har inaktiverat den, och ser ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n

\"Gutenberg
Gutenberg WordPress-redigerare.<\/figcaption><\/figure>\n

Den stora skillnaden mellan WordPress-redigeraren Gutenberg och den tidigare WordPress-redigeraren (nu kallad ”klassisk redigerare” eller ”TinyMCE-redigerare”) \u00e4r en ny blockbaserad metod f\u00f6r att skapa inneh\u00e5ll.<\/p>\n

Med Gutenberg \u00e4r varje element i ditt inneh\u00e5ll ett block, vilket m\u00f6jligg\u00f6r en enkel manipulering av inneh\u00e5ll. Varje stycke \u00e4r ett block, varje bild \u00e4r ett block, varje knapp \u00e4r ett block \u2013 ja du fattar!<\/p>\n

Tredjepartsutvecklare kan \u00e4ven skapa anpassade block, vilket g\u00f6r att man slipper WordPress kr\u00e5ngel med kortkoder<\/a>. L\u00e5t oss s\u00e4ga att du vill b\u00e4dda in ett kontaktformul\u00e4r<\/a>. Ist\u00e4llet f\u00f6r att beh\u00f6va l\u00e4gga till en kortkod (t.ex. `[your-form-shortcode]`)) som du gjorde tidigare, kan du nu bara sl\u00e4ppa ner blocket f\u00f6r ditt formul\u00e4rs plugin.<\/p>\n

Ut\u00f6ver detta kan du \u00e4ven anv\u00e4nda block f\u00f6r att skapa mer komplexa layouter. Du kan exempelvis st\u00e4lla in en design med flera kolumner eller gruppera block f\u00f6r att skapa en sammanh\u00e4ngande sektion.<\/p>\n

N\u00e4r vi djupdyker i hur du anv\u00e4nder blockredigeraren f\u00e5r du en b\u00e4ttre uppfattning om hur du kan anv\u00e4nda block f\u00f6r att f\u00f6rb\u00e4ttra ditt inneh\u00e5llsskapande.<\/p>\n\n

Gutenberg \u00e4r inte bara en inneh\u00e5llsredigerare<\/h3>\n

En viktig sak att f\u00f6rst\u00e5 \u00e4r att Gutenberg-projektet syftar till att vara mer \u00e4n bara en inneh\u00e5llsredigerare.<\/p>\n

I juli \u00e5r 2021 \u00e4r Gutenberg fortfarande bara en inneh\u00e5llsredigerare (f\u00f6r det mesta). Men det l\u00e5ngsiktiga m\u00e5let f\u00f6r Gutenberg \u00e4r att landa i n\u00e5got som kallas Full Site Editing<\/strong>.<\/p>\n

Tanken med Full Site Editing \u00e4r att du ska kunna designa 100% av din webbplats med Gutenberg-redigeraren. I st\u00e4llet f\u00f6r att vara begr\u00e4nsad till rubrikalternativen som inkluderas i ditt WordPress-tema<\/a>, kommer du exempelvis att kunna nyttja Gutenberg f\u00f6r att utforma anpassade rubriker med blockredigeraren.<\/p>\n

Den h\u00e4r typen av funktioner \u00e4r inte tillg\u00e4ngliga \u00e4nnu<\/em>, men det \u00e4r p\u00e5 g\u00e5ng, och vi har n\u00e5gra ”proof of concept” -projekt som vi kommer att titta p\u00e5 i slutet av det h\u00e4r inl\u00e4gget.<\/p>\n

F\u00f6rdelar och nackdelar med Gutenberg vs popul\u00e4ra alternativ<\/h2>\n

Efter att ha kunnat anv\u00e4nda WordPress blockredigerare i \u00f6ver tv\u00e5 \u00e5r har vi f\u00e5tt en bra uppfattning om n\u00e5gra av f\u00f6rdelarna och nackdelarna med Gutenberg vs andra l\u00f6sningar.<\/p>\n

Det finns tv\u00e5 huvudalternativ f\u00f6r att skapa inneh\u00e5ll<\/a> p\u00e5 WordPress:<\/p>\n