{"id":163834,"date":"2022-04-19T09:00:00","date_gmt":"2022-04-19T07:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/full-site-editing-con-wordpress-il-futuro-di-gutenberg\/"},"modified":"2022-04-19T09:00:00","modified_gmt":"2022-04-19T07:00:00","slug":"full-site-editing-con-wordpress-il-futuro-di-gutenberg","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/de\/full-site-editing-con-wordpress-il-futuro-di-gutenberg\/","title":{"rendered":"Full Site Editing con WordPress: Il Futuro di Gutenberg"},"content":{"rendered":"<h2>Full Site Editing con WordPress: Gutenberg Diventa il Cuore del CMS<\/h2>\n<p style=\"text-align: justify;\">Con il rilascio di WordPress 5.9, il <strong>Full Site Editing (FSE)<\/strong> \u00e8 diventato una realt\u00e0 concreta. Dopo anni di sviluppo graduale, l&#8217;editor Gutenberg non si limita pi\u00f9 ai contenuti di pagine e articoli, ma permette di progettare l&#8217;intero sito: header, footer, sidebar, template e archivi. Questo cambiamento segna un punto di svolta nell&#8217;evoluzione di WordPress e apre possibilit\u00e0 inedite per chi vuole creare siti web personalizzati senza scrivere codice.<\/p>\n<h2>Block Themes: Una Nuova Generazione di Temi<\/h2>\n<p style=\"text-align: justify;\">Il Full Site Editing si basa sui <strong>block themes<\/strong> (temi a blocchi), una tipologia completamente diversa dai temi classici di WordPress. Mentre i temi tradizionali utilizzano file PHP come header.php, footer.php e index.php per definire la struttura del sito, i block themes utilizzano template HTML composti interamente da blocchi Gutenberg.<\/p>\n<p style=\"text-align: justify;\">Il tema di riferimento per il FSE \u00e8 <strong>Twenty Twenty-Two<\/strong>, il primo block theme predefinito di WordPress, rilasciato a gennaio 2022. Ma la directory dei temi WordPress si sta rapidamente popolando di alternative, sia gratuite sia premium, che sfruttano pienamente le capacit\u00e0 del Full Site Editing.<\/p>\n<p style=\"text-align: justify;\">Le differenze fondamentali rispetto ai temi classici sono:<\/p>\n<ul>\n<li><strong>Nessun Customizer<\/strong>: la personalizzazione avviene interamente nell&#8217;editor di blocchi<\/li>\n<li><strong>Template in HTML<\/strong>: i file di template usano markup di blocchi, non PHP<\/li>\n<li><strong>theme.json<\/strong>: un file di configurazione JSON sostituisce gran parte delle opzioni del Customizer<\/li>\n<li><strong>Portabilit\u00e0<\/strong>: i template personalizzati vengono salvati nel database, non nei file del tema<\/li>\n<\/ul>\n<h2>Template Editing: Progettare Ogni Pagina del Sito<\/h2>\n<p style=\"text-align: justify;\">La funzionalit\u00e0 pi\u00f9 potente del FSE \u00e8 la possibilit\u00e0 di modificare visivamente i <strong>template<\/strong> del sito. Da Aspetto > Editor (Site Editor), \u00e8 possibile selezionare e modificare il template di qualsiasi tipo di pagina: homepage, singolo articolo, pagina di archivio, risultati di ricerca, pagina 404 e molti altri.<\/p>\n<p style=\"text-align: justify;\">Ogni template \u00e8 composto da blocchi che possono essere aggiunti, rimossi, spostati e personalizzati. Il blocco <strong>Query Loop<\/strong>, ad esempio, permette di visualizzare elenchi di articoli con un controllo totale sul layout, mentre il blocco <strong>Navigation<\/strong> consente di creare menu complessi con sottomenu e icone.<\/p>\n<h3>Template Parts: Header, Footer e Oltre<\/h3>\n<p style=\"text-align: justify;\">I <strong>template parts<\/strong> sono componenti riutilizzabili all&#8217;interno dei template. L&#8217;header e il footer del sito sono i template parts pi\u00f9 comuni: vengono creati una volta e inseriti in tutti i template tramite il blocco Template Part. Questa architettura modulare semplifica la manutenzione e garantisce coerenza visiva in tutto il sito.<\/p>\n<p style=\"text-align: justify;\">Per chi desidera un sito WordPress costruito sulle tecnologie pi\u00f9 aggiornate, <a href=\"https:\/\/gtechgroup.it\/blog\/de\/perche-scegliere-g-tech-group-per-siti-wordpress-personalizzati\/\">affidarsi a un team specializzato<\/a> garantisce un risultato professionale e un&#8217;architettura a prova di futuro.<\/p>\n<h2>Pattern: Blocchi Pronti all&#8217;Uso<\/h2>\n<p style=\"text-align: justify;\">I <strong>pattern<\/strong> (modelli) sono gruppi preconfiggurati di blocchi che possono essere inseriti con un clic. WordPress 5.9 include una libreria di pattern integrati, e il Pattern Directory (patterns.developer.wordpress.org) offre centinaia di pattern creati dalla community, tutti gratuiti e personalizzabili.<\/p>\n<p style=\"text-align: justify;\">I pattern accelerano enormemente la creazione di layout complessi. Un pattern per una sezione &#8220;Chi siamo&#8221; potrebbe includere un&#8217;immagine, un titolo, un paragrafo di testo e un pulsante, tutti gi\u00e0 posizionati e stilizzati. L&#8217;utente deve solo sostituire i contenuti placeholder con i propri.<\/p>\n<p style=\"text-align: justify;\">Per i temi che offrono pattern personalizzati, la directory dei plugin WordPress include estensioni che aggiungono ulteriori librerie di pattern per casi d&#8217;uso specifici.<\/p>\n<h2>Global Styles e theme.json: Il Design System di WordPress<\/h2>\n<p style=\"text-align: justify;\">Il file <strong>theme.json<\/strong> \u00e8 il cervello stilistico del block theme. Definisce la palette colori, le tipografie, le dimensioni, gli spazi e le opzioni di personalizzazione disponibili per l&#8217;utente. \u00c8 in sostanza un design system dichiarativo che garantisce coerenza visiva e limita la possibilit\u00e0 di &#8220;rompere&#8221; il layout.<\/p>\n<p style=\"text-align: justify;\">L&#8217;interfaccia <strong>Global Styles<\/strong> nell&#8217;editor del sito permette di modificare visivamente molti parametri definiti in theme.json: colori del testo, dello sfondo e dei link, tipografia di titoli e paragrafi, larghezza del layout e spazi tra i blocchi. Queste modifiche si applicano globalmente a tutto il sito o possono essere specifiche per singoli blocchi.<\/p>\n<p style=\"text-align: justify;\">Un esempio concreto: se nel pannello Global Styles cambiate il colore primario del sito, tutti i pulsanti, i link e gli elementi che utilizzano quel colore si aggiornano simultaneamente. Questo approccio centralizzato elimina la necessit\u00e0 di modificare il CSS manualmente per ottenere cambiamenti globali.<\/p>\n<h2>Limiti Attuali e Prospettive Future<\/h2>\n<p style=\"text-align: justify;\">Il Full Site Editing nel 2022 \u00e8 una tecnologia promettente ma ancora in fase di maturazione. Alcuni limiti attuali includono:<\/p>\n<ol>\n<li><strong>Curva di apprendimento<\/strong>: chi \u00e8 abituato ai temi classici deve ripensare il proprio approccio<\/li>\n<li><strong>Compatibilit\u00e0 plugin<\/strong>: non tutti i plugin sono ancora ottimizzati per i block themes<\/li>\n<li><strong>Performance<\/strong>: i block themes possono generare HTML pi\u00f9 pesante rispetto ai temi ottimizzati<\/li>\n<li><strong>Funzionalit\u00e0 avanzate<\/strong>: alcune personalizzazioni richiedono ancora la modifica di theme.json o CSS custom<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Tuttavia, la direzione \u00e8 chiara: il Full Site Editing diventer\u00e0 lo standard di WordPress. Ogni release aggiunge nuove funzionalit\u00e0, migliora le performance e amplia le possibilit\u00e0 creative. Le PMI che adottano i block themes oggi si troveranno in vantaggio domani, con un sito costruito sulle fondamenta della tecnologia pi\u00f9 aggiornata del CMS pi\u00f9 diffuso al mondo.<\/p>\n<p style=\"text-align: justify;\">Se desiderate esplorare le possibilit\u00e0 del Full Site Editing per il vostro sito WordPress o state pianificando un restyling, <strong>G Tech Group<\/strong> \u00e8 il partner ideale per guidarvi in questa transizione. Contattateci a <strong>support@gtechgroup.it<\/strong> o su WhatsApp al <strong>0465 84 62 45<\/strong> per una consulenza personalizzata.<\/p>","protected":false},"excerpt":{"rendered":"<p>Full Site Editing con WordPress: Gutenberg Diventa il Cuore del CMS Con il rilascio di WordPress 5.9, il Full Site Editing (FSE) \u00e8 diventato una&hellip;<\/p>","protected":false},"author":2,"featured_media":163833,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Full Site Editing WordPress: il futuro di Gutenberg","_seopress_titles_desc":"Come funziona il Full Site Editing di WordPress: block themes, template editing, pattern, global styles e il futuro dell'editor Gutenberg.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"full site editing","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[{"_seopress_pro_rich_snippets_type":"custom","_seopress_pro_rich_snippets_custom":"<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"HowTo\",\"name\":\"Full Site Editing con WordPress: Il Futuro di Gutenberg\",\"description\":\"Full Site Editing con WordPress: Gutenberg Diventa il Cuore del CMS Con il rilascio di WordPress 5.9, il Full Site Editing (FSE) \u00e8 diventato una\u2026\",\"step\":[{\"@type\":\"HowToStep\",\"position\":1,\"name\":\"Full Site Editing con WordPress: Gutenberg Diventa il Cuore del CMS\",\"text\":\"Con il rilascio di WordPress 5.9, il Full Site Editing (FSE) \u00e8 diventato una realt\u00e0 concreta. Dopo anni di sviluppo graduale, l'editor Gutenberg non si limita pi\u00f9 ai contenuti di pagine e articoli, ma permette di progettare l'intero sito: header, footer, sidebar, template e archivi. Questo cambiamento segna un punto di svolta nell'evoluzione di WordPress e apre possibilit\u00e0 inedite per chi vuole creare siti web personalizzati senza scrivere codice.\"},{\"@type\":\"HowToStep\",\"position\":2,\"name\":\"Block Themes: Una Nuova Generazione di Temi\",\"text\":\"Il Full Site Editing si basa sui block themes (temi a blocchi), una tipologia completamente diversa dai temi classici di WordPress. Mentre i temi tradizionali utilizzano file PHP come header.php, footer.php e index.php per definire la struttura del sito, i block themes utilizzano template HTML composti interamente da blocchi Gutenberg.\"},{\"@type\":\"HowToStep\",\"position\":3,\"name\":\"Template Editing: Progettare Ogni Pagina del Sito\",\"text\":\"La funzionalit\u00e0 pi\u00f9 potente del FSE \u00e8 la possibilit\u00e0 di modificare visivamente i template del sito. Da Aspetto > Editor (Site Editor), \u00e8 possibile selezionare e modificare il template di qualsiasi tipo di pagina: homepage, singolo articolo, pagina di archivio, risultati di ricerca, pagina 404 e molti altri.\"},{\"@type\":\"HowToStep\",\"position\":4,\"name\":\"Template Parts: Header, Footer e Oltre\",\"text\":\"I template parts sono componenti riutilizzabili all'interno dei template. L'header e il footer del sito sono i template parts pi\u00f9 comuni: vengono creati una volta e inseriti in tutti i template tramite il blocco Template Part. Questa architettura modulare semplifica la manutenzione e garantisce coerenza visiva in tutto il sito.\"},{\"@type\":\"HowToStep\",\"position\":5,\"name\":\"Pattern: Blocchi Pronti all'Uso\",\"text\":\"I pattern (modelli) sono gruppi preconfiggurati di blocchi che possono essere inseriti con un clic. WordPress 5.9 include una libreria di pattern integrati, e il Pattern Directory (patterns.developer.wordpress.org) offre centinaia di pattern creati dalla community, tutti gratuiti e personalizzabili.\"},{\"@type\":\"HowToStep\",\"position\":6,\"name\":\"Global Styles e theme.json: Il Design System di WordPress\",\"text\":\"Il file theme.json \u00e8 il cervello stilistico del block theme. Definisce la palette colori, le tipografie, le dimensioni, gli spazi e le opzioni di personalizzazione disponibili per l'utente. \u00c8 in sostanza un design system dichiarativo che garantisce coerenza visiva e limita la possibilit\u00e0 di \"rompere\" il layout.\"},{\"@type\":\"HowToStep\",\"position\":7,\"name\":\"Limiti Attuali e Prospettive Future\",\"text\":\"Il Full Site Editing nel 2022 \u00e8 una tecnologia promettente ma ancora in fase di maturazione. Alcuni limiti attuali includono:\"}],\"image\":\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/02\/2022a-wp-gutenberg.jpg\"}<\/script>"}],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[61],"tags":[52,781,479,1005,1775,471,492],"class_list":["post-163834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-aggiornamenti-wordpress","tag-cms","tag-g-tech-group","tag-gutenberg","tag-performance","tag-personalizzazione","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/posts\/163834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/comments?post=163834"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/posts\/163834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/media\/163833"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/media?parent=163834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/categories?post=163834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/de\/wp-json\/wp\/v2\/tags?post=163834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}