{"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\/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\/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 <a href=\"https:\/\/gtechgroup.it\/blog\/plugin-wordpress-i-migliori-gratuiti-e-premium-per-il-tuo-sito\/\">plugin WordPress<\/a> 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>\n","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>\n","protected":false},"author":2,"featured_media":163833,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_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":"","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\/wp-json\/wp\/v2\/posts\/163834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=163834"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/163834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/163833"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=163834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=163834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=163834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}