{"id":13910,"date":"2026-11-09T09:16:56","date_gmt":"2026-11-09T09:16:56","guid":{"rendered":"https:\/\/andreafreelance.com\/?p=13910"},"modified":"2026-11-09T09:16:58","modified_gmt":"2026-11-09T09:16:58","slug":"temi-a-blocchi-wordpress","status":"publish","type":"post","link":"https:\/\/andreafreelance.com\/en\/temi-a-blocchi-wordpress\/","title":{"rendered":"Temi a blocchi WordPress: personalizzare header e footer"},"content":{"rendered":"\n\n
\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n Vota questo post<\/span>\n <\/div>\n <\/div>\n\n

Con i temi a blocchi WordPress puoi modificare header e footer dall’Editor del sito, senza intervenire necessariamente sui file del tema. Queste aree sono parti di template<\/strong> condivise: una modifica pu\u00f2 comparire in tutte le pagine che le utilizzano.<\/p>\n\n\n\n

Per questo consiglio di partire dalla struttura, prima di cambiare colori o spaziature. Il primo passo \u00e8 riconoscere il tema attivo e capire quali elementi stai modificando.<\/p>\n\n\n\n

Come riconoscere un tema a blocchi WordPress<\/h2>\n\n\n\n

L’Editor del sito distingue il tema dall’editor dei contenuti<\/h3>\n\n\n\n

Gutenberg, l’editor di blocchi, gestisce articoli e pagine anche nei temi classici. Un page builder \u00e8 invece uno strumento distinto.<\/p>\n\n\n\n

Con un tema a blocchi, normalmente trovi Aspetto > Editor<\/strong> e puoi modificare template, navigazione e stili del sito. L’editing dell’intero sito \u00e8 arrivato con WordPress 5.9<\/a>, con le prime funzioni basate su Gutenberg.<\/p>\n\n\n\n

Se la voce manca, considera anche i permessi dell’account: la sua assenza non identifica sempre il tipo di tema.<\/p>\n\n\n\n

Template, parti e contenuti hanno ruoli diversi<\/h3>\n\n\n\n

Il template stabilisce la struttura di una pagina. Le parti di template gestiscono aree condivise, come intestazione e footer. Il contenuto della pagina contiene invece testi e immagini specifici.<\/p>\n\n\n\n

Per esempio, modificare il logo nell’header condiviso pu\u00f2 aggiornare molte pagine. Cambiare una fotografia nel contenuto di una pagina riguarda soltanto quella pagina.<\/p>\n\n\n\n

Prima di un restyling, chiarisco questa distinzione per evitare interventi involontari sull’intero sito.<\/p>\n\n\n\n

Quale tema scegliere per un sito aziendale<\/h2>\n\n\n\n

Per un sito aziendale o un blog WordPress, valuto struttura dei contenuti, leggibilit\u00e0, aggiornamenti e gestione futura. La scelta del tema WordPress va fatta in base a questi criteri. Il numero di demo, da solo, dice poco.<\/p>\n\n\n\n

Questi temi sono punti di partenza per esigenze differenti.<\/p>\n\n\n\n

Tema<\/th>Caratteristica utile<\/th><\/tr><\/thead>
Twenty Twenty-Five<\/td>Tema predefinito di WordPress 6.7, con oltre 70 pattern.<\/td><\/tr>
GroundWP<\/td>Tema a blocchi gratuito con un’impostazione essenziale.<\/td><\/tr>
WonderTheme<\/td>Tema a blocchi sviluppato da YITH, orientato anche a WooCommerce.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

GroundWP \u00e8 un tema gratuito; per scegliere tra i temi WordPress gratuiti, valuta i contenuti effettivi, non la somiglianza con una demo.<\/p>\n\n\n\n

Astra, OceanWP, Hestia, Zakra, Blocksy, Neve, Kadence e Sydney compaiono spesso nelle raccolte per blog. Tuttavia, non vanno classificati automaticamente come temi a blocchi: supportare Gutenberg \u00e8 un’altra cosa. Anche le oltre 65 demo di Zakra non identificano la sua architettura.<\/p>\n\n\n\n

Per siti web destinati alle PMI preferisco confrontare anche navigazione mobile, dipendenze e compatibilit\u00e0 con i plugin necessari.<\/p>\n\n\n\n

\"Fogli<\/figure>\n\n\n\n

Come personalizzare l’header dall’Editor del sito<\/h2>\n\n\n\n

Prima di iniziare, prepara un backup completo di file e database. Per cambiamenti strutturali consiglio una copia di staging, separata dal sito pubblico.<\/p>\n\n\n\n

    \n
  1. Apri Aspetto > Editor<\/strong> e raggiungi i pattern o le parti di template. Le etichette possono variare tra versioni.<\/li>\n\n\n\n
  2. Individua l’intestazione utilizzata dal template interessato e aprila in modifica.<\/li>\n\n\n\n
  3. Usa la Vista elenco per riconoscere contenitori, logo, titolo del sito e navigazione.<\/li>\n\n\n\n
  4. Seleziona il blocco da modificare e intervieni sulle sue impostazioni.<\/li>\n\n\n\n
  5. Salva e leggi il riepilogo: WordPress indica quali elementi stai aggiornando.<\/li>\n<\/ol>\n\n\n\n

    Per il marchio utilizza il blocco Logo del sito. Per il menu usa Navigazione, con collegamenti chiari e una gerarchia comprensibile. Evita di ricostruire tutto con immagini contenenti testo.<\/p>\n\n\n\n

    Se modifichi una navigazione riutilizzata altrove, anche quelle occorrenze possono cambiare. Inoltre, una stessa intestazione pu\u00f2 comparire in homepage, articoli e pagine servizi.<\/p>\n\n\n\n

    \n

    Prima di salvare, considera dove viene utilizzata quella parte di template: il nome della pagina aperta non delimita necessariamente l’effetto della modifica.<\/p>\n<\/blockquote>\n\n\n\n

    \"Monitor<\/figure>\n\n\n\n

    Blocchi e stili per mantenere un design coerente<\/h2>\n\n\n\n

    Scegliere i blocchi secondo la funzione<\/h3>\n\n\n\n

    Il blocco colonne organizza testo e altri blocchi in strutture da due a sei colonne. Verifica come si impilano su mobile.<\/p>\n\n\n\n

    Introdotto con WordPress 5.4 il 31 marzo 2020, il blocco pulsanti raggruppa pi\u00f9 blocchi Pulsante. Il singolo Pulsante resta distinto e si trova al suo interno.<\/p>\n\n\n\n

    Nell’interfaccia italiana, il blocco corrispondente al termine blocco copertura si chiama Copertina. Permette di sovrapporre contenuti a uno sfondo, mantenendo un contrasto adeguato. Il blocco galleria consente di scegliere il numero di colonne e ritagliare le immagini in modo uniforme.<\/p>\n\n\n\n

    Nell’header preferisco strutture semplici: fotografie grandi e contenitori annidati possono complicare leggibilit\u00e0 e manutenzione.<\/p>\n\n\n\n

    Impostare prima gli stili generali<\/h3>\n\n\n\n

    Colori, tipografia e spaziature dovrebbero seguire regole comuni. Il pannello Stili dell’Editor del sito<\/a> permette di intervenire sull’aspetto generale e sui singoli tipi di blocco.<\/p>\n\n\n\n

    Il file theme.json<\/code> definisce impostazioni e stili del tema. Le personalizzazioni salvate nell’interfaccia possono prevalere sui valori dei file.<\/p>\n\n\n\n

    Perci\u00f2, se una modifica al codice sembra inefficace, considero anche gli stili gi\u00e0 salvati nel database. Aggiungere altro CSS senza individuare la causa rende pi\u00f9 difficile la gestione successiva.<\/p>\n\n\n\n

    Pattern sincronizzati e non sincronizzati: cosa cambia<\/h2>\n\n\n\n

    Riutilizzare una composizione senza confondere gli elementi<\/h3>\n\n\n\n

    I block pattern<\/strong>, introdotti con WordPress 5.5, sono composizioni precostituite di blocchi. Puoi personalizzarli con gli stessi strumenti usati per i blocchi Gutenberg.<\/p>\n\n\n\n

    I pattern sincronizzati propagano le modifiche a tutte le loro occorrenze. Nei pattern non sincronizzati, invece, le modifiche a un’istanza non si propagano alle altre.<\/p>\n\n\n\n

    Una parte di template, come il footer, definisce un’area strutturale del sito. Un pattern permette di riutilizzare una composizione, per esempio una sezione contatti.<\/p>\n\n\n\n

    I pattern forniti dal tema possono convivere con quelli della raccolta pubblica. Dopo averne inserito uno, verifica che colori, caratteri e larghezze siano coerenti con il progetto.<\/p>\n\n\n\n

    Creare un pattern e usare le sovrascritture<\/h3>\n\n\n\n

    Da WordPress 6.3 puoi selezionare i blocchi, aprire il menu con i tre puntini e scegliere Crea pattern<\/strong>. Assegna un nome e scegli se sincronizzarlo.<\/p>\n\n\n\n

    I pattern personalizzati vengono memorizzati come tipo di contenuto wp_block<\/code>; il metadato wp_pattern_sync_status<\/code> gestisce la sincronizzazione.<\/p>\n\n\n\n

    WordPress 6.6 ha introdotto la sovrascrittura dei pattern, detta anche block pattern override, tramite la Block Bindings API. Permette di aggiornare contenuti selezionati mantenendo sincronizzata la struttura.<\/p>\n\n\n\n

    Al debutto, la funzione supportava Titolo, cio\u00e8 il blocco Heading, Paragrafo, Immagine e Pulsante. La compatibilit\u00e0 non \u00e8 garantita per tutti i blocchi o le propriet\u00e0.<\/p>\n\n\n\n

    Registrare pattern e gestire le personalizzazioni nei file<\/h2>\n\n\n\n

    Funzioni e propriet\u00e0 per gli sviluppatori<\/h3>\n\n\n\n

    Per registrare composizioni tramite codice si usano register_block_pattern<\/code> e register_block_pattern_category<\/code>. La registrazione va eseguita nel momento appropriato, normalmente sull’hook init<\/code>.<\/p>\n\n\n\n

    Per esempio, register_block_pattern_category( 'azienda', array( 'label' => 'Azienda' ) );<\/code> registra una categoria denominata Azienda.<\/p>\n\n\n\n

    Per register_block_pattern<\/code>, title<\/code> e content<\/code> sono obbligatori: il secondo contiene il markup dei blocchi. Le propriet\u00e0 facoltative comprendono description<\/code>, categories<\/code>, keywords<\/code>, viewportWidth<\/code>, blockTypes<\/code>, postTypes<\/code>, templateTypes<\/code>, inserter<\/code> e source<\/code>. templateTypes<\/code> \u00e8 disponibile da WordPress 6.2.<\/p>\n\n\n\n

    Da WordPress 6.0 puoi registrare automaticamente pattern anche attraverso file PHP con intestazione appropriata nella cartella patterns<\/code> del tema. Un plugin dedicato \u00e8 preferibile quando la composizione deve restare disponibile cambiando tema.<\/p>\n\n\n\n

    Modificare soltanto i file necessari<\/h3>\n\n\n\n

    Nei temi a blocchi i template sono normalmente in templates<\/code>, mentre header e footer si trovano in parts<\/code>, per esempio parts\/header.html<\/code>.<\/p>\n\n\n\n

    Per interventi nei file consiglio un tema child WordPress<\/a>, duplicando soltanto gli elementi necessari. Ogni copia aggiunge infatti un elemento da mantenere.<\/p>\n\n\n\n

    Un theme.json<\/code> nel child permette personalizzazioni selettive delle strutture elaborate da WordPress<\/a>. Tuttavia, le versioni salvate nell’Editor possono prevalere sui file.<\/p>\n\n\n\n

    Il plugin ufficiale Create Block Theme<\/a> offre strumenti per creare ed esportare temi a blocchi. Non sostituisce backup, controllo del codice e test.<\/p>\n\n\n\n

    Controlli prima della pubblicazione<\/h2>\n\n\n\n

    Un design reattivo richiede verifiche reali. Prova il menu con la tastiera e su smartphone, controlla che il focus sia visibile e assicurati che l’intestazione non copra contenuti o comandi.<\/p>\n\n\n\n

    Per ottimizzare la velocit\u00e0, considero il peso del logo, delle immagini, dei font e degli script aggiunti. Un tema a blocchi non garantisce automaticamente buoni Core Web Vitals.<\/p>\n\n\n\n

    Anche la SEO tecnica WordPress \u00e8 distinta dalla grafica. Gerarchia dei titoli, collegamenti interni e indicizzazione richiedono attenzione. Rifare l’header non garantisce un miglior posizionamento del sito.<\/p>\n\n\n\n

    Su un e-commerce WooCommerce, prova anche il carrello, l’account e la navigazione fino al checkout. Queste verifiche rientrano nella manutenzione WordPress e nell’assistenza al sito, soprattutto dopo gli aggiornamenti che possono modificare il markup o il comportamento dei blocchi.<\/p>\n\n\n\n

    Domande frequenti sui temi a blocchi<\/h2>\n\n\n\n

    Serve Elementor per modificare header e footer?<\/h3>\n\n\n\n

    No. Con un tema a blocchi puoi usare l’Editor del sito. Elementor segue strumenti e condizioni differenti.<\/p>\n\n\n\n

    Perch\u00e9 la modifica compare su molte pagine?<\/h3>\n\n\n\n

    Probabilmente hai aggiornato una parte di template condivisa o un pattern sincronizzato. La modifica riguarda tutte le occorrenze collegate.<\/p>\n\n\n\n

    Cambiare tema conserva ogni personalizzazione?<\/h3>\n\n\n\n

    Non necessariamente. Contenuti, template, stili e impostazioni del tema hanno ruoli diversi. Prima del cambio preparo una copia di lavoro e valuto cosa trasferire.<\/p>\n\n\n\n

    Personalizzare senza perdere il controllo del sito<\/h2>\n\n\n\n

    La scelta decisiva \u00e8 distinguere contenuti locali e strutture condivise<\/strong>. Da questa distinzione dipendono modifiche ordinate e una gestione pi\u00f9 semplice.<\/p>\n\n\n\n

    Come sviluppatore WordPress freelance, consiglio di definire struttura e controlli prima dell’intervento. Costi e tempi dipendono da obiettivi, contenuti, pagine, funzionalit\u00e0, integrazioni e condizioni iniziali.<\/p>\n\n\n\n

    Se vuoi personalizzare il tema o pianificare un restyling, Parliamo del tuo progetto web<\/a>.<\/p>\n\n\n\n