{"id":68576,"date":"2023-11-10T07:00:28","date_gmt":"2023-11-10T15:00:28","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=68576"},"modified":"2025-06-11T13:20:31","modified_gmt":"2025-06-11T20:20:31","slug":"come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/","title":{"rendered":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress"},"content":{"rendered":"\n<p>Se sei un appassionato di Legos, allora adorerai i temi a blocchi di WordPress.<\/p>\n\n\n<p>A partire dalla versione 5.9, WordPress offre supporto completo per i temi a blocchi. Questo \u00e8 stato un cambiamento importante per la maggior parte dei siti, che erano costruiti su quello che ora \u00e8 noto come temi &#8220;classici&#8221;.<\/p>\n\n\n<p>Ma passare da un tema classico a un tema basato su blocchi richiede un po&#8217; di lavoro.<\/p>\n\n\n<p>In questo articolo, spiegheremo come funzionano e quali passaggi puoi intraprendere per passare dal vecchio stile a quello nuovo.<\/p>\n\n\n<p>Non sar\u00e0 <b>cos\u00ec <\/b>divertente come assemblare una Morte Nera da collezione del 2005 da 3,441 pezzi. Ma faremo del nostro meglio.<\/p>\n\n\n<h2 id=\"definition\" class=\"wp-block-heading\">Cos&#8217;\u00e8 Un Tema A Blocchi WordPress?<\/h2>\n\n\n<p>I temi a blocchi consentono agli utenti e agli amministratori dei siti web di personalizzare il layout delle loro pagine e contenuti utilizzando blocchi di contenuto modificabili e riutilizzabili.<\/p>\n\n\n<p>Inizialmente conosciuto come &#8220;<a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noopener\">modifica completa del sito<\/a>&#8221; (FSE) o &#8220;modifica del sito&#8221;, questi temi aggiungono funzionalit\u00e0 modulari basate su blocchi ai layout e ai template del tuo tema. Similmente a come l&#8217;<a href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">editor Gutenberg<\/a> ha introdotto <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">blocchi<\/a> e template di blocchi che possono essere utilizzati all&#8217;interno delle tue pagine e contenuti di post.<\/p>\n\n\n<p>Ma ora, puoi personalizzare il layout e i contenuti di tutto il tuo sito (inclusi i modelli di pagina e i modelli personalizzati) utilizzando blocchi visivi in stile drag-and-drop.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example.jpg\" alt=\"Esempio di Block Editor\" class=\"wp-image-42357 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-editor-example-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-editor-example-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Queste nuove funzionalit\u00e0 di editing visuale rendono estremamente facile costruire nuove strutture di pagina o personalizzare il contenuto di qualsiasi pagina oltre a ci\u00f2 che \u00e8 contenuto nel corpo della pagina.<\/p>\n\n\n<p>Questo significa che non dovrai affidarti a sviluppatori per personalizzare i file del tema o creare template personalizzati per aggiungere elementi oltre parole e immagini al tuo contenuto. Invece, puoi personalizzare il contenuto utilizzando l&#8217;editor.<\/p>\n\n\n<p>I singoli blocchi possono essere creati e progettati per adattarsi a un layout reattivo e corrispondere al colore e alla tipografia del tuo sito web.<\/p>\n\n\n<p>Inoltre, puoi creare e utilizzare <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">blocchi predefiniti<\/a> condivisibili. Questi sono blocchi gi\u00e0 pronti creati da singoli individui, aziende e sviluppatori WordPress.<\/p>\n\n\n<p>Tutti insieme, i temi a blocchi trasformano WordPress in un sistema pi\u00f9 modulare e flessibile. Emulano gran parte delle funzionalit\u00e0 di altri costruttori di siti in stile drag-and-drop resi popolari da aziende come Squarespace e Wix.<\/p>\n\n\n<p>I temi basati sul Framework dei blocchi includono generalmente blocchi personalizzati pre-costruiti che si adattano al design e allo stile del sito web. Puoi quindi utilizzare questi blocchi all&#8217;interno del tuo sito dove ne hai bisogno.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h2 id=\"differences\" class=\"wp-block-heading\">Temi a Blocchi Vs. Temi Classici<\/h2>\n\n\n<p>I temi classici di WordPress sono stati creati per realizzare uno stile e un design coerenti.<\/p>\n\n\n<p>La maggior parte delle aree del sito erano modificabili solo personalizzando il tema o modificando direttamente i file di template PHP per aggiungere funzionalit\u00e0 specifiche al sito web.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>PHP<\/h3>\n    <p>PHP (Hypertext Preprocessor) \u00e8 un linguaggio di scripting open-source. \u00c8 ampiamente utilizzato nello sviluppo web e pu\u00f2 essere incorporato in HTML. Diversi popolari sistemi di gestione dei contenuti (CMS), come WordPress, sono costruiti con PHP.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/php\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Scopri di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Allora, la maggior parte dei siti aveva alcuni template standard per ogni tipo di contenuto. Ad esempio, un template per le pagine e uno per i post. Gli editor di blocchi hanno generalmente ancora questa stessa struttura di tema, ma puoi facilmente creare variazioni o personalizzare ogni template utilizzando l&#8217;editor.<\/p>\n\n\n<p>Con l&#8217;<a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-update-old-wordpress-posts-block-editor\/\" target=\"_blank\" rel=\"noopener\">editor a blocchi<\/a>, hai pi\u00f9 controllo sulle singole parti di ogni pagina o post, e puoi creare nuovi template al volo.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"517\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block.jpg\" alt=\"Aggiungi Blocco Icone Social\" class=\"wp-image-42358 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1024x331.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-768x248.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-social-icons-block-1536x496.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1200x388.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-730x236.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1460x472.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-784x253.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-1568x507.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-social-icons-block-877x283.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/517;\" \/><\/figure>\n\n\n<p>Ad esempio, puoi aggiungere un blocco con icone social o una galleria di immagini ai tuoi modelli di pagina per farli apparire su ogni pagina del tuo sito web o aggiungerli a un singolo post.<\/p>\n\n\n<p>C&#8217;\u00e8 anche un editor di stile che ti permette di regolare le impostazioni del blocco e personalizzare gli elementi visivi come la palette di colori e il layout. Non devi nemmeno modificare alcun CSS.<\/p>\n\n\n<p>Oltre alla flessibilit\u00e0 e al controllo aggiuntivi, i temi a blocchi offrono numerosi vantaggi.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Elimina Shortcodes E Modifica Del Codice HTML<\/h3>\n\n\n<p>Con i temi classici, molti utenti WordPress si sono affidati a metodi personalizzati per aggiungere funzionalit\u00e0 o modificare il layout e il design dei loro post e pagine del blog.<\/p>\n\n\n<p>Gli shortcode e i frammenti HTML personalizzati venivano spesso utilizzati per sovrascrivere o inserire nuove funzionalit\u00e0 che non erano incluse nel tema del sito web.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>HTML<\/h3>\n    <p>HTML \u00e8 l&#8217;acronimo di HyperText Markup Language. \u00c8 il componente fondamentale del web e il linguaggio di markup standard per creare pagine web e applicazioni.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Ad esempio, potresti aver copiato e incollato un lungo frammento di codice in ogni post per aggiungere un invito all&#8217;azione o inserire un modulo di adesione.<\/p>\n\n\n<p>Ora, puoi semplicemente creare un <a href=\"https:\/\/wordpress.org\/documentation\/article\/reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">schema sincronizzato<\/a> (blocco riutilizzabile) per questo contenuto. Poi, crea un modello di post personalizzato per ogni CTA pertinente. Infine, seleziona semplicemente il modello di post per ciascun post per far apparire la CTA.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Sblocca Gli Elementi Nativi Del Costruttore Di Pagine<\/h3>\n\n\n<p>Per molti utenti, un tema basato su blocchi eliminer\u00e0 la necessit\u00e0 di plugin per la costruzione di pagine che sono diventati popolari nella comunit\u00e0 di WordPress.<\/p>\n\n\n<p>Questi plugin hanno funzionato come soluzione temporanea per gli utenti che desideravano un sistema modulare e basato su blocchi per la costruzione del loro sito web prima che fosse disponibile per la maggior parte dei temi WordPress.<\/p>\n\n\n<p>Questi temi sono, naturalmente, ancora popolari. Divi, Elementor, Gutenify e altri sono stati pionieri in questo campo, ma ora non devi usare questi temi specifici per sbloccare le capacit\u00e0 di costruzione modulare del sito.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Migliora Le Prestazioni Del Sito<\/h3>\n\n\n<p>Un altro grande vantaggio nel passare ai temi a blocchi \u00e8 il miglioramento della velocit\u00e0 di caricamento delle pagine e delle prestazioni del sito.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Tempo Di Caricamento Della Pagina<\/h3>\n    <p>Il tempo di caricamento della pagina \u00e8, in termini semplici, il tempo necessario perch\u00e9 una pagina web si carichi. In termini pi\u00f9 tecnici, \u00e8 il tempo impiegato per scaricare e visualizzare l&#8217;intero contenuto di una pagina web. \u00c8 solitamente misurato in secondi.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/hosting\/page-load-time\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi Di Pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>Molti siti si affidavano a plugin di terze parti o al copia e incolla di snippet di codice per ottenere la funzionalit\u00e0 e il design desiderati per le loro pagine. Ci\u00f2 porta spesso all&#8217;aggiunta di script e stili extra alle pagine. Ogni risorsa impiega tempo per caricarsi e rallenta il tuo sito web.<\/p>\n\n\n<p>Quindi, passando da un tema classico a un tema a blocchi, molti siti potranno eliminare questi pezzi extra. Questo semplificher\u00e0 il codice nella pagina e dovrebbe <a href=\"https:\/\/www.dreamhost.com\/blog\/gtmetrix\/\" target=\"_blank\" rel=\"noopener\">migliorare la velocit\u00e0 di caricamento e le prestazioni della pagina<\/a>.<\/p>\n\n\n<p>Che, a sua volta, pu\u00f2 <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noopener\">migliorare il SEO<\/a>, aumentare l&#8217;interazione e incrementare le conversioni.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>SEO<\/h3>\n    <p>L&#8217;ottimizzazione per i motori di ricerca (SEO) \u00e8 la pratica di migliorare il posizionamento di un sito nei risultati di ricerca. I risultati di ricerca vengono aggregati in base a diversi fattori, inclusi la rilevanza e la qualit\u00e0 di un sito. Ottimizzare il tuo sito per questi fattori pu\u00f2 aiutare ad aumentare i tuoi posizionamenti.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Riduci Conflitti, Aggiornamenti e Vulnerabilit\u00e0<\/h3>\n\n\n<p>Con meno dipendenza dai plugin di terze parti, avrai anche meno conflitti o aggiornamenti necessari per il tuo <a href=\"https:\/\/www.dreamhost.com\/blog\/what-makes-up-a-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">sito WordPress<\/a>.<\/p>\n\n\n<p>Man mano che i siti diventano pi\u00f9 complessi, i plugin aggiuntivi utilizzati possono spesso entrare in conflitto tra loro. Questo pu\u00f2 creare problemi gravi come il famigerato <a href=\"https:\/\/www.dreamhost.com\/blog\/troubleshooting-wordpress-white-screen-death\/\" target=\"_blank\" rel=\"noopener\">White Screen of Death<\/a>. E aggiornare i plugin pu\u00f2 sembrare un vero tiro di dadi. (\u201cQuesto sar\u00e0 quello che romper\u00e0 il mio sito?!\u201d)<\/p>\n\n\n<p>Forse ancora pi\u00f9 importante, meno dipendenza dai plugin di terze parti render\u00e0 anche <a href=\"https:\/\/www.dreamhost.com\/blog\/secure-your-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">il tuo sito pi\u00f9 sicuro<\/a>. Questi strumenti possono spesso introdurre vulnerabilit\u00e0 o exploit nel tuo codice. (Soprattutto se eviti di aggiornarli perch\u00e9 hai paura di danneggiare qualcosa di importante.)<\/p>\n\n\n<h2 id=\"should\" class=\"wp-block-heading\">Dovresti Passare A Un Tema A Blocchi?<\/h2>\n\n\n<p>Considerando tutti questi vantaggi, sembra chiaro che, nella maggior parte dei casi, passare a un tema a blocchi sia una mossa intelligente.<\/p>\n\n\n<p><b>La maggior parte<\/b> delle aziende e dei siti web dovrebbe considerare il passaggio da un tema classico a un tema a blocchi.<\/p>\n\n\n<p>Introduce numerosi miglioramenti alla qualit\u00e0 della vita che rendono pi\u00f9 facile gestire il tuo sito web e i tuoi contenuti e permette al tuo team di lavorare pi\u00f9 efficientemente e personalizzare i contenuti senza il tempo dedicato di uno sviluppatore utilizzando capacit\u00e0 di modifica senza codice.<\/p>\n\n\n<p>Ed \u00e8 un passo prezioso verso il miglioramento delle prestazioni e della sicurezza del tuo sito web.<\/p>\n\n\n<p>Quando <b>non <\/b>dovresti cambiare?<\/p>\n\n\n<p>In breve: se non hai tempo e risorse da dedicare al cambiamento. Modificare il tuo tema WordPress, specialmente se \u00e8 costruito su misura o pesantemente personalizzato, richiede un notevole lavoro.<\/p>\n\n\n<p>Mentre i tuoi contenuti, media e altri asset rimarranno intatti, il design generale del tuo sito web cambier\u00e0 per adattarsi al nuovo tema.<\/p>\n\n\n<p>Se desideri mantenere l&#8217;aspetto del tuo tema attuale o vuoi un aspetto completamente diverso, dovrai adeguare il design di conseguenza.<\/p>\n\n\n<p>Dal lato positivo: apportare quelle modifiche sar\u00e0 pi\u00f9 semplice perch\u00e9 il tuo nuovo tema sar\u00e0 basato su blocchi e ti permetter\u00e0 di modificare la maggior parte dei layout del tema, elementi, colori e stili senza dover modificare il codice.<\/p>\n\n\n<p>Diamo un&#8217;occhiata al processo.<\/p>\n\n\n<h2 id=\"howto\" class=\"wp-block-heading\">Come Passare A Un Tema A Blocchi WP<\/h2>\n\n\n<h3 class=\"wp-block-heading\">Fase 1: Esegui il Backup del Tuo Sito Web<\/h3>\n\n\n<p>Ogni volta che apporti aggiornamenti importanti al tuo sito web, crea un backup.<\/p>\n\n\n<p>\u00c8 cos\u00ec importante che lo ripeteremo.<\/p>\n\n\n<p>Crea un backup. (Seriamente.)<\/p>\n\n\n<p>Se stai utilizzando un servizio di <a href=\"https:\/\/www.dreamhost.com\/wordpress\/managed\/\" target=\"_blank\" rel=\"noopener\">hosting WordPress gestito<\/a>, dovresti avere opzioni di backup automatico e manuale.<\/p>\n\n\n<p>Se non lo sei, considera un plugin di WordPress come <a href=\"https:\/\/blogvault.net\/\" target=\"_blank\" rel=\"noopener\">BlogVault<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noopener\">UpdraftPlus<\/a>, o <a href=\"https:\/\/wordpress.org\/plugins\/jetpack-backup\/\" target=\"_blank\" rel=\"noopener\">Jetpack Backup<\/a> per salvare tutti i file e i contenuti del tuo sito.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Jetpack<\/h3>\n    <p>Jetpack \u00e8 un plugin di WordPress creato da Automattic, la societ\u00e0 dietro WordPress.com. \u00c8 un plugin che ti d\u00e0 accesso a funzionalit\u00e0 che di solito sono disponibili solo sui siti WordPress.com.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/jetpack\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<p>In questo modo, se qualcosa va storto, avrai un modo per ripristinare il tuo sito web.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passaggio 2: Valuta il Tuo Sito Web<\/h3>\n\n\n<p>La prossima cosa che dobbiamo fare \u00e8 capire cosa succeder\u00e0 quando farai il cambio.<\/p>\n\n\n<p>Cambiare il tuo tema ha generalmente due effetti immediati:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Il layout generale, i colori e gli stili del tuo sito web cambieranno.<\/li>\n\n\n\n<li>Perderai qualsiasi codice personalizzato o modifica che \u00e8 stata aggiunta direttamente nei file o nei template del tuo vecchio tema.<\/li>\n\n\n<\/ol>\n\n\n<p>Oltre a ci\u00f2, il tuo contenuto e tutto ci\u00f2 che \u00e8 stato aggiunto al corpo dei tuoi post e delle tue pagine dovrebbe rimanere invariato.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1537\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change.jpg\" alt=\"Solo Un Altro Cambio di Tema\" class=\"wp-image-42359 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-300x288.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1024x984.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-768x738.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/just-another-theme-change-1536x1476.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-600x576.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1200x1153.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-730x701.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1460x1403.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-784x753.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-1568x1506.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/just-another-theme-change-877x842.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1537;\" \/><\/figure>\n\n\n<p>Ad esempio, se stai utilizzando un tema classico e hai personalizzato il layout dell&#8217;intestazione del tuo sito, queste modifiche non verranno mantenute.<\/p>\n\n\n<p>Allora, cosa dovresti fare?<\/p>\n\n\n<p>Consulta tutte le pagine del tuo sito web (o almeno tutti i template unici).<\/p>\n\n\n<p>Cerca eventuali contenuti personalizzati, widget, banner, grafiche, ecc., che sono stati aggiunti ai file del tema. Questi appariranno generalmente nelle sezioni &#8220;statiche&#8221; come l&#8217;intestazione, la barra laterale o il pi\u00e8 di pagina.<\/p>\n\n\n<p>Prendi nota di ogni istanza che trovi. \u00c8 possibile aggiungere nuovamente questo contenuto al tuo sito dopo aver effettuato il cambio.<\/p>\n\n\n<p>E non preoccuparti. Anche se ti perdi qualcosa, generalmente puoi tornare al tuo vecchio tema per vedere cosa c&#8217;era e ora manca nel tuo nuovo sito.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 3: Scegli Un Tema<\/h3>\n\n\n<p>Ora \u00e8 il momento di scegliere il tuo tema.<\/p>\n\n\n<p>Qual \u00e8 il risultato desiderato?<\/p>\n\n\n<p>Vuoi un tema che somigli molto al design del tuo sito web attuale? O qualcosa di radicalmente diverso? Un aspetto completamente nuovo.<\/p>\n\n\n<p>Qualunque sia la direzione, puoi iniziare esplorando i temi disponibili nella <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\" target=\"_blank\" rel=\"noopener\">directory dei temi di WordPress<\/a>. (Clicca su &#8220;Temi a Blocchi&#8221; per filtrare.)<\/p>\n\n\n<p>Puoi anche dare un&#8217;occhiata alla nostra lista dei <a href=\"https:\/\/www.dreamhost.com\/blog\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noopener\">27 migliori temi a blocchi<\/a>.<\/p>\n\n\n<p>Tieni presente che le opzioni di personalizzazione sono praticamente illimitate con tutti i temi a blocchi. \u00c8 come quando cerchi un appartamento o una casa. Non fissarti sul colore delle pareti. Puoi sempre ridipingere. Pur volendo cercare temi che si avvicinino allo stile generale e alle preferenze di design, sarai in grado di modificare il tema per adattarlo alle tue esigenze.<\/p>\n\n\n<p>Ad esempio, se preferisci un design minimalista potresti voler iniziare con un tema semplice. Un&#8217;altra opzione \u00e8 modificare un tema complesso per rimuovere parte del contenuto.<\/p>\n\n\n<p>Infine, guarda i blocchi pre-progettati inclusi nei temi.<\/p>\n\n\n<p>Molti temi includeranno stili di blocchi personalizzati che sono gi\u00e0 stati creati e diventano disponibili come opzioni non appena attivi il tema. Questo pu\u00f2 essere un grande risparmio di tempo rispetto al dover creare ulteriori blocchi manualmente dopo aver configurato il nuovo tema.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples.jpg\" alt=\"Esempi di blocchi di motivi\" class=\"wp-image-42360 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/pattern-block-examples-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/pattern-block-examples-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Esplora la sezione &#8220;Patterns&#8221; del tema per vedere come questi blocchi vengono utilizzati per creare sezioni personalizzate. Molti temi includeranno esempi di pattern per gli header, pattern per i footer e altre sezioni o componenti rilevanti che potresti voler utilizzare nel tuo sito web.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 4: Installa E Attiva Il Tema<\/h3>\n\n\n<p>Una volta scelto un tema, \u00e8 il momento di installarlo.<\/p>\n\n\n<p>Puoi scaricare il file zip del tema block localmente e poi caricarlo. Oppure, se il tema \u00e8 presente nella directory di WordPress, puoi installarlo dal tuo WP Admin.<\/p>\n\n\n<p>Per fare questo, vai su <i>Aspetto &gt; Temi,<\/i> e clicca il pulsante &#8220;Aggiungi Nuovo&#8221;.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"992\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin.jpg\" alt=\"Aggiungi Nuovo Tema su WP Admin\" class=\"wp-image-42361 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1024x635.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/add-new-theme-wp-admin-1536x952.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1200x744.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-730x453.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1460x905.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-1568x972.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/add-new-theme-wp-admin-877x544.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/992;\" \/><\/figure>\n\n\n<p>Quindi, digita il nome del tema nella casella di ricerca. Trova il tema che desideri installare e passaci sopra con il mouse. Clicca su \u201cInstalla\u201d.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme.jpg\" alt=\"Installa Nuovo Tema\" class=\"wp-image-42362 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/install-new-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/install-new-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Ora il tuo nuovo tema \u00e8 installato!<\/p>\n\n\n<p>Torna alla tua pagina dei <i>Temi<\/i> e trova il tema. Puoi attivarlo subito cliccando su \u201cAttiva\u201d.<\/p>\n\n\n<p><b>Nota Per Gli Esperti<\/b>: Se sei ancora incerto su come apparir\u00e0 il tuo sito web con il nuovo tema, utilizza l&#8217;opzione &#8220;Anteprima Dal Vivo&#8221; per vedere come sar\u00e0. Oppure, ancora meglio, installa il tema e segui i passaggi successivi su una <a href=\"https:\/\/www.dreamhost.com\/blog\/website-staging-beginners-guide\/\" target=\"_blank\" rel=\"noopener\">versione di staging del tuo sito web<\/a>. In questo modo, le modifiche non saranno visibili mentre stai aggiornando e personalizzando il tuo sito.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Passo 5: Personalizza Il Layout E Il Design<\/h3>\n\n\n<p>Una volta attivato il tema, il tuo sito web apparir\u00e0 (probabilmente) diverso rispetto a prima.<\/p>\n\n\n<p>Ora \u00e8 il tuo momento di personalizzare l&#8217;aspetto con la configurazione del tuo tema. Puoi ricreare il design precedente che usavi per il tuo sito, oppure puoi indirizzarlo in una direzione completamente nuova.<\/p>\n\n\n<p>In entrambi i casi, puoi utilizzare la funzionalit\u00e0 di blocco dell&#8217;intero sito per personalizzare con solo pochi clic.<\/p>\n\n\n<p>Normalmente, se il tuo tema pu\u00f2 utilizzare l&#8217;Editor di Sito, apparir\u00e0 un nuovo messaggio nella pagina <i>customize.php <\/i> che dice: \u201cEvviva! Il tuo tema supporta la modifica del sito con i blocchi! Dimmi di pi\u00f9. Usa l&#8217;Editor di Sito.\u201d<\/p>\n\n\n<p>Se non vedi questo messaggio per qualsiasi motivo, dalla pagina dei <i>Themes<\/i>, clicca su &#8220;Personalizza&#8221; sul tuo nuovo tema.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"991\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme.jpg\" alt=\"Personalizza Tema WordPress\" class=\"wp-image-42363 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-300x186.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1024x634.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-768x476.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/wordpress-customize-theme-1536x951.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-600x372.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1200x743.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-730x452.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1460x904.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-784x486.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-1568x971.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/wordpress-customize-theme-877x543.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/991;\" \/><\/figure>\n\n\n<p>Ora vedrai la schermata dell&#8217;Editor. Da qui, puoi immergerti e modificare qualsiasi pagina o post specifico sul tuo sito. Puoi anche modificare e creare nuovi modelli o schemi.<\/p>\n\n\n<p>Qui \u00e8 dove vorrai trascorrere la maggior parte del tuo tempo. A seconda dei tuoi obiettivi per il nuovo tema, potresti voler passare attraverso ogni modello e schema predefiniti per personalizzare il contenuto e il layout.<\/p>\n\n\n<p>Oltre a modificare il layout e i blocchi sul tuo sito, puoi anche utilizzare le opzioni di modifica per personalizzare le impostazioni dello stile.<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"984\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings.jpg\" alt=\"Impostazioni Stile Blocco\" class=\"wp-image-42364 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1024x630.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/block-style-settings-1536x945.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1200x738.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-730x449.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1460x898.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-784x482.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-1568x964.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2023\/11\/block-style-settings-877x539.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/984;\" \/><\/figure>\n\n\n<p>Nelle impostazioni &#8220;Blocco&#8221;, dovresti vedere una serie di opzioni di stile. Qui puoi regolare gli elementi di design come la dimensione del carattere, l&#8217;allineamento, la spaziatura e gli schemi di colori.<\/p>\n\n\n<p>Puoi anche aggiungere classi CSS personalizzate per ciascun elemento sotto <i>Avanzate<\/i>.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>CSS<\/h3>\n    <p>I Cascading Style Sheets (CSS) sono un linguaggio di codifica essenziale utilizzato per lo styling delle pagine web. I CSS ti aiutano a creare pagine bellissime modificando l&#8217;aspetto di vari elementi, inclusi lo stile del font, il colore, il layout e altro ancora.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/css\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Leggi di pi\u00f9                    <\/a>\n\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Passaggio 6: Verifica la Presenza di Plugin o Widget Danneggiati<\/h3>\n\n\n<p>Non tutti i plugin, widget o personalizzazioni funzioneranno con i temi a blocchi.<\/p>\n\n\n<p>Se il tuo sito web utilizzava un certo numero di plugin e widget (che avresti dovuto identificare nel Passo 2), potrebbe essere necessario apportare alcune modifiche nel backend.<\/p>\n\n\n<p>I plugin di blocco sono compatibili con i temi a blocchi, ma alcuni pi\u00f9 vecchi potrebbero non funzionare.<\/p>\n\n\n<p>Immagina di voler aggiungere un widget social che usavi con il tuo vecchio tema. Se non vedi l&#8217;opzione per aggiungere quel particolare widget dall&#8217;editor di blocchi, probabilmente devi trovare un nuovo plugin che sia supportato.<\/p>\n\n\n<h2 id=\"summary\" class=\"wp-block-heading\">Trova Il Tema A Blocchi Perfetto Per Il Tuo Sito Web<\/h2>\n\n\n<p>Ora che conosci i passaggi, \u00e8 il momento della parte divertente.<\/p>\n\n\n<p>Trovare il tema a blocchi giusto per il tuo sito web, che si tratti di un blog personale, di un sito aziendale o di una piattaforma mediatica, pu\u00f2 essere entusiasmante, con cos\u00ec tante fantastiche opzioni disponibili.<\/p>\n\n\n<p>Alcuni dei nostri temi a blocchi popolari preferiti:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/themes\/twentytwentythree\/\" target=\"_blank\" rel=\"noopener\">Twenty Twenty-Three<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noopener\">GeneratePress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\" target=\"_blank\" rel=\"noopener\">Blockbase<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noopener\">SeedProd<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi<\/a><\/li>\n\n\n<\/ol>\n\n\n<p>Con il tema giusto, sei sulla buona strada per diventare un maestro dei <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-use-wordpress-blocks\/\" target=\"_blank\" rel=\"noopener\">blocchi WordPress<\/a>, DreamHost pu\u00f2 aiutarti!<\/p>\n\n\n<p>Buona costruzione!<\/p>\n\n\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Lo Sogni, Noi Lo Programmiamo\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Sfrutta pi\u00f9 di 20 anni di competenza nella programmazione quando scegli il nostro servizio di Sviluppo Web. Dicci solo cosa desideri per il tuo sito u2014 ci occupiamo noi del resto.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/development\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Scopri di pi\u00f9                    <\/a>\n\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Se sei un appassionato di Legos, allora adorerai i temi a blocchi di WordPress. A partire dalla versione 5.9, WordPress offre il pieno supporto per i temi a blocchi. Questo \u00e8 stato un grande cambiamento per la maggior parte dei siti, che erano costruiti su quello che ora \u00e8 conosciuto come temi &#8220;classici&#8221;. Tuttavia, passare da un tema classico a un tema basato su blocchi richiede [\u2026]<\/p>\n","protected":false},"author":1077,"featured_media":42353,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.","toc_headlines":"[[\"definition\",\"Cos'\u00e8 Un Tema A Blocchi WordPress?\"],[\"differences\",\"Temi a Blocchi Vs. Temi Classici\"],[\"should\",\"Dovresti Passare A Un Tema A Blocchi?\"],[\"howto\",\"Come Passare A Un Tema A Blocchi WP\"],[\"summary\",\"Trova Il Tema A Blocchi Perfetto Per Il Tuo Sito Web\"]]","hide_toc":false,"footnotes":""},"categories":[15068,15080,15072],"tags":[],"class_list":["post-68576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-it","category-getting-started-it","category-wordpress-it"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress\" \/>\n<meta property=\"og:description\" content=\"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-10T15:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T20:20:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress - DreamHost Blog","description":"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.","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:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/","og_locale":"en_US","og_type":"article","og_title":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress","og_description":"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2023-11-10T15:00:28+00:00","article_modified_time":"2025-06-11T20:20:31+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","type":"image\/jpeg"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-06-11T20:20:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/"},"wordCount":2528,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","articleSection":["Design del Sito Web","Per iniziare","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/","name":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","datePublished":"2023-11-10T15:00:28+00:00","dateModified":"2025-06-11T20:20:31+00:00","description":"Porta il tuo sito WordPress al livello successivo con un tema a blocchi. Scopri ci\u00f2 che devi sapere in questa guida.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/11\/Moving-From-WordPress-Classic-Themes-To-Block-Theme-HERO-Image.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/it\/come-passare-da-un-tema-classico-a-un-tema-a-blocchi-di-wordpress-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Come Passare Da Un Tema Classico A Un Tema A Blocchi Di WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"it","translations":{"it":68576,"es":42367,"en":42351,"uk":50963,"pt":56063,"de":56065,"pl":56069,"ru":56072,"fr":70741,"nl":70765},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=68576"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68576\/revisions"}],"predecessor-version":[{"id":68578,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/68576\/revisions\/68578"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/42353"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=68576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=68576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=68576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}