{"id":27751,"date":"2019-09-20T08:34:22","date_gmt":"2019-09-20T15:34:22","guid":{"rendered":"https:\/\/kinsta.com\/?p=55649"},"modified":"2023-02-02T14:03:30","modified_gmt":"2023-02-02T13:03:30","slug":"tema-twenty-twenty","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/","title":{"rendered":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress"},"content":{"rendered":"<p>Twenty Twenty \u00e8 il nuovo <a href=\"https:\/\/kinsta.com\/it\/blog\/temi-wordpress-veloci\/\">tema predefinito di WordPress<\/a> che arriva con l&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-3\/\">ultima versione di WordPress 5.3<\/a>. Come il suo predecessore <a href=\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, Twenty Twenty \u00e8 stato progettato con particolare attenzione a <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">Gutenberg<\/a>. C&#8217;\u00e8 una grande differenza tra i due, per\u00f2: Twenty Twenty non \u00e8 costruito da zero, ma si basa su un tema gi\u00e0 esistente proveniente dalla comunit\u00e0 WordPress.<\/p>\n<p>Poich\u00e9 amiamo tutto di WordPress, abbiamo dato un&#8217;occhiata pi\u00f9 da vicino al nuovo tema Twenty Twenty, sbirciando nei file delle funzioni, nel foglio di stile e nei modelli.<\/p>\n<p>Anche se Twenty Twenty \u00e8 ben lungi dall&#8217;essere stabile \u2014 perlomeno nel momento in cui scriviamo \u2014 e con <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">molti problemi<\/a> ancora da risolvere, oggi condivideremo con voi le nostre primissime riflessioni sul nuovo tema predefinito di WordPress.<\/p>\n<p>Immergiamoci nel tema di WordPress Twenty Twenty!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<figure id=\"attachment_55657\" aria-describedby=\"caption-attachment-55657\" style=\"width: 1800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55657 size-full\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-1.jpg\" alt=\"Anteprima di Twenty Twenty\" width=\"1800\" height=\"1657\"><figcaption id=\"caption-attachment-55657\" class=\"wp-caption-text\">Anteprima di Twenty Twenty (fonte di immagine <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Introduzione Rapida al Tema Twenty Twenty<\/h2>\n<p>Twenty Twenty \u00e8 stato costruito su <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\">Chaplin<\/a>, un tema gratuito WordPress creato da <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\">Anders Nor\u00e9n<\/a>, che \u00e8 anche il Default Theme Design Lead di WordPress 5.3.<\/p>\n<p>Potete scaricare Chaplin nella <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\">repository di WordPress.org<\/a>; questo tema, secondo Anders, \u00e8 stato costruito pensando al Block Editor:<\/p>\n<blockquote><p>Chaplin \u00e8 un tema WordPress ricco di funzionalit\u00e0 che vi d\u00e0 pieno controllo su <a href=\"https:\/\/kinsta.com\/it\/blog\/font-html\/\">font HTML<\/a> e colori del vostro sito. \u00c8 costruito da zero ma con il nuovo Block Editor in mente e rende facile creare layout di bell&#8217;aspetto sia sui post che sulle pagine.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2018\/11\/chaplin.jpg\" alt=\"Tema Chaplin di WordPress\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Tema Chaplin di WordPress<\/figcaption><\/figure>\n<p>La stessa filosofia sta anche alla base di Twenty Twenty: <strong>flessibilit\u00e0<\/strong>, <strong>chiarezza <\/strong>e <strong>leggibilit\u00e0<\/strong> sono le parole chiave del nuovo tema.<\/p>\n<p>Twenty Twenty include un layout a colonna singola e tre modelli di post\/pagina, con l&#8217;obiettivo di dare <a href=\"https:\/\/kinsta.com\/it\/blog\/ruoli-utente-wordpress\/\">a chi amministra e a chi progetta siti WordPress<\/a><strong> la libert\u00e0 di creare i loro layout personalizzati direttamente nell&#8217;editor a blocchi<\/strong>, sfruttando allineamenti ampi e a larghezza piena per gli elementi a blocchi come colonne, immagini e il <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\">blocco di gruppo<\/a> introdotto con Gutenberg 5.5.<\/p>\n<p>Come spiega Anders:<\/p>\n<blockquote><p>Twenty Twenty \u00e8 stato progettato pensando alla flessibilit\u00e0. Se si desidera utilizzarlo per un&#8217;organizzazione o un&#8217;azienda, \u00e8 possibile combinare colonne, gruppi e supporti con allineamenti ampi e completi, creando cos\u00ec layout dinamici per mostrare i propri servizi o prodotti. Se volete usarlo per un blog tradizionale, la colonna di contenuto centrata lo rende perfetto anche per questo scopo.<\/p><\/blockquote>\n<p>Inoltre, Twenty Twenty viene fornito con un nuovo font: <a href=\"https:\/\/rsms.me\/inter\/\">Inter<\/a>. Si tratta di una <a href=\"https:\/\/github.com\/rsms\/inter\">font-family libera e open source<\/a> progettata appositamente da Rasmus Andersson per la leggibilit\u00e0 di testi in caratteri misti e in particolare per quelli di piccole dimensioni.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/inter.jpg\" alt=\"caratteri Inter\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">La font-family Inter<\/figcaption><\/figure>\n<p>Inter regala una personalit\u00e0 forte alle intestazioni di grandi dimensioni, ma ne otterrete il massimo quando la usate con testo di dimensioni alternate, come mostrato nell&#8217;anteprima del tema del post del blog di WordPress.org:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-desktop-1.jpg\" alt=\"twenty twenty impatto leggibilita\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Tipografia di Twenty Twenty: impatto e leggibilit\u00e0<\/figcaption><\/figure>\n<p>Twenty Twenty \u00e8 pi\u00f9 di un tema completo: \u00e8 un tema che segna un nuovo importante passo verso la futura evoluzione dell&#8217;interfaccia utente di WordPress. Twenty Twenty si basa essenzialmente sull&#8217;editor a blocchi per la modifica e il layout del contenuto e sul Theme Customizer per l\u2019header, il footer e le personalizzazioni aggiuntive.<\/p>\n<p>Detto questo, \u00e8 tempo di <a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-un-tema-wordpress\/\">installare questo tema WordPress<\/a> e attivarlo.<\/p>\n<h2 id=\"installing-twenty-twenty\">Come Installare Twenty Twenty<\/h2>\n<p>L\u2019imminente tema di default seguir\u00e0 il <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\">piano di rilascio di WordPress 5.3<\/a>. Questo significa che, al momento in cui scriviamo, Twenty Twenty non \u00e8 ancora disponibile per il download nell&#8217;elenco dei temi di WordPress, n\u00e9 lo troverete incorporato nel core di WordPress 5.3, almeno per un po&#8217; di tempo ancora.<\/p>\n<p>In ogni caso, \u00e8 possibile ottenere una versione attuale di Twenty Twenty da GitHub e installarla sia nella versione stabile corrente di WordPress che su WordPress 5.3. Il repository Github sar\u00e0 dichiarato obsoleto una volta che il tema verr\u00e0 integrato nel <a href=\"https:\/\/kinsta.com\/it\/docs\/supporto\/ambito-del-supporto\/ambito-del-supporto-wordpress-gestito\/\">core<\/a>. Nel frattempo, \u00e8 possibile salvare le seguenti date dal programma di rilascio di WordPress 5.3:<\/p>\n<ul>\n<li>23 settembre 2019: Beta 1<\/li>\n<li>30 settembre 2019: Beta 2<\/li>\n<li>7 ottobre 2019: Beta 3<\/li>\n<li>15 ottobre 2019: Release candidate 1<\/li>\n<li>22 ottobre 2019: Release candidate 2<\/li>\n<li>29 ottobre 2019: Release candidate 3<\/li>\n<li>5 novembre 2019: Release candidate 4 (se necessario)<\/li>\n<li><strong>12 novembre 2019: data limite per il rilascio di WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>Per iniziare con Twenty Twenty, seguite la procedura seguente:<\/p>\n<ol>\n<li>Scaricate il pacchetto zip da <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\">GitHub<\/a>.<\/li>\n<li>Caricate il file zip nella vostra installazione di sviluppo nella <a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">dashboard di WordPress<\/a> o via <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-sftp\/\">SFTP.<\/a><\/li>\n<li>Andate su <strong>Appearance \u2192 Themes<\/strong> e fate clic sul pulsante <strong>Activate<\/strong> sull&#8217;immagine di anteprima del tema.<\/li>\n<li>Andate su <strong>Aspetto \u2192 Customize<\/strong> per configurare Twenty Twenty.<\/li>\n<\/ol>\n<p>E questo \u00e8 tutto! Ora potete effettuare i vostri test sia sul vostro <a href=\"https:\/\/kinsta.com\/it\/docs\/hosting-wordpress\/ambienti-di-staging\/\">sito web di staging<\/a> o sul vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/installare-wordpress-in-locale\/\">ambiente locale<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty \u00e8 attualmente in fase di sviluppo e <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">molti problemi<\/a> non sono ancora stati risolti. Non dovreste usarlo in produzione.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-aperto-numero-185-1.jpg\" alt=\"Un issue aperto su GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Un issue aperto su GitHub<\/figcaption><\/figure>\n<p>Ora che siete pronti a partire, andiamo avanti e immergiamoci nel tema <strong>Twenty Twenty<\/strong> WordPress.<\/p>\n<p><span data-sheets-value=\"{\"1\":2,\"2\":\"[inarticle-cta]\"}\" data-sheets-userformat=\"{\"2\":6659,\"3\":{\"1\":0},\"4\":{\"1\":2,\"2\":16777215},\"12\":0,\"14\":{\"1\":2,\"2\":0},\"15\":\"Roboto, RobotoDraft, Helvetica, Arial, sans-serif\"}\"><\/span><\/p>\n<h2 id=\"features\">Caratteristiche del Tema Twenty Twenty<\/h2>\n<p>Twenty Twenty non \u00e8 un <a href=\"https:\/\/kinsta.com\/it\/blog\/cambiare-tema-wordpress\/\">tema WordPress<\/a> super accessoriato, ma un tema minimal e snello che mira a dare a <a href=\"https:\/\/kinsta.com\/it\/blog\/assumere-uno-sviluppatore-wordpress\/\">sviluppatori<\/a> e amministratori del sito la libert\u00e0 di costruire layout di contenuti personalizzati per post e pagine. Cos\u00ec come <a href=\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, anche Twenty Twenty \u00e8 stato costruito per Gutenberg ed \u00e8 legato a doppio filo al ciclo di vita di Gutenberg (maggiori informazioni su questo argomento in <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\">questo video<\/a> di Matt Mullenweg al WCEU 2019).<\/p>\n<p>Il tema supporta una serie di <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\">caratteristiche del tema<\/a> come la larghezza del contenuto (<code>580<\/code>), i link per il feed automatico, le <a href=\"https:\/\/kinsta.com\/it\/blog\/rigenerare-le-miniature\/\">miniature<\/a>, il tag titolo e alcuni elementi <a href=\"https:\/\/kinsta.com\/it\/blog\/html-e-html5\/#what-is-html5\">HTML5<\/a> (modulo di ricerca, modulo di commento, lista dei commenti, galleria e didascalia).<\/p>\n<p>Altre funzioni aggiungono opzioni al <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\">Theme Customizer<\/a>. Questi includono <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\">sfondi<\/a> e <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\">logo personalizzati<\/a>. Le porzioni di codice qui sotto mostrano queste caratteristiche abilitate nel file delle funzioni del tema:<\/p>\n<pre><code class=\"language-php\">\n\/\/ Custom background color\nadd_theme_support(\n        'custom-background',\n        array(\n                'default-color'        =&gt; 'F5EFE0'\n        )\n);\n<\/code><\/pre>\n<pre><code class=\"language-php\">\n\/\/ Custom logo\nadd_theme_support(\n        'custom-logo',\n        array(\n                'height'      =&gt; 240,\n                'width'       =&gt; 320,\n                'flex-height' =&gt; true,\n                'flex-width'  =&gt; true,\n                'header-text' =&gt; array( 'site-title', 'site-description' ),\n        )\n);\n<\/code><\/pre>\n<figure id=\"attachment_29809\" aria-describedby=\"caption-attachment-29809\" style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29809\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-theme-customizer-2-1.jpg\" alt=\"Il Theme Customizer di Twenty Twenty\" width=\"2600\" height=\"1380\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-theme-customizer-2-1.jpg 2600w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-theme-customizer-2-1-300x159.jpg 300w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-theme-customizer-2-1-768x408.jpg 768w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-theme-customizer-2-1-1024x544.jpg 1024w\" sizes=\"auto, (max-width: 2600px) 100vw, 2600px\" \/><figcaption id=\"caption-attachment-29809\" class=\"wp-caption-text\">Il Theme Customizer di Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty supporta anche alcune delle <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">caratteristiche specifiche di Gutenberg<\/a>. In primo luogo, il tema supporta <strong>allineamenti ampi e a larghezza piena<\/strong>:<\/p>\n<pre><code class=\"language-php\">\n\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );\n<\/code><\/pre>\n<p>La <strong>tavolozza dei colori dell&#8217;editor<\/strong> \u00e8 abilitata se l&#8217;utente imposta un colore rifinitura nel Customizer (abilitato per impostazione predefinita):<\/p>\n<pre><code class=\"language-php\">\n\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n    add_theme_support( 'editor-color-palette', $editor_color_palette );\n}\n<\/code><\/pre>\n<figure id=\"attachment_29810\" aria-describedby=\"caption-attachment-29810\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29810\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzare-i-colori-2.png\" alt=\"Personalizzare i colori in Twenty Twenty\" width=\"297\" height=\"380\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzare-i-colori-2.png 297w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzare-i-colori-2-234x300.png 234w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><figcaption id=\"caption-attachment-29810\" class=\"wp-caption-text\">Personalizzare i colori in Twenty Twenty<\/figcaption><\/figure>\n<p>Il tema Twenty Twenty include gi\u00e0 quattro <strong>dimensioni di font per l&#8217;editor<\/strong> disponibili nell&#8217;editor a blocchi:<\/p>\n<pre><code class=\"language-php\">\n\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n    array(\n            'name'             =&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n            'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n            'size'             =&gt; 16,\n            'slug'             =&gt; 'small',\n    ),\n    array(\n            'name'             =&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n            'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n            'size'             =&gt; 18,\n            'slug'             =&gt; 'regular',\n    ),\n    array(\n            'name'             =&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n            'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n            'size'             =&gt; 24,\n            'slug'             =&gt; 'large',\n    ),\n    array(\n            'name'             =&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n            'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n            'size'             =&gt; 32,\n            'slug'             =&gt; 'larger',\n    ),\n) );\n<\/code><\/pre>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_29812\" aria-describedby=\"caption-attachment-29812\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29812\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-dimensioni-caratteri.png\" alt=\"Dimensioni del font nelle impostazioni del testo dell\u2019editor a blocchi\" width=\"280\" height=\"444\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-dimensioni-caratteri.png 280w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-dimensioni-caratteri-189x300.png 189w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><figcaption id=\"caption-attachment-29812\" class=\"wp-caption-text\">Dimensioni del font nelle impostazioni del testo dell\u2019editor a blocchi<\/figcaption><\/figure>\n<p>E questo \u00e8 tutto. Il tema \u00e8 abbastanza minimal anche nella funzionalit\u00e0, ma \u00e8 facilmente estendibile con un tema child, cosa di cui parleremo in un minuto.<\/p>\n<h2 id=\"appearance\">Come Personalizzare l&#8217;Aspetto dei Twenty Twenty<\/h2>\n<p>Twenty Twenty non contiene decorazioni ed elementi superflui, ma offre una grande flessibilit\u00e0 se usato in tandem con Gutenberg (o con un buon <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/\">page builder<\/a>).<\/p>\n<h3>Personalizzazione del Tema dei Twenty Twenty<\/h3>\n<p>La <strong>Site Identity<\/strong> contiene il <a href=\"https:\/\/kinsta.com\/it\/blog\/nascondere-titoli-pagine-wordpress\/\">titolo del sito<\/a>, la descrizione del sito, un pulsante di ricerca e un menu modale. Potete attivare\/disattivare tutti questi elementi nelle sezioni <strong>Site Identity<\/strong>\u00a0del Customizer:<\/p>\n<figure id=\"attachment_29813\" aria-describedby=\"caption-attachment-29813\" style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29813\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-identita-sito-2.png\" alt=\"Identit\u00e0 del sito\" width=\"464\" height=\"508\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-identita-sito-2.png 464w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-identita-sito-2-274x300.png 274w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><figcaption id=\"caption-attachment-29813\" class=\"wp-caption-text\">Il titolo del sito e la tagline possono essere abilitate\/disabilitate nel Theme Customizer<\/figcaption><\/figure>\n<p>La sezione del Customizer chiamata <strong>Cover Template<\/strong> gestisce le impostazioni di personalizzazione per il template di pagina del <strong>Cover Template<\/strong>. L\u00ec, troverete:<\/p>\n<ul>\n<li>Un&#8217;opzione per abilitare un effetto parallax sull&#8217;<a href=\"https:\/\/kinsta.com\/it\/blog\/immagini-di-sfondo-wordpress\/\">immagine di sfondo<\/a> (Fixed Background Image).<\/li>\n<li>I color picker vi permettono di impostare il colore di sfondo personalizzato e il colore del testo per l\u2019overlay delle immagini in evidenza.<\/li>\n<li>Uno slider per controllare l&#8217;opacit\u00e0 dell&#8217;overlay.<\/li>\n<\/ul>\n<figure id=\"attachment_29816\" aria-describedby=\"caption-attachment-29816\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29816\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-cover-template-2.png\" alt=\"La sezione Cover Template nel Customizer\" width=\"298\" height=\"690\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-cover-template-2.png 298w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-cover-template-2-130x300.png 130w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><figcaption id=\"caption-attachment-29816\" class=\"wp-caption-text\">La sezione Cover Template nel Customizer<\/figcaption><\/figure>\n<p>La sezione <strong>Menu<\/strong> fornisce cinque posizioni di menu. Potete includere un menu orizzontale regolare nell&#8217;header (<strong>Desktop Horizontal Menu<\/strong>) e\/o un menu di navigazione alternabile (<strong>Desktop Expanded Menu<\/strong>). Il <strong>Mobile Menu<\/strong> \u00e8 un menu specifico per i dispositivi mobili, mentre il <strong>Footer Menu<\/strong> e il <strong>Social Menu<\/strong> si trovano nel footer della pagina.<\/p>\n<figure id=\"attachment_29818\" aria-describedby=\"caption-attachment-29818\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29818\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-menu-2.png\" alt=\"Le posizioni dei menu in Twenty Twenty\" width=\"298\" height=\"690\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-menu-2.png 298w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-personalizzazione-menu-2-130x300.png 130w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><figcaption id=\"caption-attachment-29818\" class=\"wp-caption-text\">Le posizioni dei menu in Twenty Twenty<\/figcaption><\/figure>\n<p>Il footer contiene gli spazi per il menu footer e per quello social, insieme a due aree widget. L&#8217;immagine seguente mostra il footer del tema con tutti i suoi elementi al loro posto:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-footer.png\" alt=\"Template footer in Twenty Twenty\" width=\"1600\" height=\"1014\"><figcaption class=\"wp-caption-text\">Template footer in Twenty Twenty<\/figcaption><\/figure>\n<p>Infine, la sezione <strong>Additional CSS<\/strong> vi permette di includere i vostri stili personalizzati.<\/p>\n<p>\u00a0<\/p>\n<h3>Template di Post\/Pagina Singola<\/h3>\n<p>Per quanto riguarda il layout dei post e delle pagine, \u00e8 possibile scegliere fra tre diversi modelli. Oltre al modello predefinito, Twenty Twenty fornisce un <strong>Cover Template<\/strong> e un <strong>Full Width template<\/strong> (un template a larghezza piena) con cui \u00e8 possibile giocare per personalizzare l&#8217;aspetto del contenuto.<\/p>\n<figure id=\"attachment_29826\" aria-describedby=\"caption-attachment-29826\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29826\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-template-post-pagina-2.png\" alt=\"Template Post\/Pagina singola in Twenty Twenty\" width=\"279\" height=\"223\"><figcaption id=\"caption-attachment-29826\" class=\"wp-caption-text\">Template Post\/Pagina singola in Twenty Twenty<\/figcaption><\/figure>\n<h3>L&#8217;Editor a Blocchi in Twenty Twenty<\/h3>\n<p>Grazie al suo approccio minimal, l&#8217;aspetto di Twenty Twenty si basa principalmente sul Block Editor. Abbiamo eseguito i nostri test su Twenty Twenty usando la versione 6.4.0 di Gutenberg. Questa versione fornisce un buon numero di nuove funzionalit\u00e0, miglioramenti e correzioni di bug che hanno migliorato significativamente l&#8217;esperienza di editing.<\/p>\n<p><span data-sheets-value=\"{\"1\":2,\"2\":\"[inarticle-cta]\"}\" data-sheets-userformat=\"{\"2\":6659,\"3\":{\"1\":0},\"4\":{\"1\":2,\"2\":16777215},\"12\":0,\"14\":{\"1\":2,\"2\":0},\"15\":\"Roboto, RobotoDraft, Helvetica, Arial, sans-serif\"}\"><\/span><\/p>\n<p>Alcuni blocchi sono utili, specialmente quando si costruiscono siti web a pagina singola. Blocchi come <strong>Media &#038; Text e Cover<\/strong> sono stati migliorati e ora hanno un aspetto fantastico quando si tratta di presentare prodotti e\/o <a href=\"https:\/\/kinsta.com\/it\/blog\/sito-web-portfolio\/\">portfolio<\/a> professionali:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/media-text.jpg\" alt=\"media e text\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Blocco Media &#038; Text (allineamento larghezza piena)<\/figcaption><\/figure>\n<p>Tuttavia, dato che Gutenberg \u00e8 un progetto in progress, potreste voler dare un&#8217;occhiata ad alcuni dei plugin pi\u00f9 popolari che permettono di aggiungere altri blocchi all&#8217;editor.<\/p>\n<p>Ecco una rapida lista di plugin che potrebbe valer la pena provare:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Blocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">CoBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a><\/li>\n<\/ul>\n<p>Il Theme Customizer e il Block Editor fanno un ottimo lavoro quando si tratta di personalizzazione dell&#8217;aspetto e del layout, ma un child theme potrebbe darvi un maggiore controllo sull&#8217;aspetto delle vostre pagine.<\/p>\n<h2 id=\"child-theming\">Come Creare un Child Theme per il Tema Twenty Twenty<\/h2>\n<p>Costruire child theme per WordPress potrebbe essere divertente e anche un buon modo per iniziare una carriera nello <a href=\"https:\/\/kinsta.com\/it\/blog\/reddito-sviluppatore-wordpress\/\">sviluppo di temi per WordPress<\/a>: Twenty Twenty potrebbe essere un gran parent theme quando si costruiscono child theme in WordPress. Perch\u00e9 non ci provate? \ud83d\ude09<\/p>\n<p>Se non sapete da dove iniziare con i temi child, assicuratevi di controllare la nostra guida estesa su <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">Come Creare un Child Theme in WordPress<\/a>.<\/p>\n<p>Ora, costruiamo il nostro primo child theme per Twenty Twenty!<\/p>\n<p>Create una nuova directory sotto <code>wp-content\/themes<\/code> e datele un nome come <code>twentytwenty-child<\/code> o quello che volete.<\/p>\n<p>Andate su <code>wp-content\/themes\/twentytwenty-child<\/code> e create un nuovo file <code>style.css<\/code> con la seguente intestazione:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>Ora dobbiamo includere il foglio di stile del parent theme. Nella stessa directory, create il seguente file <code>functions.php<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>Ora andate su <strong>Aspetto \u2192 Temi<\/strong> e attivate il vostro child theme. Potete finalmente iniziare con le vostre personalizzazioni.<\/p>\n<figure id=\"attachment_29827\" aria-describedby=\"caption-attachment-29827\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29827\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attivazione-child-theme-2.jpg\" alt=\"Attivare il child theme\" width=\"1680\" height=\"762\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attivazione-child-theme-2.jpg 1680w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attivazione-child-theme-2-300x136.jpg 300w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attivazione-child-theme-2-768x348.jpg 768w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attivazione-child-theme-2-1024x464.jpg 1024w\" sizes=\"auto, (max-width: 1680px) 100vw, 1680px\" \/><figcaption id=\"caption-attachment-29827\" class=\"wp-caption-text\">Attivare il child theme<\/figcaption><\/figure>\n<p>Potete cambiare quasi tutto in Twenty Twenty, dall&#8217;aggiunta di template personalizzati all&#8217;aggiunta di stili personalizzati o alla modifica degli stili predefiniti del tema.<\/p>\n<p>Qui vi mostrer\u00f2 come creare un nuovo modello personalizzato per i singoli articoli e pagine.<\/p>\n<h3>Aggiunta di un Template Personalizzato di Post\/Pagina su Twenty Twenty<\/h3>\n<p>Finora abbiamo creato un child theme per Twenty Twenty e attaccato gli stili del parent theme al foglio di stile del child theme. Nell&#8217;esempio qui sotto, ci libereremo dell&#8217;header e del footer, facendo spazio per il corpo della pagina in un file di template per post\/pagina.<\/p>\n<h3>Passo 1<\/h3>\n<p>Copiate e incollate i seguenti file dal parent theme alla directory del child theme:<\/p>\n<ul>\n<li>templates\/template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Step 2<\/h3>\n<p>Rinominate <code>template-full-width.php<\/code> come <code>template-canvas.php<\/code> (o quello che volete). Aprite il file, eliminate il contenuto corrente e incollate quanto segue:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>Template Name<\/strong> imposta il nome del file di template come lo vedrete nel Block Editor, mentre <strong>Template Post Type<\/strong> definisce i tipi di post che supportano questo file template. La funzione <code>get_template_part<\/code> carica il file <code>singular.php<\/code> dal tema parent (non abbiamo bisogno di una copia di questo file nel nostro tema child).<\/p>\n<p>Andate alla dashboard di WordPress e create un nuovo post. Ora dovreste trovare un modello di pagina aggiuntiva nella sezione <strong>Post attributes<\/strong>.<\/p>\n<figure id=\"attachment_29828\" aria-describedby=\"caption-attachment-29828\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29828\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-attributi-articolo-2.png\" alt=\"Un nuovo template \u00e8 disponibile in Attributi dell'articolo\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-29828\" class=\"wp-caption-text\">Un nuovo template \u00e8 disponibile in Attributi dell&#8217;articolo<\/figcaption><\/figure>\n<h3>Passo 3<\/h3>\n<p>E ora arriva la parte divertente. Aprite <code>header.php<\/code> nel vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\">editor di testo<\/a> preferito e avvolgete l&#8217;elemento <code>header<\/code> all&#8217;interno dell&#8217;istruzione seguente <code>if<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' );\n}<\/code><\/pre>\n<p>Questo codice controlla se <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\">il template di pagina<\/a> non \u00e8 <code>templates\/template-canvas.php<\/code>. Se il template <strong>\u00e8<\/strong> <code>templates\/template-canvas.php<\/code>, allora non includer\u00e0 l\u2019header del sito e il menu modale.<\/p>\n<p>Allo stesso modo, possiamo rimuovere il footer da una pagina articolo quando il template della pagina attiva \u00e8 il nostro canvas. Basta aggiungere la stessa condizione in <code>footer.php<\/code> come mostrato sotto:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Potete <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\" target=\"_blank\" rel=\"noopener noreferrer\">scaricare qui il codice dell&#8217;esempio<\/a>.<br \/>\nOra create un nuovo articolo o pagina, selezionate il modello di Canvas in <strong>Post\/Page attributes<\/strong> e controllate la pagina nel front-end del vostro sito.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Twenty Twenty \u00e8 un tema WordPress minimalista, con un layout a colonna singola. Il modo in cui lo useremo dipender\u00e0 principalmente dall&#8217;evoluzione del Block Editor. Come dice esplicitamente Anders:<\/p>\n<blockquote><p>&#8220;La promessa del Block Editor \u00e8 di dare agli utenti la libert\u00e0 di progettare e strutturare i loro siti come meglio credono&#8221;.<\/p><\/blockquote>\n<p>Dopo <a href=\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, il tema default Twenty Twenty \u00e8 il secondo di una nuova generazione di temi che mira a &#8220;permettere la costruzione di siti web senza editing manuale del codice&#8221;.\u00a0I siti WordPress alimentati dal tema Twenty Twenty sono di tutte le forme e dimensioni. Per scoprire se un tema usa Twenty Twenty, date un&#8217;occhiata al nostro pratico <a href=\"https:\/\/kinsta.com\/it\/strumenti\/theme-detector-wordpress\/\">strumento di rilevamento del tema WordPress<\/a>.<\/p>\n<p>Se pensate che Gutenberg non sia ancora completamente affidabile per i vostri progetti, potete aggiungere i blocchi di cui avete bisogno con plugin come quelli elencati sopra. Oppure, semplicemente, potete affidarvi a un <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/\">page builder di terzi<\/a>.<\/p>\n<p>\u00c8 il vostro turno, ora: installate il nuovo tema predefinito di WordPress, giocateci sopra, e fateci sapere nei commenti quali sono le vostre impressioni!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty \u00e8 il nuovo tema predefinito di WordPress che arriva con l&#8217;ultima versione di WordPress 5.3. Come il suo predecessore Twenty Nineteen, Twenty Twenty \u00e8 &#8230;<\/p>\n","protected":false},"author":36,"featured_media":27770,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[79,3],"topic":[25957],"class_list":["post-27751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","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>Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull&#039;editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!\" \/>\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\/tema-twenty-twenty\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull&#039;editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\" \/>\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=\"2019-09-20T15:34:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-02T13:03:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.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=\"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull&#039;editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.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=\"15 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress\",\"datePublished\":\"2019-09-20T15:34:22+00:00\",\"dateModified\":\"2023-02-02T13:03:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\"},\"wordCount\":2361,\"commentCount\":10,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\",\"name\":\"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png\",\"datePublished\":\"2019-09-20T15:34:22+00:00\",\"dateModified\":\"2023-02-02T13:03:30+00:00\",\"description\":\"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull'editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#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\":\"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress\"}]},{\"@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":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress","description":"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull'editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!","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\/tema-twenty-twenty\/","og_locale":"it_IT","og_type":"article","og_title":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress","og_description":"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull'editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!","og_url":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2019-09-20T15:34:22+00:00","article_modified_time":"2023-02-02T13:03:30+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull'editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"15 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress","datePublished":"2019-09-20T15:34:22+00:00","dateModified":"2023-02-02T13:03:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/"},"wordCount":2361,"commentCount":10,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","keywords":["Gutenberg","WordPress"],"articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/","url":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/","name":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","datePublished":"2019-09-20T15:34:22+00:00","dateModified":"2023-02-02T13:03:30+00:00","description":"WordPress 5.3 ci porta Twenty Twenty, un tema incentrato sull'editor a blocchi Gutenberg. Scoprite tutte le caratteristiche chiave del tema Twenty Twenty!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/09\/twenty-twenty-tema.png","width":1460,"height":730,"caption":"Twenty Twenty"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty\/#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":"Twenty Twenty: Introduzione al Nuovo Tema Predefinito di WordPress"}]},{"@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\/27751","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=27751"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/27751\/revisions"}],"predecessor-version":[{"id":47102,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/27751\/revisions\/47102"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/translations\/dk"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27751\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/27770"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=27751"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=27751"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=27751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}