{"id":50432,"date":"2022-01-04T13:10:28","date_gmt":"2022-01-04T12:10:28","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=50432&#038;preview=true&#038;preview_id=50432"},"modified":"2023-03-13T17:01:56","modified_gmt":"2023-03-13T16:01:56","slug":"tema-twenty-twenty-two","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/","title":{"rendered":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress"},"content":{"rendered":"<p>Anche se un po&#8217; in ritardo rispetto al previsto, sta per arrivare un nuovo tema predefinito di WordPress. Il nome \u00e8 Twenty Twenty-Two!<\/p>\n<p>Il nuovo tema predefinito di WordPress viene distribuito con la prossima <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\">versione di WordPress 5.9<\/a>. Eravamo curiosi di saperne di pi\u00f9 sul nuovo tema, cos\u00ec abbiamo installato e testato Twenty Twenty-Two su un <a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">ambiente di sviluppo locale<\/a> con <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a>.<\/p>\n<p>In questo articolo vi parliamo di quello che abbiamo trovato nel nuovo tema, con una panoramica approfondita delle caratteristiche principali del nuovo tema WordPress.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110731\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"Un'anteprima di Twenty Twenty-Two, il nuovo tema predefinito di WordPress\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Un&#8217;anteprima di Twenty Twenty-Two, il nuovo tema predefinito di WordPress (Fonte immagine: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">Twenty Twenty-Two<\/a> \u00e8 stato progettato per essere il tema predefinito pi\u00f9 flessibile, leggero e personalizzabile di sempre. Offre un ottimo terreno di gioco per testare blocchi, pattern e template.<\/p>\n<p>Essendo un tema a blocchi, ci permetter\u00e0 di esplorare meglio il Full SIte Editing, gli stili globali, i blocchi di navigazione e le nuove gallerie di immagini, che sono le novit\u00e0 pi\u00f9 attese in arrivo con WordPress 5.9.<\/p>\n<p>Diciamo subito che che <strong>Twenty Twenty-Two \u00e8 il primo tema a blocchi predefinito<\/strong>!<\/p>\n<p>Uno degli obiettivi pi\u00f9 ambiziosi del nuovo tema \u00e8 quello di <strong>dare autonomia agli utenti<\/strong>. Con tanti pattern e template disponibili nativamente, gli utenti possono costruire layout complessi con pochi clic. Il resto \u00e8 solo personalizzazione dello stile.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty-Two sar\u00e0 rilasciato con WordPress 5.9. Al momento in cui scriviamo, il tema \u00e8 ancora in fase di sviluppo e ci\u00f2 che \u00e8 riportato qui potrebbe cambiare significativamente prima del rilascio definitivo.<\/p>\n<\/aside>\n\n<p>Da un punto di vista tecnico, scrivere di Twenty Twenty-Two non \u00e8 molto diverso dallo scrivere delle ultime e pi\u00f9 potenti funzionalit\u00e0 in arrivo con WordPress 5.9. Ma Twenty Twenty-Two ci fornisce un&#8217;ottima lente d&#8217;ingrandimento per apprezzare meglio le nuove funzionalit\u00e0 di modifica del sito e ci d\u00e0 un&#8217;idea migliore del futuro della piattaforma.<\/p>\n<p>Quindi eccoci qui per presentarvi il nuovo tema.<\/p>\n<p>Per prima cosa, scopriremo il <strong>nuovo flusso di editing dei siti<\/strong> che gli utenti sperimenteranno con WordPress 5.9 e Twenty Twenty-Two.<\/p>\n<p>Dopo di che, ci immergeremo nelle principali caratteristiche dei temi a blocchi implementate in Twenty Twenty-Two. Scoprirete gli <strong>stili globali<\/strong>, i <strong>block pattern<\/strong>, i <strong>template<\/strong> e i <strong>template part<\/strong>.<\/p>\n<p>Ma c&#8217;\u00e8 molto altro da dire su Twenty Twenty-Two e sui temi a blocchi di WordPress. Quindi, come capitolo bonus, offriremo una breve panoramica dei child theme dei temi a blocchi, mostrando come estendere le funzionalit\u00e0 di Twenty Twenty-Two grazie al file <strong>theme.json<\/strong>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1445800581189160968<\/p>\n<p>Mettiamoci subito al lavoro e scopriamo il nuovissimo tema predefinito di WordPress, Twenty Twenty-Two.<\/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<h2>Twenty Twenty-Two Porta un Nuovo Flusso di Modifica del Sito<\/h2>\n<p>Diverse funzioni di Full Site Editing entrano a far parte del core di WordPress 5.9. I proprietari di siti che utilizzano l&#8217;ultima versione di WordPress con un tema a blocchi come Twenty Twenty-Two saranno presto in grado di:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">Creare e modificare post e pagine<\/a> usando pi\u00f9 blocchi e pattern<\/li>\n<li>Personalizzare le <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">impostazioni e gli stili<\/a> definiti nel file <strong>theme.json<\/strong> attraverso l&#8217;interfaccia degli Stili Globali<\/li>\n<li>Creare e modificare i template per post e pagine<\/li>\n<li>Creare e modificare parti di template per l&#8217;intestazione, il footer e altre template area<\/li>\n<\/ul>\n<p>Con tutte queste caratteristiche unite al core, i contributor al core di WordPress hanno discusso dell&#8217;<a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">evoluzione dell&#8217;architettura dell&#8217;informazione<\/a> e hanno ridisegnato l&#8217;intero <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">Site Editing Flow<\/a>.<\/p>\n<p>La prima cosa che potreste notare una volta attivato Twenty Twenty-Two \u00e8 che il punto di ingresso all&#8217;editor del sito non si trova pi\u00f9 nel menu principale della bacheca di WordPress, ma \u00e8 stato spostato sotto il menu <strong>Aspetto<\/strong>.<\/p>\n<figure id=\"attachment_110738\" aria-describedby=\"caption-attachment-110738\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110738\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-menu-wp-59.jpg\" alt=\"Editor menu\" width=\"1980\" height=\"952\"><figcaption id=\"caption-attachment-110738\" class=\"wp-caption-text\">Il nuovo menu Aspetto in WordPress 5.9<\/figcaption><\/figure>\n<p>Portare le funzioni di modifica dei template e degli stili sotto lo stesso menu <strong>Aspetto<\/strong> dovrebbe semplificare l&#8217;esperienza di editing in quanto dovrebbe rendere pi\u00f9 facile capire che le funzioni a cui si accede si riferiscono alla <em>presentazione<\/em> delle pagine.<\/p>\n\n<p>La voce di menu <strong>Editor<\/strong> apre il template della homepage del sito. A seconda delle impostazioni di lettura, questa pu\u00f2 essere la pagina degli ultimi post o una pagina statica.<\/p>\n<figure id=\"attachment_110740\" aria-describedby=\"caption-attachment-110740\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110740\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-site-editor.jpg\" alt=\"L'editor del sito in WordPress 5.9 con Twenty Twenty-Two\" width=\"2130\" height=\"1002\"><figcaption id=\"caption-attachment-110740\" class=\"wp-caption-text\">L&#8217;editor del sito in WordPress 5.9 con Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ora, facendo clic sull&#8217;icona di WordPress nell&#8217;angolo in alto a sinistra, viene visualizzato un nuovo <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">menu di navigazione dell&#8217;editor del sito<\/a>, che include tre voci di menu: <strong>Sito<\/strong>, <strong>Templates<\/strong> e <strong>Template parts<\/strong>.<\/p>\n<p>Diamo un&#8217;occhiata pi\u00f9 da vicino.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110741\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"Il menu di navigazione dell'editor\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">Il menu di navigazione dell&#8217;editor<\/figcaption><\/figure>\n<p>L&#8217;opzione <strong>Sito<\/strong> apre il template della homepage (ultimi articoli del blog o home page statica).<\/p>\n<p>Dalla voce di menu <strong>Templates<\/strong> si accede ad un elenco dei template disponibili. Potete cliccare su qualsiasi template dell&#8217;elenco per lanciarlo nell&#8217;editor.<\/p>\n<p>Al momento in cui scriviamo, Twenty Twenty-Two fornisce 11 template.<\/p>\n<figure id=\"attachment_110746\" aria-describedby=\"caption-attachment-110746\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110746\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-templates.jpg\" alt=\"Template di Twenty Twenty-Two\" width=\"2132\" height=\"1218\"><figcaption id=\"caption-attachment-110746\" class=\"wp-caption-text\">Template di Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Cliccando sull&#8217;icona ellipsis (<strong>\ufe19<\/strong>) sulla destra, potrete cancellare le vostre personalizzazioni.<\/p>\n<figure id=\"attachment_111357\" aria-describedby=\"caption-attachment-111357\" style=\"width: 1378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111357\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-clear-customizations.jpg\" alt=\"Cancellare le personalizzazioni dei template\" width=\"1378\" height=\"686\"><figcaption id=\"caption-attachment-111357\" class=\"wp-caption-text\">Cancellare le personalizzazioni dei template<\/figcaption><\/figure>\n<p>A differenza dei template del tema, i template personalizzati possono essere solo rinominati o rimossi (ma potete <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#template-editing-mode\">modificare i template personalizzati<\/a> nell&#8217;editor dei post).<\/p>\n<figure id=\"attachment_111356\" aria-describedby=\"caption-attachment-111356\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111356\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wp-59-delete-rename-custom-template.jpg\" alt=\"Rinomina o cancella i template personalizzati\" width=\"1368\" height=\"382\"><figcaption id=\"caption-attachment-111356\" class=\"wp-caption-text\">Rinomina\/cancella i template personalizzati<\/figcaption><\/figure>\n<p>La voce di menu <strong>Template parts<\/strong> mostra un elenco delle parti di template disponibili che \u00e8 possibile aprire nell&#8217;editor per le personalizzazioni desiderate.<\/p>\n<p>Troverete quattro parti di template aggiunte a Twenty Twenty-Two di default. Passando il cursore su un template gi\u00e0 modificato, viene visualizzato un tooltip che fa sapere che il template \u00e8 gi\u00e0 stato personalizzato.<\/p>\n<figure id=\"attachment_110747\" aria-describedby=\"caption-attachment-110747\" style=\"width: 2128px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110747\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts.jpg\" alt=\"Template part di Twenty Twenty-Two\" width=\"2128\" height=\"1120\"><figcaption id=\"caption-attachment-110747\" class=\"wp-caption-text\">Template part di Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>\u00c8 possibile cancellare queste personalizzazioni cliccando sull&#8217;icona ellipsis (<strong>\ufe19<\/strong>) sulla destra.<\/p>\n<figure id=\"attachment_111354\" aria-describedby=\"caption-attachment-111354\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111354\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-clear-customizations.jpg\" alt=\"Cancellare le personalizzazioni delle parti di template\" width=\"2214\" height=\"1118\"><figcaption id=\"caption-attachment-111354\" class=\"wp-caption-text\">Cancellare le personalizzazioni delle parti di template<\/figcaption><\/figure>\n<h3>Modificare Template e Parti di Template<\/h3>\n<p>L&#8217;<strong>Editor<\/strong> fornisce l&#8217;interfaccia per personalizzare la struttura dei <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/create-block-theme\/#required-files-and-file-structure\">template e delle parti di template<\/a>.<\/p>\n<p>Qui \u00e8 possibile aggiungere o modificare facilmente blocchi e template, e le modifiche saranno automaticamente applicate ad ogni pagina che utilizza quel template.<\/p>\n<figure id=\"attachment_110836\" aria-describedby=\"caption-attachment-110836\" style=\"width: 2534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110836\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-single-post-template.jpg\" alt=\"Modifica del template Single Post\" width=\"2534\" height=\"1294\"><figcaption id=\"caption-attachment-110836\" class=\"wp-caption-text\">Modifica del template Single Post<\/figcaption><\/figure>\n<p>L&#8217;immagine qui sotto mostra il template della pagina 404 nell&#8217;editor. \u00c8 un template piuttosto semplice, che include solo un&#8217;intestazione, un paragrafo e una casella di ricerca. Tuttavia, ci permette di capire come funziona la UI.<\/p>\n<figure id=\"attachment_110826\" aria-describedby=\"caption-attachment-110826\" style=\"width: 1796px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110826\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/404-page-template.jpg\" alt=\"404 block template\" width=\"1796\" height=\"1350\"><figcaption id=\"caption-attachment-110826\" class=\"wp-caption-text\">Il block template 404 di Twenty Twenty-Two nell&#8217;editor dei template<\/figcaption><\/figure>\n<p>Qui \u00e8 possibile fare delle modifiche e personalizzare i template per adattarli al meglio alle proprie esigenze. Ad esempio, si potrebbe voler aggiungere un pattern <strong>Grid of image posts<\/strong> per aumentare il coinvolgimento dei visitatori e invitarli a sfogliare il contenuto del sito.<\/p>\n<figure id=\"attachment_111351\" aria-describedby=\"caption-attachment-111351\" style=\"width: 2872px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111351\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/grid-of-image-post-pattern.jpg\" alt=\"grid of image posts\" width=\"2872\" height=\"1314\"><figcaption id=\"caption-attachment-111351\" class=\"wp-caption-text\">Personalizzazione del block template 404 di Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Il menu a tendina dell&#8217;intestazione nella parte superiore dell&#8217;editor dei template mostra un elenco delle <strong>Aree di Template<\/strong> disponibili. Lo stesso elenco appare nella scheda <strong>Template<\/strong> nella barra laterale delle <strong>impostazioni<\/strong>.<\/p>\n<figure id=\"attachment_110761\" aria-describedby=\"caption-attachment-110761\" style=\"width: 2242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110761\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-areas.jpg\" alt=\"Aree di template in Twenty Twenty-Two\" width=\"2242\" height=\"1036\"><figcaption id=\"caption-attachment-110761\" class=\"wp-caption-text\">Aree di template in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Cliccando su qualsiasi area di template (ad esempio Header), sarete portati direttamente alla parte del template che volete modificare.<\/p>\n<p>Facendo clic sull&#8217;icona a forma di ellisse sulla destra, si acceder\u00e0 <strong>all&#8217;editor di parti di template isolate<\/strong>.<\/p>\n<figure id=\"attachment_110748\" aria-describedby=\"caption-attachment-110748\" style=\"width: 2292px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110748\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-template-parts.jpg\" alt=\"L'icona ellipsis lancia l'editor di parti di template isolate\" width=\"2292\" height=\"1316\"><figcaption id=\"caption-attachment-110748\" class=\"wp-caption-text\">L&#8217;icona ellipsis lancia l&#8217;editor di parti di template isolate<\/figcaption><\/figure>\n<p>L&#8217;editor delle parti di template fornisce anche una coppia di maniglie trascinabili che permettono di controllare il comportamento del template a diverse risoluzioni dello schermo.<\/p>\n<figure id=\"attachment_110762\" aria-describedby=\"caption-attachment-110762\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110762\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/adjusting-preview-dimension-1.jpg\" alt=\"Regolazione della dimensione dell'anteprima della parte di template\" width=\"2130\" height=\"1196\"><figcaption id=\"caption-attachment-110762\" class=\"wp-caption-text\">Regolazione della dimensione dell&#8217;anteprima delle parti di template<\/figcaption><\/figure>\n<p>Una volta che siete soddisfatti delle vostre modifiche, salvate il lavoro e tornate all&#8217;editor principale dei template per controllare il risultato finale.<\/p>\n<p>Se volete approfondire la nuova architettura delle informazioni, potreste dare un&#8217;occhiata ai seguenti articoli:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">Site editing IA concepts: How to surface and access new features<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">Site Editing iA concepts \u2013 Part 2<\/a><\/li>\n<\/ul>\n<h2>Al Core di Twenty Twenty-Two: Una Rapida Panoramica del <strong>theme.json<\/strong><\/h2>\n<p>Per capire bene come funzionano Twenty Twenty-Two e i temi a blocchi (come <a href=\"https:\/\/www.anarieldesign.com\/themes\/block-based-wordpress-theme\/\">Bricksy<\/a>), diamo un&#8217;occhiata alla nuova configurazione del tema e al meccanismo degli stili basato sul file <strong>theme.json<\/strong>.<\/p>\n<p>Introdotto con <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">WordPress 5.8<\/a>, questo nuovo meccanismo permette agli sviluppatori di temi di configurare l&#8217;editor e aggiungere il supporto di funzioni specifiche da un <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">punto di configurazione centrale<\/a>.<\/p>\n<p>In Twenty Twenty-Two, il file <strong>theme.json<\/strong> ha la seguente struttura:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {},\n\t\"styles\": {},\n\t\"customTemplates\": {},\n\t\"templateParts\": {}\n}<\/code><\/pre>\n<p>Diamo una rapida occhiata ad ogni sezione.<\/p>\n<h3>Versione<\/h3>\n<p>Il campo <code>version<\/code> descrive la versione del tema, che attualmente \u00e8 <code>2<\/code>.<\/p>\n<h3>Impostazioni<\/h3>\n<p>La sezione <code>settings<\/code> <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#settings\">definisce le impostazioni<\/a> a livello globale o di blocco. Le impostazioni definite a livello superiore influenzano tutti i blocchi, ma i blocchi possono sovrascrivere individualmente le impostazioni globali. In Twenty Twenty-Two troverete le seguenti impostazioni:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"duotone\": [...],\n\t\t\t\"gradients\": [...],\n\t\t\t\"palette\": [...]\n\t\t},\n\t\t\"custom\": {...},\n\t\t\"spacing\": {...},\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\n\t\t\t\"fontFamilies\": [...],\n\t\t\t\"fontSizes\": [...]\n\t\t},\n\t\t\"layout\": {...}\n\t}\n}<\/code><\/pre>\n<p>Le <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#css-custom-properties-presets-custom\">impostazioni predefinite<\/a> sono chiamate <strong>preset<\/strong> e sono utilizzate per <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">generare propriet\u00e0 CSS personalizzate<\/a> e nomi di classi basati su una specifica <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">convenzione di denominazione<\/a>:<\/p>\n<ul>\n<li>Propriet\u00e0 CSS personalizzata <code>--wp--preset--{preset-category}--{preset-slug}<\/code><\/li>\n<li>Nome della classe CSS <code>.has-{preset-slug}-{preset-category}<\/code><\/li>\n<\/ul>\n<p>Una volta che un tema ha definito i suoi preset, le corrispondenti propriet\u00e0 CSS personalizzate possono essere utilizzate per dare stile a blocchi ed elementi nella sezione <code>styles<\/code>.<\/p>\n<h3>Stili<\/h3>\n<p>La sezione <code>styles<\/code> \u00e8 la sezione in cui i temi definiscono <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\">gli stili predefiniti<\/a> dei blocchi e degli elementi. Vedi, ad esempio, i seguenti stili di Twenty Twenty-Two per il blocco core Button:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"radius\": \"0\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--primary)\",\n\t\t\t\t\t\"text\": \"var(--wp--preset--color--background)\"\n\t\t\t\t},\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSize\": \"var(--wp--preset--typography--font-size--normal)\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Noterete le propriet\u00e0 CSS personalizzate utilizzate nelle dichiarazioni delle propriet\u00e0.<\/p>\n<h3>Template Personalizzati<\/h3>\n<p>La sezione <code>customTemplates<\/code> \u00e8 il posto dove un tema dichiara i suoi <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#customtemplates\">template personalizzati<\/a>. I campi <code>name<\/code> e <code>title<\/code> sono obbligatori. I temi possono anche dichiarare quale tipo di post pu\u00f2 utilizzare il template dichiarando la propriet\u00e0 <code>postTypes<\/code>.<\/p>\n<p>Twenty Twenty-Two fornisce quattro template personalizzati:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"customTemplates\": [\n\t\t{\n\t\t\t\"name\": \"blank\",\n\t\t\t\"title\": \"Blank\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\",\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-large-header\",\n\t\t\t\"title\": \"Page (Large Header)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"single-no-separators\",\n\t\t\t\"title\": \"Single Post (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-no-separators\",\n\t\t\t\"title\": \"Page (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>Troverete i file <strong>.html<\/strong> corrispondenti nella cartella <strong>block-templates<\/strong>.<\/p>\n<figure id=\"attachment_111516\" aria-describedby=\"caption-attachment-111516\" style=\"width: 1224px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111516\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-block-templates-folder.jpg\" alt=\"La cartella block-templates di Twenty Twenty-Two\" width=\"1224\" height=\"587\"><figcaption id=\"caption-attachment-111516\" class=\"wp-caption-text\">La cartella <strong>block-templates<\/strong> di Twenty Twenty-Two<\/figcaption><\/figure>\n<h3>Parti di Template<\/h3>\n<p>La sezione <code>templateParts<\/code> contiene le <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#templateparts\">definizioni delle parti di template<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-large-dark\",\n\t\t\t\"title\": \"Header (Dark, large)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-small-dark\",\n\t\t\t\"title\": \"Header (Dark, small)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\",\n\t\t\t\"area\": \"footer\"\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>I campi <code>name<\/code> e <code>title<\/code> sono obbligatori. I temi possono anche dichiarare un termine <code>area<\/code>, in cui la parte di template sar\u00e0 resa nell&#8217;editor.<\/p>\n<figure id=\"attachment_111360\" aria-describedby=\"caption-attachment-111360\" style=\"width: 1616px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111360\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-1.jpg\" alt=\"Parti di template di Twenty Twenty-Two\" width=\"1616\" height=\"1128\"><figcaption id=\"caption-attachment-111360\" class=\"wp-caption-text\">Parti di template di Twenty Twenty-Two<\/figcaption><\/figure>\n<p>I file <strong>.html<\/strong> delle parti di template si trovano nella cartella <strong>template-parts<\/strong>.<\/p>\n<p>Ora che sappiamo di pi\u00f9 sul <strong>theme.json<\/strong> di Twenty Twenty-Two, possiamo esplorare pi\u00f9 a fondo le caratteristiche del tema e la nuova interfaccia di editing.<\/p>\n<p>Immergiamoci nei <strong>Global Styles di Twenty Twenty-Two<\/strong>.<\/p>\n<h2>Stili Globali in Twenty Twenty-Two<\/h2>\n<p>Se guardate lo <em>style.css<\/em> di Twenty Twenty-Two, potreste rimanere sorpresi nel notare che contiene un numero minimo di dichiarazioni CSS. La ragione \u00e8 che <strong>nei temi a blocchi gli stili sono dichiarati nel file <em>theme.json<\/em><\/strong>.<\/p>\n<p>WordPress 5.9 porter\u00e0 le cose un passo avanti, introducendo una nuova funzionalit\u00e0 che permette agli utenti dei temi a blocchi di personalizzare l&#8217;aspetto degli elementi del sito da un&#8217;interfaccia utente chiamata <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">Global Styles<\/a>.<\/p>\n<p>L&#8217;interfaccia degli Stili Globali \u00e8 accessibile tramite la nuova icona <strong>Stili<\/strong> posta nell&#8217;angolo in alto a destra dell&#8217;editor (vedi anche <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">The Global Styles Interface<\/a>).<\/p>\n<p>Cliccando su quell&#8217;icona viene visualizzata una nuova barra laterale <strong>Styles<\/strong> che contiene tre pannelli separati:<\/p>\n<ul>\n<li>Un pannello <strong>Anteprima<\/strong>, che mostra un&#8217;anteprima delle personalizzazioni<\/li>\n<li>Un pannello <strong>Stili Globali<\/strong>, che fornisce l&#8217;accesso a gruppi specifici di controlli per <strong>Tipografia<\/strong>, <strong>Colori<\/strong> e <strong>Layout<\/strong><\/li>\n<li>Una voce <strong>Blocchi<\/strong>, che fornisce l&#8217;accesso alle impostazioni di stile a livello di blocco<\/li>\n<\/ul>\n<figure id=\"attachment_110852\" aria-describedby=\"caption-attachment-110852\" style=\"width: 1606px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110852\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/styles-sidebar.jpg\" alt=\"Styles sidebar\" width=\"1606\" height=\"1336\"><figcaption id=\"caption-attachment-110852\" class=\"wp-caption-text\">La barra laterale degli stili in Twenty Twenty-Two<\/figcaption><\/figure>\n<h3>La Palette dei Colori di Twenty Twenty-Two<\/h3>\n<p>Dal pannello <strong>Colors<\/strong> \u00e8 possibile modificare le palette disponibili e assegnare o cambiare i colori dello <strong>sfondo<\/strong>, del <strong>testo<\/strong> o dei <strong>link<\/strong>.<\/p>\n<p>Nel pannello <strong>Palette<\/strong>, potete personalizzare la palette del <strong>tema<\/strong> o la palette <strong>predefinita<\/strong>, e anche creare una vostra palette personalizzata.<\/p>\n<figure id=\"attachment_110941\" aria-describedby=\"caption-attachment-110941\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110941\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-settings.jpg\" alt=\"TT2 color settings\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110941\" class=\"wp-caption-text\">Impostazioni dei colori in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Avete gi\u00e0 trovato il codice che genera i controlli del colore?<\/p>\n<p>Se non l&#8217;avete ancora fatto, aprite il <strong>theme.json<\/strong> di Twenty Twenty-Two nel vostro <a href=\"https:\/\/kinsta.com\/it\/blog\/migliori-editor-di-testo\/\">editor di codice<\/a> preferito. Troverete le seguenti dichiarazioni della palette dei colori:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#1a4548\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#ffe2c7\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>L&#8217;immagine qui sotto mostra come il codice qui sopra corrisponda alla palette dei colori di Twenty Twenty-Two.<\/p>\n<figure id=\"attachment_111011\" aria-describedby=\"caption-attachment-111011\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111011\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-palette.jpg\" alt=\"tt2 color palette\" width=\"1314\" height=\"972\"><figcaption id=\"caption-attachment-111011\" class=\"wp-caption-text\">La palette dei colori di Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ora supponiamo che vogliate cambiare il colore di sfondo predefinito di un particolare blocco. Scegliendo un colore diverso per lo sfondo del blocco assegnerete semplicemente una <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/--*\">variabile CSS<\/a> diversa alla propriet\u00e0 <code>background-color<\/code> dell&#8217;elemento. L&#8217;immagine qui sotto ne fornisce un esempio:<\/p>\n<figure id=\"attachment_111012\" aria-describedby=\"caption-attachment-111012\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111012\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-custom-property.jpg\" alt=\"TT2 custom property\" width=\"2036\" height=\"860\"><figcaption id=\"caption-attachment-111012\" class=\"wp-caption-text\">Il colore primario di Twenty Twenty-Two usato come colore di sfondo<\/figcaption><\/figure>\n<p>E questo \u00e8 tutto! Per far questo, non avrete bisogno di aggiungere una sola riga di codice CSS personalizzato nel Customizer o di creare un child theme.<\/p>\n<p>Ma continuiamo ad esplorare gli stili globali di Twenty Twenty-Two con qualche altro esempio.<\/p>\n<h3>Impostazioni Tipografia<\/h3>\n<p>Nel pannello <strong>Tipography<\/strong> \u00e8 possibile personalizzare gli stili della tipografia degli elementi <strong>Testo<\/strong> e <strong>Link<\/strong> di un sito web a livello globale.<\/p>\n<p>Ogni elemento fornisce accesso ad un gruppo di controlli per personalizzare la famiglia di caratteri, la dimensione e l&#8217;altezza delle linee.<\/p>\n<figure id=\"attachment_110847\" aria-describedby=\"caption-attachment-110847\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110847\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-typography-settings.jpg\" alt=\"Impostazioni tipografia in Twenty Twenty-Two\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110847\" class=\"wp-caption-text\">Impostazioni tipografia in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Vi state chiedendo quale sia il codice che genera questi controlli?<\/p>\n<p>Aprite il <strong>theme.json<\/strong> di Twenty Twenty-Two e individuate la sezione <code>typography<\/code>. Vedrete le seguenti impostazioni:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\"Source Serif Pro\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Small\",\n\t\t\t\t\t\"size\": \"1rem\",\n\t\t\t\t\t\"slug\": \"small\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Normal\",\n\t\t\t\t\t\"size\": \"1.125rem\",\n\t\t\t\t\t\"slug\": \"normal\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Medium\",\n\t\t\t\t\t\"size\": \"1.75rem\",\n\t\t\t\t\t\"slug\": \"medium\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Large\",\n\t\t\t\t\t\"size\": \"clamp(1.75rem, 3vw, 2.25rem)\",\n\t\t\t\t\t\"slug\": \"large\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Huge\",\n\t\t\t\t\t\"size\": \"clamp(2.5rem, 4vw, 3rem)\",\n\t\t\t\t\t\"slug\": \"huge\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n}<\/code><\/pre>\n<p>Dal codice qui sopra, potreste aspettarvi di vedere due famiglie di caratteri e cinque dimensioni di carattere. Avete indovinato.<\/p>\n<p>Ecco come il codice di cui sopra si traduce nelle impostazioni <strong>tipography<\/strong> degli stili globali:<\/p>\n<figure id=\"attachment_110848\" aria-describedby=\"caption-attachment-110848\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110848\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/font-family-font-size.jpg\" alt=\"Stili tipografia in Twenty Twenty-Two\" width=\"1300\" height=\"1196\"><figcaption id=\"caption-attachment-110848\" class=\"wp-caption-text\">Stili tipografia in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Se vi state chiedendo quale impostazione generi il controllo dell&#8217;<strong>altezza della linea<\/strong>, in Twenty Twenty-Two non troverete un&#8217;impostazione specifica, perch\u00e9 questa \u00e8 abilitata dalla propriet\u00e0 <code>appearanceTools<\/code>, che \u00e8 una scorciatoia per diverse dichiarazioni (vedi sezione successiva).<\/p>\n<h3>Strumenti per il Layout e per l&#8217;Aspetto<\/h3>\n<p>L&#8217;ultimo elemento nella barra laterale degli stili globali \u00e8 il <strong>Layout<\/strong>. Al momento in cui scriviamo, questa contiene il solo controllo del <code>padding<\/code>.<\/p>\n<figure id=\"attachment_111192\" aria-describedby=\"caption-attachment-111192\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111192\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layout.jpg\" alt=\"Impostazioni del layout in Twenty Twenty-Two\" width=\"1790\" height=\"1212\"><figcaption id=\"caption-attachment-111192\" class=\"wp-caption-text\">Impostazioni del layout in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>In Twenty Twenty-Two, il pannello Layout \u00e8 abilitato dalla <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">propriet\u00e0 delle impostazioni<\/a> <code>appearanceTools<\/code>, un booleano che pu\u00f2 essere utilizzato per <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/issues\/261\">abilitare diverse impostazioni<\/a> contemporaneamente:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true\n\t}\n}<\/code><\/pre>\n<p><code>\"appearanceTools\": true<\/code> sostituisce semplicemente il <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">seguente blocco di dichiarazioni<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t'settings': {\n\t\t'border': {\n\t\t\t'color': true,\n\t\t\t'radius': true,\n\t\t\t'style': true,\n\t\t\t'width': true\n\t\t},\n\t\t'color': {\n\t\t\t'link': true\n\t\t},\n\t\t'spacing': {\n\t\t\t'blockGap': true,\n\t\t\t'margin': true,\n\t\t\t'padding': true\n\t\t},\n\t\t'typography': {\n\t\t\t'lineHeight': true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>OK. Ci auguriamo che ora sia pi\u00f9 chiaro come le impostazioni dichiarate nel file <strong>theme.json<\/strong> corrispondano ai rispettivi controlli degli Stili Globali.<\/p>\n<p>Manca ancora un pezzo del nostro puzzle per avere il quadro completo del nuovo tema predefinito di WordPress: i <strong>block pattern<\/strong>.<\/p>\n<h2>I Block Pattern di Twenty Twenty-Two<\/h2>\n<p>Si potrebbe dire che Twenty Twenty-Two \u00e8 principalmente una <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">collezione di pattern<\/a> &#8211; e in effetti \u00e8 quasi cos\u00ec. In Twenty Twenty-Two, troverete un sacco di <a href=\"https:\/\/kinsta.com\/it\/blog\/wordpress-5-5\/#block-patterns\">block pattern<\/a> pronti all&#8217;uso che potete selezionare per costruire strutture sorprendenti e imprevedibili di blocchi annidati per le vostre pagine web.<\/p>\n<p>Il termine chiave qui \u00e8 <strong>potenziamento dell&#8217;utente<\/strong>. E questo calza a pennello perch\u00e9, con i clock pattern, potete costruire di tutto, da un accattivante portfolio a un sito promozionale a pagina singola, anche se non avete alcuna conoscenza di HTML o CSS!<\/p>\n<p>E WordPress 5.9 apporta miglioramenti significativi al sistema dei pattern, grazie al nuovo <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">Pattern Explorer<\/a>, uno strumento che permette di sfogliare i pattern in un modale a tutto schermo.<\/p>\n<figure id=\"attachment_111407\" aria-describedby=\"caption-attachment-111407\" style=\"width: 2442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111407\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-explorer.jpg\" alt=\"Il Pattern Explorer in Twenty Twenty-Two\" width=\"2442\" height=\"1378\"><figcaption id=\"caption-attachment-111407\" class=\"wp-caption-text\">Il Pattern Explorer in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Il nuovo strumento permette anche di importare rapidamente e facilmente i block pattern direttamente dalla <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a>. Questo apre nuove possibilit\u00e0 sia per gli utenti che per <a href=\"https:\/\/kinsta.com\/it\/blog\/blocchi-gutenberg\/\">gli sviluppatori<\/a> di WordPress, quindi \u00e8 probabile che il suo impiego aumenti notevolmente in futuro.<\/p>\n<figure id=\"attachment_111408\" aria-describedby=\"caption-attachment-111408\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111408\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wordpress-patterns-directory.jpg\" alt=\"WordPress Patterns directory\" width=\"2880\" height=\"2959\"><figcaption id=\"caption-attachment-111408\" class=\"wp-caption-text\">WordPress Patterns directory<\/figcaption><\/figure>\n<p>Twenty Twenty-Two offre <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/pull\/204\">molti pattern<\/a> (oltre 65), organizzati in cinque categorie.<\/p>\n<figure id=\"attachment_111409\" aria-describedby=\"caption-attachment-111409\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111409\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-categories-dropdown.jpg\" alt=\"Categorie dei pattern di Twenty Twenty-Two\" width=\"1522\" height=\"1250\"><figcaption id=\"caption-attachment-111409\" class=\"wp-caption-text\">Categorie dei pattern di Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Questo solido set di pattern si combina perfettamente ai template e alle parti di template del nuovo tema predefinito, rendendo l&#8217;esperienza di editing davvero sorprendente.<\/p>\n<figure id=\"attachment_111410\" aria-describedby=\"caption-attachment-111410\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111410\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layered-images-with-duotone-pattern.jpg\" alt=\"Immagini su livelli con duotone\" width=\"2880\" height=\"1332\"><figcaption id=\"caption-attachment-111410\" class=\"wp-caption-text\">Immagini su livelli con duotone<\/figcaption><\/figure>\n<figure id=\"attachment_111411\" aria-describedby=\"caption-attachment-111411\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111411\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/video-with-header-and-details.jpg\" alt=\"Video con intestazione e dettagli\" width=\"2880\" height=\"2544\"><figcaption id=\"caption-attachment-111411\" class=\"wp-caption-text\">Video con intestazione e dettagli<\/figcaption><\/figure>\n<figure id=\"attachment_111412\" aria-describedby=\"caption-attachment-111412\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111412\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/two-images-with-text.jpg\" alt=\"Due immagini con testo\" width=\"2002\" height=\"2160\"><figcaption id=\"caption-attachment-111412\" class=\"wp-caption-text\">Due immagini con testo<\/figcaption><\/figure>\n<p>Se non avete ancora avuto la possibilit\u00e0 di sperimentare i block pattern, con un semplice esempio vi mostreremo perch\u00e9 sono considerati strumenti cos\u00ec potenti.<\/p>\n<p>Supponiamo che vogliate rimuovere il footer predefinito dai template Index e Single Post e sostituirlo con un diverso block pattern di Twenty Twenty-Two.<\/p>\n<p>Avviate l&#8217;Editor del sito dal menu <strong>Aspetto<\/strong> o dal pulsante della barra degli strumenti del frontend di WordPress per personalizzare il template Index.<\/p>\n<p>Fate clic sul pulsante <strong>Index<\/strong> per visualizzare il menu a tendina dell&#8217;intestazione che mostra l&#8217;elenco delle aree di template disponibili nella pagina. Cliccate sul pulsante a forma di ellisse accanto a <strong>Footer<\/strong> e poi su <strong>Edit Footer<\/strong>.<\/p>\n<figure id=\"attachment_111413\" aria-describedby=\"caption-attachment-111413\" style=\"width: 1534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111413\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-inspector.jpg\" alt=\"Il template inspector\" width=\"1534\" height=\"812\"><figcaption id=\"caption-attachment-111413\" class=\"wp-caption-text\">Il template inspector<\/figcaption><\/figure>\n<p>Come detto sopra, questo aprir\u00e0 l&#8217;editor delle parti di template isolate.<\/p>\n<figure id=\"attachment_111414\" aria-describedby=\"caption-attachment-111414\" style=\"width: 2358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111414\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/isolated-template-part-editor.jpg\" alt=\"Il footer predefinito di Twenty Twenty-Two nell'editor delle parti di template\" width=\"2358\" height=\"848\"><figcaption id=\"caption-attachment-111414\" class=\"wp-caption-text\">Il footer predefinito di Twenty Twenty-Two nell&#8217;editor delle parti di template<\/figcaption><\/figure>\n<p>Ora aprite il block inserter e cliccate su <strong>Patterns<\/strong>.<\/p>\n<p>Aprite il nuovo strumento <strong>Pattern Explorer<\/strong>, selezionate la categoria <strong>Twenty Twenty-Two Footers<\/strong> e scegliete il vostro footer.<\/p>\n<figure id=\"attachment_111415\" aria-describedby=\"caption-attachment-111415\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111415\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-pattern-explorer.jpg\" alt=\"Il Pattern Explorer in Twenty Twenty-Two\" width=\"2360\" height=\"1338\"><figcaption id=\"caption-attachment-111415\" class=\"wp-caption-text\">Il Pattern Explorer in Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ora aggiungete e modificate i blocchi secondo le vostre esigenze.<\/p>\n<figure id=\"attachment_111416\" aria-describedby=\"caption-attachment-111416\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111416\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/new-footer-in-isolated-template-editor.jpg\" alt=\"Modificare il footer nell'editor delle parti di template isolate\" width=\"2360\" height=\"996\"><figcaption id=\"caption-attachment-111416\" class=\"wp-caption-text\">Modificare il footer nell&#8217;editor delle parti di template isolate<\/figcaption><\/figure>\n<p>Salvate l&#8217;intestazione e ricontrollate il sito quando siete soddisfatti delle modifiche.<\/p>\n<p>L&#8217;immagine qui sotto mette a confronto tre template (Index, Single Post, e Single Post with no separators) con diverse personalizzazioni dell&#8217;intestazione e del footer:<\/p>\n<figure id=\"attachment_111417\" aria-describedby=\"caption-attachment-111417\" style=\"width: 2400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111417\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-comparison.jpg\" alt=\"Personalizzazioni dell'intestazione e del footer confrontate in diversi template di Twenty Twenty-Two\" width=\"2400\" height=\"2223\"><figcaption id=\"caption-attachment-111417\" class=\"wp-caption-text\">Personalizzazioni dell&#8217;intestazione e del footer confrontate in diversi template di Twenty Twenty-Two<\/figcaption><\/figure>\n<h2>Come Estendere Twenty Twenty-Two con un Child Theme<\/h2>\n<p>Creare un <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">child theme per un tema a blocchi<\/a> \u00e8 un po&#8217; diverso dal creare un <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">child theme per un tema classico<\/a>.<\/p>\n<p>Ma una volta che avete una buona conoscenza della <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#what-is-the-structure-of-a-block-theme\">struttura di un tema a blocchi<\/a>, non vi sar\u00e0 difficile creare un child theme per Twenty Twenty-Two o qualsiasi altro tema a blocchi.<\/p>\n<p>Quindi cerchiamo di capire come personalizzare l&#8217;aspetto di un sito web basato su Twenty Twenty-Two.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Impostare un Child Theme per Twenty Twenty-Two<\/h3>\n<p>Nella vostra directory <strong>\/wp-content\/themes<\/strong>, <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#1-create-a-child-theme-folder\">create una nuova cartella<\/a> e nominatela come volete (ma secondo gli <a href=\"https:\/\/codex.wordpress.org\/Theme_Development#Theme_Development_Standards\">standard di sviluppo dei temi<\/a>). In questo esempio, abbiamo chiamato la cartella del child theme <em>twentytwentytwo-child<\/em>.<\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#2-create-a-stylesheet-style-css\">Ora avete bisogno<\/a> di un file <strong>style.css.<\/strong>. Aprite il vostro editor di codice preferito e create il seguente foglio di stile:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: Twenty Twenty-Two Child\nTheme URI: https:\/\/example.com\/\nAuthor: Your name\nAuthor URI: https:\/\/example.com\/\nDescription: A child theme for TT2.\nRequires at least: 5.8\nTested up to: 5.9\nRequires PHP: 5.6\nVersion: 0.2\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentytwentytwo-child\nTemplate: twentytwentytwo\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments\n\nTwenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org\nTwenty Twenty-Two Child is distributed under the terms of the GNU GPL.\n*\/<\/code><\/pre>\n<p>Come sempre, potrete modificare i campi secondo le vostre esigenze.<\/p>\n<p>Il child theme \u00e8 ora disponibile per l&#8217;anteprima. Potete attivarlo nella schermata di amministrazione <strong>Aspetto &gt; Temi<\/strong>.<\/p>\n<h3>2. Personalizzare le Impostazioni Globali<\/h3>\n<p>A partire da WordPress 5.9, i child theme con un file <strong>theme.json<\/strong> ereditano le impostazioni del tema genitore. Se il <strong>theme.json<\/strong> del child definisce un insieme di stili, allora quegli stili si applicano al di sopra degli stili del genitore.<\/p>\n<p>Quindi possiamo creare un file <strong>theme.json<\/strong> che include solo un piccolo blocco personalizzato di definizioni di impostazioni e stili, piuttosto che ridefinire tutte le nostre scelte originali.<\/p>\n<h4>Come Dichiarare una Palette di Colori Personalizzata<\/h4>\n<p>Quando si costruisce un child theme per Twenty Twenty-Two, il compito pi\u00f9 semplice \u00e8 sostituire la palette dei colori. Tutto quello che dovete fare \u00e8 definire una nuova palette di colori nel <strong>theme.json<\/strong> del vostro child come mostrato di seguito:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#FFFFFF\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#001F29\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#D6FDFF\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FDFCDC\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#FED9B7\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"accent\",\n\t\t\t\t\t\"color\": \"#E94435\",\n\t\t\t\t\t\"name\": \"Accent\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Salvate il vostro file e tornate all&#8217;editor del sito. La palette dei colori definita sopra dovrebbe aver sostituito la palette dei colori predefinita di Twenty Twenty-Two.<\/p>\n<figure id=\"attachment_111460\" aria-describedby=\"caption-attachment-111460\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111460\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-color-palette.jpg\" alt=\"Palette di colori del child theme\" width=\"2264\" height=\"1076\"><figcaption id=\"caption-attachment-111460\" class=\"wp-caption-text\">Palette di colori del child theme<\/figcaption><\/figure>\n<p>I colori saranno <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-support\/#block-color-palettes\">mostrati in ordine sulla tavolozza stessa<\/a>, e i loro nomi dovrebbero seguire le <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/#h-frequently-asked-questions\">best practice<\/a> e le <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">convenzioni di denominazione discusse su Github<\/a>.<\/p>\n<p>Potete leggere molto di pi\u00f9 sulle opzioni di colore del <strong>theme.json<\/strong> in questa <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\">panoramica approfondita di Carolina Nymark<\/a>.<\/p>\n<h4>Come Dichiarare Filtri Duotone Personalizzati<\/h4>\n<p>Potete anche sostituire i colori duotone predefiniti con un vostro set personalizzato di filtri.<\/p>\n<p>Per farlo, basta aggiungere il seguente codice alle impostazioni del <strong>theme.json<\/strong> del vostro child theme allo stesso livello della propriet\u00e0 <code>palette<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [...],\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [\n\t\t\t\t\t\t\"#001F29\",\n\t\t\t\t\t\t\"#FFFFFF\"\n\t\t\t\t\t],\n\t\t\t\t\t\"slug\": \"default-filter\",\n\t\t\t\t\t\"name\": \"Default filter\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Salvate il file e controllate il risultato nell&#8217;editor dei blocchi. Dovreste vedere un solo filtro duotone.<\/p>\n<figure id=\"attachment_111461\" aria-describedby=\"caption-attachment-111461\" style=\"width: 1564px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111461\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-duotone-filter.jpg\" alt=\"Il filtro duotone di un child theme\" width=\"1564\" height=\"1122\"><figcaption id=\"caption-attachment-111461\" class=\"wp-caption-text\">Il filtro duotone di un child theme<\/figcaption><\/figure>\n<h3>3. Personalizzare gli Stili di Blocco<\/h3>\n<p>Come abbiamo detto prima, a partire da WordPress 5.9 \u00e8 possibile personalizzare le impostazioni e gli stili del <strong>theme.json<\/strong> dall&#8217;interfaccia degli Stili globali.<\/p>\n<p>Gli stili dei blocchi possono essere personalizzati dall&#8217;interfaccia Global Styles <strong>solo se il blocco dichiara il supporto per una specifica funzionalit\u00e0<\/strong> nel file <strong>block.json<\/strong> corrispondente. Ma potete sovrascrivere le impostazioni predefinite del blocco nel <strong>theme.json<\/strong> del vostro child theme.<\/p>\n<p>Ora supponiamo che vogliate sovrascrivere gli stili dei blocchi Post Title e Group. Tutto quello che dovete fare \u00e8 definire gli stili che volete aggiungere o sovrascrivere, come mostrato di seguito:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {...},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--tertiary)\"\n\t\t\t\t},\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"padding\": \"var(--wp--custom--spacing--small)\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/group\": {\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"margin\": {\n\t\t\t\t\t\t\"top\": \"0\",\n\t\t\t\t\t\t\"bottom\": \"0\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Nell&#8217;esempio qui sopra, abbiamo cambiato la famiglia del font, il colore di sfondo e i valori di padding per <code>core\/post-title<\/code>, cos\u00ec come i margini superiore e inferiore per <code>core\/group<\/code>.<\/p>\n<p>L&#8217;immagine qui sotto mostra il risultato come apparirebbe sul sito pubblico:<\/p>\n<figure id=\"attachment_111462\" aria-describedby=\"caption-attachment-111462\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-111462\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-styles-post-title.jpg\" alt=\"Un blocco Post Title personalizzato\" width=\"2264\" height=\"832\"><figcaption id=\"caption-attachment-111462\" class=\"wp-caption-text\">Un blocco Post Title personalizzato<\/figcaption><\/figure>\n<p>E questo \u00e8 tutto per noi!<\/p>\n<p>Non ci addentreremo pi\u00f9 a fondo nei child theme per ora perch\u00e9 andrebbe oltre lo scopo di questo articolo. Nel frattempo, troverete altri esempi di <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/tree\/add\/tt2-child-themes\">child theme di Twenty Twenty-Two<\/a> su Github.<\/p>\n\n<h2>Riepilogo<\/h2>\n<p>Dando uno sguardo pi\u00f9 da vicino al nuovo tema predefinito di WordPress Twenty Twenty-Two e alle sue caratteristiche (che lo rendono il tema predefinito pi\u00f9 flessibile mai rilasciato), abbiamo svelato la nuova architettura delle informazioni introdotta con WordPress 5.9. Abbiamo anche dato un&#8217;occhiata alla nuova interfaccia dei Global Styles.<\/p>\n<p>Ci sono molte nuove fantastiche funzionalit\u00e0 in arrivo e sembra chiaro che il nuovo ambiente di editing sta diventando nel tempo pi\u00f9 solido, affidabile e funzionale.<\/p>\n<p>Mentre sono in arrivo molte nuove funzionalit\u00e0 di WordPress, altre stanno scomparendo o diminuendo di importanza. Molti utenti si chiedono cosa succeder\u00e0 al <a href=\"https:\/\/kinsta.com\/it\/blog\/come-personalizzare-il-vostro-tema-wordpress\/#customizing-your-theme-via-the-customizer\">Customizer<\/a> e come mantenere al meglio la retrocompatibilit\u00e0 con i temi esistenti.<\/p>\n<p>Ma non dovete aspettarvi di passare dai temi tradizionali ai temi a blocchi cos\u00ec all&#8217;improvviso. Al momento abbiamo infatti ben quattro diversi tipi di temi tra cui scegliere:<\/p>\n<ul>\n<li><strong>Temi a blocchi<\/strong>: Temi progettati per il FSE<\/li>\n<li><strong>Temi universali<\/strong>: Temi che funzionano sia con il Customizer che con l&#8217;Editor del sito<\/li>\n<li><strong>Temi ibridi<\/strong>: Temi classici che supportano le funzionalit\u00e0 di FSE come <strong>theme.json<\/strong><\/li>\n<li><strong>Temi classici<\/strong>: Temi con template PHP, functions.php, ecc.<\/li>\n<\/ul>\n<p>Quindi, per ora non c&#8217;\u00e8 da temere: ci sono ancora molte soluzioni tra cui scegliere se non vi sentite ancora pronti a passare ai temi a blocchi.<\/p>\n<p><em>E ora tocca a voi! Siete gi\u00e0 pronti a fare il grande salto e iniziare ad usare i temi a blocchi? Condividete i vostri pensieri con noi nei commenti qui sotto.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anche se un po&#8217; in ritardo rispetto al previsto, sta per arrivare un nuovo tema predefinito di WordPress. Il nome \u00e8 Twenty Twenty-Two! Il nuovo tema &#8230;<\/p>\n","protected":false},"author":36,"featured_media":50433,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[25717,10770],"topic":[25957],"class_list":["post-50432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-twenty-twenty-two","tag-wordpress-themes","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>Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.\" \/>\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-two\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\" \/>\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=\"2022-01-04T12:10:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-13T16:01:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\" \/>\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=\"27 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-two\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress\",\"datePublished\":\"2022-01-04T12:10:28+00:00\",\"dateModified\":\"2023-03-13T16:01:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\"},\"wordCount\":3890,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"keywords\":[\"Twenty Twenty-Two\",\"wordpress themes\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\",\"name\":\"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"datePublished\":\"2022-01-04T12:10:28+00:00\",\"dateModified\":\"2023-03-13T16:01:56+00:00\",\"description\":\"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Un'immersione profonda in Twenty Twenty-Two e nei temi di blocco di WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#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\":\"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi 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":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress","description":"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.","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-two\/","og_locale":"it_IT","og_type":"article","og_title":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress","og_description":"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.","og_url":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2022-01-04T12:10:28+00:00","article_modified_time":"2023-03-13T16:01:56+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Carlo Daniele","Tempo di lettura stimato":"27 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress","datePublished":"2022-01-04T12:10:28+00:00","dateModified":"2023-03-13T16:01:56+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/"},"wordCount":3890,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","keywords":["Twenty Twenty-Two","wordpress themes"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/","url":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/","name":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi di WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","datePublished":"2022-01-04T12:10:28+00:00","dateModified":"2023-03-13T16:01:56+00:00","description":"Twenty Twenty-Two \u00e8 il tema a blocchi predefinito introdotto con WordPress 5.9. Scopri tutte le principali caratteristiche in questa guida approfondita.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2021\/12\/twenty-twenty-two-a-deep-dive-wp.jpeg","width":1460,"height":730,"caption":"Un'immersione profonda in Twenty Twenty-Two e nei temi di blocco di WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/tema-twenty-twenty-two\/#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":"Analisi Approfondita di Twenty Twenty-Two e dei Temi a Blocchi 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\/50432","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=50432"}],"version-history":[{"count":13,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/50432\/revisions"}],"predecessor-version":[{"id":66821,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/50432\/revisions\/66821"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/translations\/dk"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/50432\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/50433"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=50432"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=50432"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=50432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}