{"id":30588,"date":"2019-09-12T03:38:38","date_gmt":"2019-09-12T10:38:38","guid":{"rendered":"https:\/\/kinqsta.com\/?p=34914"},"modified":"2019-10-21T15:45:05","modified_gmt":"2019-10-21T15:45:05","slug":"twenty-nineteen-tema","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/","title":{"rendered":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)"},"content":{"rendered":"<p><a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.0<\/a> \u00e4r precis runt h\u00f6rnet, och m\u00e5nga av oss k\u00e4nner oss glada och oroliga samtidigt.\u00a0<a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a> ger en stor f\u00f6r\u00e4ndring i hur vi anv\u00e4nder WordPress, och det finns definitivt viss oro \u00f6ver vad som kommer att h\u00e4nda med v\u00e5ra webbplatser om vi ska uppdatera v\u00e5ra installationer utan att tidigare testa det. Men oroa dig inte, vi har ett inl\u00e4gg om hur du <a href=\"https:\/\/kinqsta.com\/se\/blog\/inaktiverar-gutenberg-wordpress-redigerare\/\" target=\"_blank\" rel=\"noopener noreferrer\">inaktiverar Gutenberg WordPress-redigerare<\/a> (\u00e4ven om det \u00e4r bara tillf\u00e4lligt) f\u00f6r att f\u00f6rhindra teman och plugins som \u00e4nnu inte st\u00f6ds fr\u00e5n att st\u00f6ra v\u00e5ra webbplatser.<\/p>\n<p>Du kan bli f\u00f6rv\u00e5nad \u00f6ver att veta att vi redan anv\u00e4nder WordPress 5.0. Det g\u00f6r vi faktiskt! Som Matt sa p\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/03\/a-plan-for-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress bloggen<\/a>:<\/p>\n<blockquote><p>Om vi h\u00e5ller 5.0-utg\u00e5van till strikt 4.9.8 + Gutenberg, kommer vi att ha en utg\u00e5va som \u00e4r samtidigt stor och en icke-h\u00e4ndelse n\u00e4r det g\u00e4ller ny kod. Allt \u00e4r ordentligt testat. P\u00e5 vissa s\u00e4tt \u00e4r 5.0 redan i praktiken ute bland oss, och n\u00e5gra fram\u00e5tblickande v\u00e4rdar installerar och aktiverar redan Gutenberg f\u00f6r nya installationer.<\/p><\/blockquote>\n<p>Detta inneb\u00e4r att vi redan har WordPress 5.0 p\u00e5 v\u00e5ra servrar: det \u00e4r bara WordPress 4.9.8, med Gutenberg i k\u00e4rnan. Egentligen \u00e4r det inte allt, eftersom WordPress 5.0 kommer med en extra post, som \u00e4r det helt nya <strong>standardtemat Twenty Nineteen<\/strong>.<\/p>\n<figure style=\"width: 1553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/twenty-nineteen-wordpress-tema-1.jpg\" alt=\"Twenty Nineteen WordPress-tema\" width=\"1553\" height=\"1429\"><figcaption class=\"wp-caption-text\">Twenty Nineteen WordPress-tema<\/figcaption><\/figure>\n<p>S\u00e5 l\u00e5t oss dyka in och se vad som \u00e4r nytt.<\/p>\n<ul>\n<li><a href=\"#gutenberg-twenty-nineteen\">Om Gutenberg och Twenty Nineteen<\/a><\/li>\n<li><a href=\"#installing-twenty-nineteen\">Installera Twenty Nineteen<\/a><\/li>\n<li><a href=\"#look-feel-twenty-nineteen-theme\">Utseendet och k\u00e4nslan hos Twenty Nineteen<\/a><\/li>\n<li><a href=\"#theming-for-gutenberg\">Teman f\u00f6r Gutenberg: En Utvecklares Tillv\u00e4gag\u00e5ngss\u00e4tt<\/a><\/li>\n<\/ul>\n<h2 id=\"gutenberg-twenty-nineteen\">Om Gutenberg och Twenty Nineteen<\/h2>\n<p>N\u00e5gra av er kanske ogillar Gutenberg. Debatten om den nya redigeraren \u00e4r l\u00e5ngt ifr\u00e5n \u00f6ver, men \u00f6verv\u00e4g <a href=\"https:\/\/make.wordpress.org\/themes\/2018\/03\/07\/getting-ready-for-gutenberg\/\">Gutenbergs uttalade omfattning<\/a>:<\/p>\n<blockquote><p>Dessa anpassade block \u00e4ndrar hur anv\u00e4ndare, utvecklare och v\u00e4rdar interagerar med WordPress f\u00f6r att bygga rikt webbinneh\u00e5ll enklare och mer intuitivt, och d\u00e4rmed <strong>demokratisera publicering och arbete f\u00f6r alla, oavsett teknisk f\u00f6rm\u00e5ga<\/strong>.<\/p><\/blockquote>\n<p>Detta \u00e4r Gutenbergs syfte, och Twenty Nineteen tar saker och ting ett steg fram\u00e5t, eftersom det byggts med Gutenberg och f\u00f6r Gutenberg. Det \u00e4r ett minimalt, typografi-drivet bloggtema med en enda kolumn-layout, och kan anv\u00e4ndas f\u00f6r att bygga ett brett utbud av webbplatser, fr\u00e5n personliga bloggar till sm\u00e5 f\u00f6retagswebbplatser.<\/p>\n<p>Att skriva om Twenty Nineteen betyder oftast att vi skriver om Gutenberg. I Twenty Nineteen l\u00e5ter Gutenberg anv\u00e4ndare inte bara skapa rikt inneh\u00e5ll utan \u00e4ven att bygga hela sina webbplatser i redigeraren. Enligt Allan Cole p\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/16\/introducing-twenty-nineteen\/\">Make WordPress blogg.<\/a><\/p>\n<blockquote><p>Ger Gutenberg anv\u00e4ndarna en aldrig tidigare sk\u00e5dad niv\u00e5 av frihet att anpassa sin webbplats layout och design. F\u00f6r att fullt ut uppn\u00e5 sin vision beh\u00f6ver anv\u00e4ndarna en ny generation av flexibla teman, byggda f\u00f6r att dra nytta av den kreativa frihet som Gutenberg erbjuder. Med detta i \u00e5tanke, kommer WordPress 5.0 att lanseras med ett helt nytt standardtema: Twenty Nineteen<\/p><\/blockquote>\n<p>I temat Twenty Nineteen \u00e4r Gutenberg mer \u00e4n en inneh\u00e5llsbyggare, <strong>det \u00e4r en webbplatsbyggare<\/strong>, och WordPress-anv\u00e4ndare kan bygga hela sina webbplatser med hj\u00e4lp av dessa block. Och om Gutenberg inte \u00e4r din grej \u00e4nnu, l\u00e4gger de flesta av de popul\u00e4ra <a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-sidbyggare\/\">sidbyggarpluginsen<\/a> ocks\u00e5 till st\u00f6d f\u00f6r Gutenberg.<\/p>\n<p>(F\u00f6reslagen l\u00e4sning: <a href=\"https:\/\/kinqsta.com\/se\/blog\/twenty-twenty-tema\/\">En introduktion till temat Twenty Twenty<\/a>)<\/p>\n\n<h2 id=\"installing-twenty-nineteen\">Installera Twenty Nineteen<\/h2>\n<p>Twenty Nineteen b\u00f6r f\u00f6lja utgivningsplanen f\u00f6r den nya stora WordPress-utg\u00e5van. WordPress 5.0 b\u00f6r dock sl\u00e4ppas den 19 November, och det \u00e4r m\u00f6jligt att en fungerande version av Twenty Nineteen inte kommer att vara klar vid det datumet. Se alla m\u00f6jliga <a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-5-0\/#wordpress-5-release-date\" target=\"_blank\" rel=\"noopener noreferrer\">releasedatum f\u00f6r WordPress 5.0<\/a>. Hur som helst, \u00e4r temat tillg\u00e4ngligt f\u00f6r nedladdning p\u00e5 <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>, och kommer att stanna d\u00e4r tills det sl\u00e5s samman med k\u00e4rnan.<\/p>\n<p>Twenty Nineteen \u00e4r baseras p\u00e5 b\u00e5de <a href=\"https:\/\/github.com\/Automattic\/_s\/\" target=\"_blank\" rel=\"noopener noreferrer\">_s<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg-starter-theme\" target=\"_blank\" rel=\"noopener noreferrer\">gutenberg-starter-theme<\/a> och kommer med Sass. N\u00e4r du har h\u00e4mtat .zip-paketet, extrahera temat och ladda upp\/flytta tema-mappen p\u00e5 <code>\/wp-content\/themes<\/code>-katalogen av din utvecklingsinstallation. Du kan ocks\u00e5 ladda upp det fr\u00e5n din WordPress-panel.<\/p>\n<figure style=\"width: 530px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/ladda-upp-nytt-tema.png\" alt=\"Ladda upp ett nytt tema fr\u00e5n WordPress-panelen\" width=\"530\" height=\"696\"><figcaption class=\"wp-caption-text\">Ladda upp ett nytt tema fr\u00e5n WordPress-panelen<\/figcaption><\/figure>\n<p>Kinsta-klienter kan installera det p\u00e5 sina <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/staging-environment\/\" target=\"_blank\" rel=\"noopener noreferrer\">staging-milj\u00f6er<\/a>. Om du inte hostas med Kinsta kan du fortfarande <a href=\"https:\/\/kinqsta.com\/se\/blog\/installerar-wordpress-lokalt\/\" target=\"_blank\" rel=\"noopener noreferrer\">installera det p\u00e5 din lokala maskin<\/a>.<\/p>\n<figure style=\"width: 1329px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/11\/aktiv-twenty-nineteen-theme.jpg\" alt=\"Twenty Nineteen installerades framg\u00e5ngsrikt\" width=\"1329\" height=\"823\"><figcaption class=\"wp-caption-text\">Twenty Nineteen installerades framg\u00e5ngsrikt<\/figcaption><\/figure>\n<h2 id=\"look-feel-twenty-nineteen-theme\">Utseendet och k\u00e4nslan hos Twenty Nineteen<\/h2>\n<p>Layouten med en kolumn betonar inneh\u00e5llet och passar b\u00e4st till breda och fullbredds-block. Temat st\u00f6der nu ett sidfotsf\u00e4lt och levereras med tre navigeringsmenyer: den <strong>prim\u00e4ra<\/strong> menyn och menyn <strong>sociala l\u00e4nkar<\/strong>, b\u00e5da placerade i sidhuvudet, och <strong>sidfotmenyn<\/strong>, som finns i sidfoten.<\/p>\n<figure style=\"width: 721px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/twenty-nineteen-webbplatstitel.jpg\" alt=\"Twenty Nineteen webbplatstitel\" width=\"721\" height=\"221\"><figcaption class=\"wp-caption-text\">Webbplatstitel, webbplatsbeskrivning och menyer i Twenty Nineteens sidhuvud<\/figcaption><\/figure>\n<p>Bloggsidan ser ut som en vanlig bloggsida med utvalda bilder aktiverade. Enstaka inl\u00e4gg och sidor visar b\u00e4st potentialen i den nuvarande versionen av Gutenberg som webbplatsbyggare.<\/p>\n<p>Eftersom det \u00e4r helt baserat p\u00e5 Gutenberg, \u00e4r Twenty Nineteens funktioner mestadels beroende av Gutenbergs utvecklingscykel och tillg\u00e5ngen av block. Vi kan l\u00e4gga till widget-block, kortkodsblock, gallerier, HTML-kod, och s\u00e5 vidare. Men alla dessa block kommer l\u00e5ngt ifr\u00e5n att t\u00e4cka alla v\u00e5ra behov. Men lyckligtvis har vi flera plugins som till\u00e5ter oss att l\u00e4gga till nya block till Gutenberg, som <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a> och <a href=\"https:\/\/wpstackable.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a>. Det finns till och med projekt som <a href=\"https:\/\/gutenbergcloud.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Cloud<\/a> som har vuxit fram.<\/p>\n<p>Om du tycker att temat ser alltf\u00f6r minimalt ut, t\u00e4nk d\u00e5 p\u00e5 att Twenty Nineteen fortfarande \u00e4r ett p\u00e5g\u00e5ende arbete. Vi \u00e4r inte s\u00e4kra p\u00e5 om det kommer att sl\u00e5s samman i k\u00e4rnan n\u00e4r WordPress 5.0 kommer att sl\u00e4ppas, och vi kan f\u00f6rv\u00e4nta oss flera till\u00e4gg och buggl\u00f6sningar inom n\u00e4rmsta framtiden. Dessutom finns det m\u00e5nga fr\u00e5gor som fortfarande \u00e4r ol\u00f6sta och funktioner som m\u00e5ste genomf\u00f6ras. Nu st\u00f6der Twenty Nineteen undermenyer men inte <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\/243\" target=\"_blank\" rel=\"noopener noreferrer\">Anpassade sidhuvud och Video-sidhuvuden<\/a>. Hur som helst kan vi f\u00f6rv\u00e4nta oss att ytterligare funktioner l\u00e4ggs till inom rimlig tid.<\/p>\n<p>Om du \u00e4r intresserad av temats status, kolla in den <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">fullst\u00e4ndiga listan \u00f6ver problem p\u00e5 Github<\/a>.<\/p>\n<h2 id=\"theming-for-gutenberg\">Teman f\u00f6r Gutenberg: En Utvecklares Tillv\u00e4gag\u00e5ngss\u00e4tt<\/h2>\n<p>Gutenberg ger direkt grundl\u00e4ggande st\u00f6d f\u00f6r blockstilar i teman, och temautvecklare \u00e4r fria att \u00e5sidos\u00e4tta Gutenbergs standardstilar med sina egna stilar. Men utvecklare kan ocks\u00e5 helt utel\u00e4mna anpassade stilar och best\u00e4mma sig f\u00f6r att f\u00f6rlita sig uteslutande p\u00e5 Gutenberg f\u00f6r stilblock p\u00e5 webbplatsens frontend.<\/p>\n<p>Att ha en redigerare som ser ut och k\u00e4nns som det resulterande inneh\u00e5llet f\u00f6rb\u00e4ttrar f\u00f6rfattarens skrivupplevelse och g\u00f6r det m\u00f6jligt f\u00f6r alla att k\u00e4nna sig bekv\u00e4ma med anv\u00e4ndargr\u00e4nssnittet.<\/p>\n<p>Hur som helst kr\u00e4ver vissa Gutenbergs stilar och presentationsfunktioner teman f\u00f6r att uttryckligen l\u00e4gga till st\u00f6d f\u00f6r dem, och detta kan g\u00f6ras genom att anropa<code> <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_theme_supportin<\/a><\/code>\u00a0i <code>functions.php<\/code>-filen n\u00e4r <code><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/after_setup_theme\" target=\"_blank\" rel=\"noopener noreferrer\">after_setup_theme<\/a><\/code>-\u00e5tg\u00e4rden utl\u00f6ses. H\u00e4r \u00e4r ett exempel p\u00e5 en funktionsimplementering:<\/p>\n<pre><code class=\"language-php\">function mytheme_setup() {\n    \/\/ Add support for Block Styles\n    add_theme_support( 'wp-block-styles' );\n}\nadd_action( 'after_setup_theme', 'mytheme_setup' );<\/code><\/pre>\n<p>Nedan listas ett urval av dessa Gutenberg-funktioner, varav n\u00e5gra ocks\u00e5 st\u00f6ds av Twenty Nineteen. Du hittar den fullst\u00e4ndiga listan \u00f6ver funktioner i <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-font-sizes\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg-handboken<\/a>.<\/p>\n<h3>Att L\u00e4gga till St\u00f6d f\u00f6r Gutenberg-block presentationstilar<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2018\/06\/05\/whats-new-in-gutenberg-5th-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ett av m\u00e5len<\/a> f\u00f6r teamet bakom Gutenberg var att bygga ett flexibelt system f\u00f6r formatering inom teman och att komma s\u00e5 n\u00e4ra som m\u00f6jligt &#8221;visuell paritet mellan front-end och redigeraren&#8221;. Syftet \u00e4r att ge anv\u00e4ndaren en korrekt f\u00f6rhandsgranskning av inneh\u00e5llet som det kommer att se ut p\u00e5 frontenden.<\/p>\n<p>F\u00f6r att uppn\u00e5 detta m\u00e5l, var teamet tvungen att separera presentationsstilar och strukturella stilar. Som standard laddas inte presentationsstilar p\u00e5 frontenden f\u00f6r att undvika att p\u00e5verka webbplatsens utseende. Hur som helst kan nya teman dra nytta av Gutenbergs presentationsstilar genom att helt enkelt aktivera dem med f\u00f6ljande registrering (se <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#default-block-styles\" target=\"_blank\" rel=\"noopener noreferrer\">handboken<\/a> f\u00f6r ytterligare detaljer):<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for Block Styles\nadd_theme_support( 'wp-block-styles' );<\/code><\/pre>\n<p>Som du kanske kan f\u00f6rv\u00e4nta dig <strong>st\u00f6der Twenty nineteen Gutenbergs blockstilar<\/strong>. Den enskilda inl\u00e4ggssidan ser p\u00e5 frontenden ut ungef\u00e4r som sidan f\u00f6r att redigera inl\u00e4gget, d\u00e4r den enda skillnaden \u00e4r den utvalda bilden, som visas p\u00e5 ett skrivbord som en bakgrundsbild som t\u00e4cker hela visningsomr\u00e5det. Bilden nedan visar Gutenberg i action p\u00e5 backenden.<\/p>\n<figure style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/gutenberg-wordpress-redigerare .jpg\" alt=\"Gutenberg WordPress-redigerare i helsk\u00e4rmsl\u00e4ge\" width=\"420\" height=\"545\"><figcaption class=\"wp-caption-text\">Gutenberg WordPress-redigerare i helsk\u00e4rmsl\u00e4ge<\/figcaption><\/figure>\n<p>Och h\u00e4r \u00e4r samma inl\u00e4gg p\u00e5 frontenden.<\/p>\n<figure style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/enkild-inlaggsida-twenty-nineteen.jpg\" alt=\"En enskild inl\u00e4ggssida i Twenty Nineteen\" width=\"320\" height=\"836\"><figcaption class=\"wp-caption-text\">En enskild inl\u00e4ggssida i Twenty Nineteen<\/figcaption><\/figure>\n<h3>Breda och fullbreddsjusteringar<\/h3>\n<p>Gutenberg ger ocks\u00e5 tv\u00e5 ytterligare justeringsalternativ: <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#wide-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">bred och fullbreddsjustering<\/a>, men <strong>du kan bara v\u00e4lja bred eller fullbreddsjustering om ditt tema st\u00f6der dem<\/strong>. Om det g\u00f6r det, visar Gutenberg tv\u00e5 ytterligare justeringsikoner.<\/p>\n<figure style=\"width: 317px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/fullbreddsjusteringsknappar .png\" alt=\"Bred och fullbreddsjusteringsknappar i Gutenberg\" width=\"317\" height=\"58\"><figcaption class=\"wp-caption-text\">Bred och fullbreddsjusteringsknappar i Gutenberg<\/figcaption><\/figure>\n<p>Bilden nedan visar <strong>centerjustering<\/strong>, <strong>bred bredd<\/strong> och <strong>fullbredds<\/strong>-bilder i Twenty Nineteen.<\/p>\n<figure style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/justeringsalternativ.jpg\" alt=\"Centerjustering, bred bredd och fullbredd j\u00e4mf\u00f6rda\" width=\"360\" height=\"634\"><figcaption class=\"wp-caption-text\">Centerjustering, bred bredd och fullbredd j\u00e4mf\u00f6rda<\/figcaption><\/figure>\n<p>Temautvecklare kan l\u00e4gga till st\u00f6d f\u00f6r bred och fullbreddsjusteringar genom att aktivera dem i funktionsfilen med ett enda uttryck:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>N\u00e4r vi har lagt till st\u00f6d f\u00f6r bred och fullbreddsjusteringar, b\u00f6r vi ge CSS-uttrycken f\u00f6r ytterligare tv\u00e5 CSS klasser <code>alignfull<\/code> och <code>alignwide<\/code>. Twenty Nineteen ger f\u00f6ljande stilar:<\/p>\n<pre><code class=\"language-css\">.entry-content &gt; *.alignwide,\n.entry-summary &gt; *.alignwide {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n@media only screen and (min-width: 768px) {\n    .entry-content &gt; *.alignwide,\n    .entry-summary &gt; *.alignwide {\n        margin-left: calc(1 * (100vw \/ 12));\n        margin-right: calc(1 * (100vw \/ 12));\n        max-width: calc(10 * (100vw \/ 12));\n  }\n}\n\n.entry-content &gt; *.alignfull,\n.entry-summary &gt; *.alignfull {\n    margin-top: calc(2 * 1rem);\n    margin-right: 0;\n    margin-bottom: calc(2 * 1rem);\n    margin-left: 0;\n    max-width: 100%;\n}\n\n.entry-content .wp-block-image.alignfull img {\n    width: 100vw;\n    margin-left: auto;\n    margin-right: auto;\n}<\/code><\/pre>\n<p>Observera: Var f\u00f6rsiktig n\u00e4r du anv\u00e4nder det h\u00e4r alternativet, eftersom det kan orsaka problem om du byter tema (L\u00e4s mer om detta \u00e4mne p\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/4342\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>).<\/p>\n<h3>Redigeringsstil<\/h3>\n<p><a href=\"https:\/\/codex.wordpress.org\/Editor_Style\" target=\"_blank\" rel=\"noopener noreferrer\">Redigeringsstilen<\/a> \u00e4r en funktion som introducerades med WordPress 3.0 s\u00e5 att temautvecklare kan l\u00e4gga till anpassade stilar till TinyMCE-redigeraren. Gutenberg st\u00f6der ocks\u00e5 den h\u00e4r funktionen, men det fungerar annorlunda \u00e4n den klassiska redigeraren, som laddar stilar direkt i redigerarens iframe. Gutenberg l\u00e4gger till specifika CSS-v\u00e4ljare, eftersom den inte anv\u00e4nder en iframe.<\/p>\n<p>Vi kan l\u00e4gga till st\u00f6d f\u00f6r redigeringsstilar enligt f\u00f6ljande:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for editor styles\nadd_theme_support( 'editor-styles' );\n\/\/ Enqueue editor styles\nadd_editor_style( 'style-editor.css' );<\/code><\/pre>\n<p>Denna funktion st\u00f6ds ocks\u00e5 av Twenty Nineteen. Du kan dyka djupare in i detta \u00e4mne i <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#editor-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Redigeringsstilar i Gutenberg<\/a>.<\/p>\n<h3>Block-f\u00e4rgpaletter<\/h3>\n<p>Gutenberg tillhandah\u00e5ller en generisk f\u00e4rgv\u00e4ljare i redigerarens F\u00e4rginst\u00e4llningar-panel. Temautvecklare kan f\u00f6rb\u00e4ttra det h\u00e4r verktyget genom att l\u00e4gga till anpassade f\u00e4rgpaletter s\u00e5 att anv\u00e4ndarna snabbt kan h\u00e4mta r\u00e4tt f\u00e4rg f\u00f6r blockbakgrund och text. Detta \u00e4r en tv\u00e5stegsprocess:<\/p>\n<p>F\u00f6rst m\u00e5ste vi tillhandah\u00e5lla en rad f\u00e4rger:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-color-palette', array(\n    array(\n        'name' =&gt; __( 'hot pink', 'themeLangDomain' ),\n        'slug' =&gt; 'hot-pink',\n        'color' =&gt; '#f865b0',\n    ),\n    array(\n        'name' =&gt; __( 'classic rose', 'themeLangDomain' ),\n        'slug' =&gt; 'classic-rose',\n        'color' =&gt; '#fbcaef',\n    ),\n) );<\/code><\/pre>\n<p>Sedan m\u00e5ste vi ange motsvarande stilar i temats stilmall:<\/p>\n<pre><code class=\"language-css\">.has-hot-pink-background-color {\n    background-color: #f865b0;\n}\n\n.has-hot-pink-color {\n    color: #f865b0;\n}<\/code><\/pre>\n<p>Klassnamn b\u00f6rjar med <code>has-<\/code>, f\u00f6ljt av f\u00e4rgens slugg skrivet med bindestreck, och slutar med kontexten, som kan vara <code>f\u00e4rg <\/code>eller <code>bakgrundsf\u00e4rg<\/code>.\u00a0F\u00f6r n\u00e4rvarande st\u00f6der Twenty Nineteen inte block-f\u00e4rgpaletter, men vi kan enkelt \u00e4ndra detta med ett <a href=\"https:\/\/kinqsta.com\/se\/blog\/wordpress-barntema\/\" target=\"_blank\" rel=\"noopener noreferrer\">barntema<\/a>.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/block-fargpaletter.png\" alt=\"Block-f\u00e4rgpaletter\" width=\"280\" height=\"244\"><figcaption class=\"wp-caption-text\">En anpassad f\u00e4rgpalett i Gutenberg<\/figcaption><\/figure>\n<p>Om du ist\u00e4llet vill inaktivera en anpassad f\u00e4rgpalett m\u00e5ste du l\u00e4gga till f\u00f6ljande rad i temats eller barntemats functions-fil:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-colors' );<\/code><\/pre>\n<h3>Block-Teckenstorlekar<\/h3>\n<p>Ett tema kan ocks\u00e5 \u00e5sidos\u00e4tta Gutenbergs standardupps\u00e4ttning av teckenstorlekar. H\u00e4r \u00e4r ett exempel p\u00e5 koden du b\u00f6r l\u00e4gga till i functions-filen:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-font-sizes', array(\n    array(\n        'name' =&gt; __( 'extra-small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XS', 'themeLangDomain' ),\n        'size' =&gt; 10,\n        'slug' =&gt; 'extra-small'\n    ),\n    array(\n        'name' =&gt; __( 'small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'S', 'themeLangDomain' ),\n        'size' =&gt; 12,\n        'slug' =&gt; 'small'\n    ),\n    array(\n        'name' =&gt; __( 'regular', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'M', 'themeLangDomain' ),\n        'size' =&gt; 16,\n        'slug' =&gt; 'regular'\n    ),\n    array(\n        'name' =&gt; __( 'large', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'L', 'themeLangDomain' ),\n        'size' =&gt; 26,\n        'slug' =&gt; 'large'\n    ),\n    array(\n        'name' =&gt; __( 'larger', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XL', 'themeLangDomain' ),\n        'size' =&gt; 36,\n        'slug' =&gt; 'larger'\n    ),\n    array(\n        'name' =&gt; __( 'huge', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XXL', 'themeLangDomain' ),\n        'size' =&gt; 56,\n        'slug' =&gt; 'huge'\n    )\n) );<\/code><\/pre>\n<p>De nya teckenstorlekarna l\u00e4ggs till i teckenstorleksv\u00e4ljaren i Gutenbergs Textinst\u00e4llningar.<\/p>\n<figure style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/10\/teckenstorlekar.png\" alt=\"Anpassade teckenstorlekar i Gutenberg\" width=\"336\" height=\"423\"><figcaption class=\"wp-caption-text\">Anpassade teckenstorlekar i Gutenberg<\/figcaption><\/figure>\n<p>D\u00e4refter m\u00e5ste vi ange motsvarande stilar i temats stilmall. Klassnamnet b\u00f6r b\u00f6rja med <code>has-<\/code>, f\u00f6ljt av teckenstorlekens namn separerat med bindestreck och sluta med <code>-font-size<\/code>.<\/p>\n<pre><code class=\"language-css\">.has-huge-font-size {\n    font-size: 56px;\n}<\/code><\/pre>\n<p>Twenty Nineteen ger inte specifika teckenstorlekar och bygger p\u00e5 Gutenbergs standardv\u00e4rden.<\/p>\n<p>Observera: Kom ih\u00e5g att f\u00f6r att f\u00e5 all denna kod att fungera b\u00f6r du ansluta den genom <code>after_setup_theme-\u00e5tg\u00e4rden<\/code>.<\/p>\n<h2>Sammanfattning<\/h2>\n<p>Twenty Nineteen kan fungera bra f\u00f6r personliga bloggar, och du kan t\u00e4nka p\u00e5 det mer som en vit duk \u00e4n ett fullt fungerande WordPress-tema. En s\u00e5 minimal approach kan vara lite begr\u00e4nsande n\u00e4r det g\u00e4ller att bygga webbplatser f\u00f6r f\u00f6retag och e-handel, men oroa dig inte: nya funktioner b\u00f6r tillkomma inom kort, och vi skulle kunna se en mer kraftfull version av Twenty Nineteen snart.<\/p>\n<p>Under tiden kan du ocks\u00e5 titta p\u00e5 n\u00e5gra teman som redan st\u00f6der Gutenberg. <a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks,<\/a> <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeneratePress<\/a>, <a href=\"https:\/\/themeforest.net\/item\/gutentype-gutenberg-wordpress-blog-theme\/22486033\" target=\"_blank\" rel=\"noopener noreferrer\">Gutentype<\/a> och <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-feature-update-introducing-initial-gutenberg-support\" target=\"_blank\" rel=\"noopener noreferrer\">Divi<\/a> f\u00f6r att n\u00e4mna n\u00e5gra, men m\u00e5nga andra borde komma snart. Eftersom WordPress 5.0 n\u00e4rmar sig s\u00e5 snabbt, \u00e4r st\u00f6d f\u00f6r Gutenberg inte valfritt, och temautvecklare b\u00f6r omfamna den nya WordPress-redigeraren s\u00e5 snart som m\u00f6jligt f\u00f6r att h\u00e5lla steget f\u00f6re konkurrensen.<\/p>\n<p>Har du installerat Twenty Nineteen eller n\u00e5got annat tema som st\u00f6der Gutenberg? Vi vill g\u00e4rna h\u00f6ra dina tankar i kommentarerna nedan.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 \u00e4r precis runt h\u00f6rnet, och m\u00e5nga av oss k\u00e4nner oss glada och oroliga samtidigt.\u00a0Gutenberg ger en stor f\u00f6r\u00e4ndring i hur vi anv\u00e4nder WordPress, och &#8230;<\/p>\n","protected":false},"author":36,"featured_media":30600,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[37,29],"topic":[],"class_list":["post-30588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)<\/title>\n<meta name=\"description\" content=\"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)\" \/>\n<meta property=\"og:description\" content=\"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-12T10:38:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-21T15:45:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/12\/wordpress-installation-instrumentpanel.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1598\" \/>\n\t<meta property=\"og:image:height\" content=\"987\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/10\/twenty-nineteen-theme.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)\",\"datePublished\":\"2019-09-12T10:38:38+00:00\",\"dateModified\":\"2019-10-21T15:45:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\"},\"wordCount\":2167,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"De b\u00e4sta handledningarna f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\",\"url\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\",\"name\":\"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png\",\"datePublished\":\"2019-09-12T10:38:38+00:00\",\"dateModified\":\"2019-10-21T15:45:05+00:00\",\"description\":\"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Nineteen tema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/se\/#website\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinqsta.com\/se\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)","description":"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/","og_locale":"sv_SE","og_type":"article","og_title":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)","og_description":"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.","og_url":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2019-09-12T10:38:38+00:00","article_modified_time":"2019-10-21T15:45:05+00:00","og_image":[{"width":1598,"height":987,"url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/12\/wordpress-installation-instrumentpanel.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2018\/10\/twenty-nineteen-theme.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Carlo Daniele","Ber\u00e4knad l\u00e4stid":"12 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)","datePublished":"2019-09-12T10:38:38+00:00","dateModified":"2019-10-21T15:45:05+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/"},"wordCount":2167,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png","keywords":["Gutenberg","WordPress"],"articleSection":["De b\u00e4sta handledningarna f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/","url":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/","name":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png","datePublished":"2019-09-12T10:38:38+00:00","dateModified":"2019-10-21T15:45:05+00:00","description":"Twenty Nineteen \u00e4r det helt nya WordPress 5.0-standardtemat och det handlar om Gutenberg. Kolla in vad som \u00e4r nytt i temautveckling med Gutenberg.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#primaryimage","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-nineteen-tema.png","width":1460,"height":730,"caption":"Twenty Nineteen tema"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/se\/blog\/twenty-nineteen-tema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Introduktion till temat Twenty Nineteen (Teman f\u00f6r Gutenberg)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/se\/#website","url":"https:\/\/kinqsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinqsta.com\/se\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/30588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/comments?post=30588"}],"version-history":[{"count":4,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/30588\/revisions"}],"predecessor-version":[{"id":30887,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/30588\/revisions\/30887"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/fr"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/dk"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/translations\/se"},{"href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/30588\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media\/30600"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media?parent=30588"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/tags?post=30588"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/topic?post=30588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}