{"id":22621,"date":"2018-11-02T09:40:47","date_gmt":"2018-11-02T16:40:47","guid":{"rendered":"https:\/\/kinsta.com\/?p=34914"},"modified":"2023-02-02T14:04:42","modified_gmt":"2023-02-02T13:04:42","slug":"il-tema-twenty-nineteen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/","title":{"rendered":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.0<\/a> \u00e8 dietro l&#8217;angolo e molti di noi potrebbero sentirsi eccitati e preoccupati allo stesso tempo. <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a> porter\u00e0 un grande cambiamento nel modo in cui usiamo WordPress, e sicuramente ci sar\u00e0 qualche preoccupazione su cosa potrebbe accadere ai nostri siti web se dovessimo aggiornare le nostre installazioni senza prima fare dei test. Ma non preoccupatevi troppo: abbiamo gi\u00e0 pubblicato un post su come <a href=\"https:\/\/kinsta.com\/it\/blog\/disabilitare-editor-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">disattivare Gutenberg, l&#8217;editor di WordPress<\/a> (anche se solo temporaneamente), al fine di evitare che temi e plugin non supportati blocchino i nostri siti web.<\/p>\n<p>Potreste essere sorpresi di sapere che noi tutti stiamo gi\u00e0 utilizzando WordPress 5.0. E in effetti \u00e8 cos\u00ec! Matt ha dichiarato sul <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/03\/a-plan-for-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog Make WordPress<\/a>:<\/p>\n<blockquote><p>Se manteniamo la versione 5.0 rigorosamente alla 4.9.8 + Gutenberg, avremo una release che \u00e8 una major release e allo stesso tempo un nulla in termini di nuovo codice. \u00c8 stato tutto testato sul campo. In qualche modo, la 5.0 \u00e8 gi\u00e0 di fatto in circolazione, con alcuni host previdenti che hanno gi\u00e0 installato e attivato Gutenberg per le nuove installazioni.<\/p><\/blockquote>\n<p>Questo significa che abbiamo gi\u00e0 WordPress 5.0 in esecuzione sui nostri server: \u00e8 proprio WordPress 4.9.8, con Gutenberg nel Core. In realt\u00e0, non \u00e8 proprio tutto, perch\u00e9 WordPress 5.0 sar\u00e0 dotato di una entry aggiuntiva, ossia il nuovissimo <strong>tema predefinito Twenty Nineteen<\/strong>.<\/p>\n<figure style=\"width: 1553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/il-tema-di-WordPress-Twenty-Nineteen.jpg\" alt=\"Il Tema di WordPress Twenty Nineteen\" width=\"1553\" height=\"1429\"><figcaption class=\"wp-caption-text\">Il Tema di WordPress Twenty Nineteen<\/figcaption><\/figure>\n<p>Quindi immergiamoci e vediamo cosa c&#8217;\u00e8 di nuovo.<\/p>\n<ul>\n<li><a href=\"#gutenberg-twenty-nineteen\">Gutenberg e Twenty Nineteen<\/a><\/li>\n<li><a href=\"#installare-twenty-nineteen\">Installare Twenty Nineteen<\/a><\/li>\n<li><a href=\"#come-si-presenta-twenty-nineteen\">Come si Presenta Twenty Nineteen<\/a><\/li>\n<li><a href=\"#sviluppare-temi-per-gutenberg\">Sviluppare Temi per Gutenberg: Un Approccio da Sviluppatore<\/a><\/li>\n<\/ul>\n<h2 id=\"gutenberg-twenty-nineteen\">Gutenberg e Twenty Nineteen<\/h2>\n<p>Ad alcuni potrebbe non piacere Gutenberg. In pi\u00f9, il dibattito sul nuovo editor \u00e8 lontano dall&#8217;essersi esaurito. Ma si consideri lo <a href=\"https:\/\/make.wordpress.org\/themes\/2018\/03\/07\/getting-ready-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">scopo dichiarato di Gutenberg<\/a>:<\/p>\n<blockquote><p>Questi blocchi personalizzati cambiano il modo in cui utenti, sviluppatori e host interagiscono con WordPress per creare contenuti web avanzati in modo pi\u00f9 facile e intuitivo, <strong>democratizzando la pubblicazione e il lavoro di tutti, indipendentemente dalle conoscenze tecniche<\/strong>.<\/p><\/blockquote>\n<p>Questo \u00e8 ci\u00f2 a cui mira Gutenberg, e in questo senso Twenty Nineteen ci porta un passo avanti, essendo costruito con Gutenberg e per Gutenberg. \u00c8 un tema per blog minimale, con un approccio tipografico e con un layout a una sola colonna, e pu\u00f2 essere utilizzato per creare una vasta gamma di siti Web, dai blog personali ai siti web di piccole aziende.<\/p>\n<p>Scrivere di Twenty Nineteen significa soprattutto scrivere di Gutenberg. In Twenty Nineteen, Gutenberg consente agli utenti non solo di creare contenuti avanzati, ma anche di costruire nell&#8217;editor i loro interi siti web. Secondo quanto afferma Allan Cole sul <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/16\/introducing-twenty-nineteen\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog Make WordPress<\/a>,<\/p>\n<blockquote><p>Gutenberg garantisce agli utenti un livello di libert\u00e0 senza precedenti per personalizzare il layout e il design del proprio sito. Per raggiungere pienamente la loro vision, gli utenti avranno bisogno di una nuova generazione di temi flessibili, costruiti per sfruttare la libert\u00e0 creativa offerta da Gutenberg.<br \/>\nAvendo questo in mente, WordPress 5.0 verr\u00e0 rilasciato con un nuovo tema predefinito: Twenty Nineteen<\/p><\/blockquote>\n<p>Nel tema Twenty Nineteen, Gutenberg \u00e8 pi\u00f9 che un content builder, <strong>\u00e8 un site builder<\/strong> e gli utenti di WordPress potranno costruire i loro interi siti web sfruttando i blocchi. E se pensate che Gutenberg non \u00e8 ancora roba per voi, gli sviluppatori della maggior parte dei pi\u00f9 popolari <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin di page builder<\/a> si stanno gi\u00e0 attivando per fornire supporto per Gutenberg.<\/p>\n<p>(Lettura suggerita: <a href=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\">Introduzione al tema dei Twenty Twenty<\/a>)<\/p>\n\n<h2 id=\"installare-twenty-nineteen\">Installare Twenty Nineteen<\/h2>\n<p>Twenty Nineteen dovrebbe seguire il piano di rilascio della nuova major release di WordPress. Tuttavia, WordPress 5.0 dovrebbe essere rilasciato il 19 novembre, ed \u00e8 possibile che una versione funzionante di Twenty Nineteen non sia pronta entro quella data. Ecco tutte le possibili <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-0\/#wordpress-5-release-date\" target=\"_blank\" rel=\"noopener noreferrer\">date di rilascio di WordPress 5.0<\/a>. Ad ogni modo, il tema \u00e8 disponibile per il download su <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a> e ci rimarr\u00e0 fino a quando non sar\u00e0 inserito nel Core.<\/p>\n<p>Twenty Nineteen \u00e8 basato su <a href=\"https:\/\/github.com\/Automattic\/_s\/\" target=\"_blank\" rel=\"noopener noreferrer\">_s<\/a> e su <a href=\"https:\/\/github.com\/WordPress\/gutenberg-starter-theme\" target=\"_blank\" rel=\"noopener noreferrer\">gutenberg-starter-theme<\/a> e viene fornito con Sass. Una volta scaricato il pacchetto .zip, estraete il tema e caricate\/spostate la cartella contenente il tema nella directory <code>\/wp-content\/themes<\/code> della vostra installazione di sviluppo. Potete anche caricarlo dalla dashboard di WordPress.<\/p>\n<figure style=\"width: 530px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/aggiungi-nuovo-tema.png\" alt=\"Aggiungi nuovo tema\" width=\"530\" height=\"696\"><figcaption class=\"wp-caption-text\">Caricamento di un nuovo tema dalla dashboard di WordPress<\/figcaption><\/figure>\n<p>I clienti di Kinsta possono installarlo nei loro <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\" target=\"_blank\" rel=\"noopener noreferrer\">ambienti di staging<\/a>. Se non siete con Kinsta, potrete sempre <a href=\"https:\/\/kinsta.com\/it\/blog\/installare-wordpress-in-locale\/\" target=\"_blank\" rel=\"noopener noreferrer\">installarlo sul vostro computer locale<\/a>.<\/p>\n<figure style=\"width: 1329px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen-attivo.jpg\" alt=\"Twenty Nineteen installato con successo\" width=\"1329\" height=\"823\"><figcaption class=\"wp-caption-text\">Twenty Nineteen installato con successo<\/figcaption><\/figure>\n<h2 id=\"come-si-presenta-twenty-nineteen\">Come si Presenta Twenty Nineteen<\/h2>\n<p>Il layout a colonna singola enfatizza il contenuto e si adatta al meglio a blocchi di larghezza piena e ampia. Il tema ora supporta una sidebar nel footer e dispone di tre menu di navigazione: il menu <strong>Primary<\/strong> e <strong>Social Links Menu<\/strong>, entrambi posizionati nell&#8217;header della pagina, e il <strong>Footer Menu<\/strong>, posizionato nel footer.<\/p>\n<figure style=\"width: 721px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/header-di-twenty-nineteen.jpg\" alt=\"Header di Twenty Nineteen\" width=\"721\" height=\"221\"><figcaption class=\"wp-caption-text\">Titolo del sito, descrizione e menu nell&#8217;header di Twenty Nineteen<\/figcaption><\/figure>\n<p>La pagina del blog appare come una normale pagina di blog con le immagini in primo piano abilitate. Post singoli e pagine mostrano al meglio il potenziale della versione corrente di Gutenberg come site builder.<\/p>\n<p>Dato che \u00e8 totalmente basato su Gutenberg, le funzionalit\u00e0 di Twenty Nineteen dipendono principalmente dal ciclo di sviluppo di Gutenberg e dalla disponibilit\u00e0 di blocchi. Possiamo aggiungere blocchi widget, blocchi shortcode, gallerie, codice HTML e cos\u00ec via. Tuttavia, tutti questi blocchi sono ben lontani dal soddisfare tutti le nostre necessit\u00e0. Ma fortunatamente abbiamo diversi plugin che ci permettono di aggiungere nuovi blocchi a Gutenberg, come <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> e <a href=\"https:\/\/wpstackable.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a>. Sono spuntati fuori anche progetti come il <a href=\"https:\/\/gutenbergcloud.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Cloud<\/a>.<\/p>\n<p>Se pensate che il tema sia troppo minimale, tenete in considerazione che Twenty Nineteen \u00e8 ancora in pieno sviluppo. Non siamo sicuri se sar\u00e0 incorporato nel Core per quando sar\u00e0 rilasciato WordPress 5.0, e possiamo aspettarci diverse aggiunte e risoluzioni di bug nel prossimo futuro. Inoltre, ci sono molti problemi non ancora risolti e funzionalit\u00e0 che devono essere implementate. Ora Twenty Nineteen supporta i sottomenu, ma non <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\/243\" target=\"_blank\" rel=\"noopener noreferrer\">Custom Header e Video Header<\/a>. Tuttavia ci dobbiamo aspettare senz&#8217;altro funzionalit\u00e0 aggiuntive in un ragionevole lasso di tempo.<\/p>\n<p>Se vi interessa conoscere lo stato del tema, consultate l&#8217;<a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">elenco completo delle issue aperte su Github<\/a>.<\/p>\n<h2 id=\"sviluppare-temi-per-gutenberg\">Sviluppare Temi per Gutenberg: Un Approccio da Sviluppatore<\/h2>\n<p>Cos\u00ec com&#8217;\u00e8, Gutenberg fornisce un supporto di base per gli stili dei blocchi nei temi e gli sviluppatori di temi sono liberi di ridefinire gli stili predefiniti di Gutenberg con i loro stili personalizzati. Ma gli sviluppatori possono anche omettere completamente gli stili personalizzati e decidere di affidarsi esclusivamente a Gutenberg per definire gli stili dei blocchi cos\u00ec come saranno visualizzati nella parte frontale del sito.<\/p>\n<p>Avere un editor che abbia lo stesso aspetto del contenuto finale migliora l&#8217;esperienza di scrittura dell&#8217;autore e consente a chiunque di sentirsi a proprio agio con l&#8217;interfaccia utente.<\/p>\n<p>Ad ogni modo, alcuni stili e funzionalit\u00e0 legate alla presentazione di Gutenberg richiedono che i temi dichiarino espressamente il loro supporto, e questo pu\u00f2 essere fatto invocando la funzione <code><a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_theme_support<\/a><\/code> nel file <code>functions.php<\/code> nel momento in cui viene attivata l&#8217;azione <code><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/after_setup_theme\" target=\"_blank\" rel=\"noopener noreferrer\">after_setup_theme<\/a><\/code>. Ecco un esempio di implementazione di una funzionalit\u00e0:<\/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>Di seguito esponiamo una selezione di queste funzionalit\u00e0 di Gutenberg, alcune delle quali sono supportate anche da Twenty Nineteen. Troverete l&#8217;elenco completo delle funzionalit\u00e0 nel <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-font-sizes\" target=\"_blank\" rel=\"noopener noreferrer\">Manuale di Gutenberg<\/a>.<\/p>\n<h3>Aggiungere il Supporto degli Stili di Presentazione dei Blocchi di Gutenberg<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2018\/06\/05\/whats-new-in-gutenberg-5th-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Uno degli obiettivi<\/a> del team che sta dietro Gutenberg era quello di costruire un sistema flessibile per lo styling all&#8217;interno dei temi e avvicinarsi il pi\u00f9 possibile alla parit\u00e0 visiva tra front-end ed editor&#8221;. Lo scopo \u00e8 quello di fornire all&#8217;utente un&#8217;anteprima accurata del contenuto cos\u00ec come apparir\u00e0 nella parte frontale del sito.<\/p>\n<p>Per raggiungere questo obiettivo, il team ha dovuto separare stili di presentazione dagli stili strutturali. Di default, gli stili di presentazione non vengono caricati sul front-end per non influenzare l&#8217;aspetto del sito. Tuttavia, i nuovi temi possono trarre vantaggio dagli stili di presentazione di Gutenberg semplicemente abilitandoli con la seguente registrazione (si veda il <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#default-block-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Manuale<\/a> per maggiori dettagli):<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for Block Styles\nadd_theme_support( 'wp-block-styles' );<\/code><\/pre>\n<p>Come potete ben immaginare, <strong>Twenty Nineteen supporta gli stili dei blocco di Gutenberg<\/strong>. La pagina dei singoli post appare sul front-end molto simile alla pagina di editing, con la sola differenza dell&#8217;immagine in evidenza, che viene visualizzata su desktop come immagine di sfondo che copre l&#8217;intero viewport. L&#8217;immagine qui sotto mostra Gutenberg in azione nel back-end.<\/p>\n<figure style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/editor-wordpress-gutenberg-1.jpg\" alt=\"L'editor di WordPress Gutenberg\" width=\"420\" height=\"545\"><figcaption class=\"wp-caption-text\">L&#8217;editor di WordPress Gutenberg in modalit\u00e0 full-screen<\/figcaption><\/figure>\n<p>Ed ecco lo stesso post nella parte frontale del sito.<\/p>\n<figure style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/pagina-singolo-post-in-twenty-nineteen-1.jpg\" alt=\"La pagina di un singolo post Twenty Nineteen\" width=\"320\" height=\"836\"><figcaption class=\"wp-caption-text\">La pagina di un singolo post Twenty Nineteen<\/figcaption><\/figure>\n<h3>Allineamento Wide e Full<\/h3>\n<p>Gutenberg offre anche due opzioni di allineamento aggiuntive: allineamento ampio e a larghezza intera (&#8220;wide&#8221; e &#8220;full&#8221;), ma <strong>\u00e8 possibile selezionare l&#8217;allineamento Wide o Full solo se il tema li supporta<\/strong>. Se il tema li supporta, Gutenberg mostrer\u00e0 due icone di allineamento aggiuntive.<\/p>\n<figure style=\"width: 317px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/pulsanti-opzioni-allineamento.png\" alt=\"Pulsanti delle opzioni di allineamento\" width=\"317\" height=\"58\"><figcaption class=\"wp-caption-text\">Pulsanti di allineamento Wide and Full width in Gutenberg<\/figcaption><\/figure>\n<p>L&#8217;immagine che segue mostra la stessa immagine con <strong>allineamento al centro<\/strong>, <strong>allineamento Wide<\/strong> e <strong>allineamento Full-width<\/strong> in Twenty Nineteen.<\/p>\n<figure style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/opzioni-allineamento-1.jpg\" alt=\"Opzioni di allineamento\" width=\"360\" height=\"634\"><figcaption class=\"wp-caption-text\">Allineamento al centro, Wide width e Full-width a confronto<\/figcaption><\/figure>\n<p>Gli sviluppatori di temi possono aggiungere il supporto per gli allineamenti Wide e Full abilitandoli nel file <code>functions.php<\/code> con una singola istruzione:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Una volta aggiunto il supporto per gli allineamenti Wide e Full, dovremmo fornire le dichiarazioni CSS per due ulteriori classi CSS: <code>alignfull<\/code> e <code>alignwide<\/code>. Twenty Nineteen dispone dei seguenti stili:<\/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>Nota: fate attenzione quando utilizzate questa opzione, perch\u00e9 potrebbe causarvi problemi se cambiate tema (di pi\u00f9 su questo argomento su <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/4342\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>).<\/p>\n<h3>Lo Stile dell&#8217;Editor<\/h3>\n<p>Lo <a href=\"https:\/\/codex.wordpress.org\/Editor_Style\" target=\"_blank\" rel=\"noopener noreferrer\">Stile dell&#8217;Editor<\/a> \u00e8 una funzionalit\u00e0 introdotta con WordPress 3.0 che consente agli sviluppatori di temi di aggiungere stili personalizzati all&#8217;editor TinyMCE. Anche Gutenberg supporta questa funzionalit\u00e0, anche se funziona in modo diverso rispetto all&#8217;Editor classico, che carica gli stili direttamente nell&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/incorporare-video-youtube-wordpress\/\">iframe<\/a> dell&#8217;editor. Gutenberg, invece, aggiunge specifici selettori CSS, in quanto non utilizza un iframe.<\/p>\n<p>Possiamo aggiungere il supporto per gli stili dell&#8217;editor come segue:<\/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>Questa funzionalit\u00e0 \u00e8 supportata anche da Twenty Nineteen. Per saperne di pi\u00f9, potete approfondire leggendo <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#editor-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Editor Style in Gutenberg<\/a>.<\/p>\n<h3>Palette dei Colori dei Blocchi<\/h3>\n<p>Gutenberg fornisce un selettore di colori generico nel pannello delle Impostazioni Colore dell&#8217;editor. Gli sviluppatori di temi possono potenziare questo strumento aggiungendo tavolozze di colori personalizzate che consentono agli utenti di selezionare rapidamente il colore giusto per lo sfondo e per il testo dei blocchi. \u00c8 un processo in due fasi:<\/p>\n<p>Innanzitutto, dobbiamo fornire un array di colori:<\/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>Quindi dobbiamo dichiarare gli stili corrispondenti nel foglio di stile del tema:<\/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>I nomi delle classi iniziano con <code>has-<\/code>, seguiti dallo slug del colore in &#8220;kebab case&#8221; e finiscono con il contesto, che pu\u00f2 essere <code>color<\/code> o <code>background-color<\/code>. Attualmente, Twenty Nineteen non supporta le palette dei colori dei blocchi, ma possiamo facilmente aggiungere il supporto con un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">child theme<\/a>.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/palette-colori-blocco.png\" alt=\"Palette di colori di blocco\" width=\"280\" height=\"244\"><figcaption class=\"wp-caption-text\">Una palette di colori personalizzati in Gutenberg<\/figcaption><\/figure>\n<p>Al contrario, se si desidera disabilitare una palette di colori personalizzata, \u00e8 necessario aggiungere la seguente riga al file delle funzioni del tema o del child theme:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-colors' );<\/code><\/pre>\n<h3>Dimensioni dei Caratteri dei Blocchi<\/h3>\n<p>Un tema pu\u00f2 anche ignorare il set predefinito di caratteri di Gutenberg. Ecco un esempio del codice da aggiungere al file <code>functions.php<\/code>:<\/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>Le nuove dimensioni dei caratteri verranno aggiunte al selettore delle dimensioni dei font nelle Impostazioni del Testo di Gutenberg.<\/p>\n<figure style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/10\/dimensioni-font.png\" alt=\"Dimensioni font personalizzate in Gutenberg\" width=\"336\" height=\"423\"><figcaption class=\"wp-caption-text\">Dimensioni font personalizzate in Gutenberg<\/figcaption><\/figure>\n<p>Succeddivamente, bisogna dichiarare gli stili corrispondenti nel foglio di stile del tema. Il nome della classe deve iniziare con <code>has-<\/code>, seguito dal nome della dimensione del font in &#8220;kebab case&#8221; e terminare con <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 non fornisce dimensioni dei caratteri specifiche e fa affidamento sui valori predefiniti di Gutenberg.<\/p>\n<p>Nota: ricordate che, per far funzionare tutto il codice presentato qui sopra, bisogna agganciarlo all&#8217;azione <code>after_setup_theme<\/code>.<\/p>\n<h2>Riepilogo<\/h2>\n<p>Twenty Nineteen pu\u00f2 andar bene per i blog personali, e potreste vederlo pi\u00f9 come un canvas che come un tema WordPress completo di tutte le funzionalit\u00e0. Un approccio cos\u00ec minimale potrebbe, inoltre, essere un po&#8217; limitante quando bisogna costruire siti web per le aziende e per l&#8217;e-commerce, ma non allarmatevi: nuove funzionalit\u00e0 dovrebbero essere implementate a breve, e presto potremmo vedere una versione pi\u00f9 potente di Twenty Nineteen.<\/p>\n<p>Nel frattempo, potreste anche dare un&#8217;occhiata ad alcuni temi che gi\u00e0 supportano 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>,\u00a0<a href=\"https:\/\/themeforest.net\/item\/gutentype-gutenberg-wordpress-blog-theme\/22486033\" target=\"_blank\" rel=\"noopener noreferrer\">Gutentype<\/a> e <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-feature-update-introducing-initial-gutenberg-support\" target=\"_blank\" rel=\"noopener noreferrer\">Divi<\/a>, per citarne alcuni, ma molti altri dovrebbero arrivare presto. Con WordPress 5.0 che si avvicina cos\u00ec velocemente, il supporto di Gutenberg non \u00e8 una scelta arbitraria, e gli sviluppatori di temi dovrebbero abbracciare il nuovo editor di WordPress il pi\u00f9 presto possibile per rimanere al passo della concorrenza.<\/p>\n<p>Avete gi\u00e0 installato Twenty Nineteen o un qualsiasi tema che supporta Gutenberg? Ci piacerebbe sapere cosa ne pensate nei commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 \u00e8 dietro l&#8217;angolo e molti di noi potrebbero sentirsi eccitati e preoccupati allo stesso tempo. Gutenberg porter\u00e0 un grande cambiamento nel modo in cui &#8230;<\/p>\n","protected":false},"author":36,"featured_media":22633,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[79,84,3],"topic":[25957],"class_list":["post-22621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-webdesign","tag-wordpress","topic-temi-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>Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)<\/title>\n<meta name=\"description\" content=\"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c&#039;\u00e8 di nuovo nello sviluppo dei temi con 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:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)\" \/>\n<meta property=\"og:description\" content=\"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c&#039;\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-02T16:40:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-02T13:04:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\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 \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c&#039;\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)\",\"datePublished\":\"2018-11-02T16:40:47+00:00\",\"dateModified\":\"2023-02-02T13:04:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\"},\"wordCount\":2122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\",\"keywords\":[\"Gutenberg\",\"webdesign\",\"WordPress\"],\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\",\"name\":\"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\",\"datePublished\":\"2018-11-02T16:40:47+00:00\",\"dateModified\":\"2023-02-02T13:04:42+00:00\",\"description\":\"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c'\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png\",\"width\":1460,\"height\":730,\"caption\":\"Tema Twenty Nineteen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temi WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/temi-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"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:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/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:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)","description":"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c'\u00e8 di nuovo nello sviluppo dei temi con 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:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/","og_locale":"it_IT","og_type":"article","og_title":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)","og_description":"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c'\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.","og_url":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2018-11-02T16:40:47+00:00","article_modified_time":"2023-02-02T13:04:42+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c'\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"12 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)","datePublished":"2018-11-02T16:40:47+00:00","dateModified":"2023-02-02T13:04:42+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/"},"wordCount":2122,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","keywords":["Gutenberg","webdesign","WordPress"],"articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/","url":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/","name":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","datePublished":"2018-11-02T16:40:47+00:00","dateModified":"2023-02-02T13:04:42+00:00","description":"Twenty Nineteen \u00e8 il nuovo tema predefinito di WordPress 5.0 ed \u00e8 basato completamente su Gutenberg. Vediamo cosa c'\u00e8 di nuovo nello sviluppo dei temi con Gutenberg.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/tema-twenty-nineteen.png","width":1460,"height":730,"caption":"Tema Twenty Nineteen"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Temi WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/temi-wordpress\/"},{"@type":"ListItem","position":3,"name":"Introduzione al Tema Twenty Nineteen (Sviluppare Temi per Gutenberg)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","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:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/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:\/\/kinsta.com\/it\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/22621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=22621"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/22621\/revisions"}],"predecessor-version":[{"id":27719,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/22621\/revisions\/27719"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/fr"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/dk"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/translations\/se"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/22621\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/22633"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=22621"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=22621"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=22621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}