{"id":25901,"date":"2026-09-28T10:00:00","date_gmt":"2026-09-28T08:00:00","guid":{"rendered":"https:\/\/soccorsowp.it\/blog\/?p=25901"},"modified":"2026-09-28T10:00:00","modified_gmt":"2026-09-28T08:00:00","slug":"personalizzare-header-footer-wordpress-site-editor","status":"publish","type":"post","link":"https:\/\/soccorsowp.it\/blog\/personalizzare-header-footer-wordpress-site-editor\/","title":{"rendered":"Come personalizzare header e footer in WordPress con il Site Editor"},"content":{"rendered":"<h1>Come personalizzare header e footer in WordPress con il Site Editor<\/h1>\n<p>L&#8217;<strong>header<\/strong> e il <strong>footer<\/strong> sono le due aree pi\u00f9 importanti di un sito <a href=\"https:\/\/soccorsowp.it\/blog\/blocco-di-contenuti-opt-in-per-wordpress\/\">WordPress<\/a>: l&#8217;header contiene il logo, il menu di navigazione e spesso una call to action, mentre il footer include link utili, informazioni di contatto e i crediti. Con l&#8217;introduzione del <strong>Site Editor<\/strong> (editor del sito) in WordPress, puoi personalizzare entrambe le aree visivamente, senza toccare codice. Ecco come farlo.<\/p>\n<h2>Cos&#8217;\u00e8 il Site Editor e come accedervi<\/h2>\n<p>Il <strong>Site Editor<\/strong> \u00e8 l&#8217;evoluzione del Customizer di WordPress. \u00c8 disponibile con i temi a blocchi (block theme) come Twenty Twenty-Five e altri temi compatibili con il Full Site Editing. A differenza del vecchio Customizer, il Site Editor ti permette di modificare <strong>ogni parte del sito<\/strong> usando i blocchi di Gutenberg.<\/p>\n<p>Per accedere al Site Editor:<\/p>\n<ol>\n<li>Vai su <strong>Aspetto \u2192 Editor<\/strong> nel pannello admin.<\/li>\n<li>Si apre l&#8217;editor visuale del sito con una vista della homepage.<\/li>\n<li>Nel menu laterale, clicca su <strong>Template parts<\/strong> (Parti del template) per trovare Header e Footer.<\/li>\n<li>In alternativa, clicca direttamente sull&#8217;header o il footer nella preview per selezionarli e modificarli.<\/li>\n<\/ol>\n<p><strong>Nota:<\/strong> se usi un tema classico (non a blocchi), il Site Editor non \u00e8 disponibile. In quel caso, dovrai personalizzare header e footer tramite il Customizer, i widget o modificando i file del tema.<\/p>\n<h2>Personalizzare l&#8217;header<\/h2>\n<p>Seleziona l&#8217;header nel Site Editor e potrai modificarlo come qualsiasi altro contenuto a blocchi. Le personalizzazioni pi\u00f9 comuni:<\/p>\n<p><strong>Cambiare il logo:<\/strong><\/p>\n<ol>\n<li>Clicca sul blocco del logo nell&#8217;header.<\/li>\n<li>Seleziona <strong>Sostituisci<\/strong> per caricare un nuovo logo.<\/li>\n<li>Nelle impostazioni del blocco (pannello destro), imposta la larghezza massima del logo.<\/li>\n<li>Attiva l&#8217;opzione &#8220;Link alla homepage&#8221; se non \u00e8 gi\u00e0 attiva.<\/li>\n<\/ol>\n<p><strong>Modificare il menu di navigazione:<\/strong><\/p>\n<ol>\n<li>Clicca sul blocco <strong>Navigazione<\/strong> nell&#8217;header.<\/li>\n<li>Per aggiungere voci, clicca il <strong>+<\/strong> all&#8217;interno del blocco navigazione.<\/li>\n<li>Puoi aggiungere link a pagine, categorie, URL personalizzati o sottomenu.<\/li>\n<li>Per riordinare le voci, trascinale nella posizione desiderata.<\/li>\n<li>Nelle impostazioni del blocco, puoi configurare il <strong>menu mobile<\/strong> (hamburger menu) con opzioni per il punto di rottura e lo stile dell&#8217;overlay.<\/li>\n<\/ol>\n<p><strong>Aggiungere elementi all&#8217;header:<\/strong><\/p>\n<ul>\n<li><strong>Barra di ricerca:<\/strong> aggiungi il blocco &#8220;Cerca&#8221; per permettere ai visitatori di cercare nel sito direttamente dall&#8217;header.<\/li>\n<li><strong>Icone social:<\/strong> il blocco &#8220;Icone social&#8221; aggiunge link ai tuoi profili con le icone ufficiali dei social network.<\/li>\n<li><strong>Pulsante CTA:<\/strong> aggiungi un blocco &#8220;Bottone&#8221; con un link alla tua pagina di contatto o al servizio principale.<\/li>\n<\/ul>\n<h2>Personalizzare il footer<\/h2>\n<p>Il footer \u00e8 spesso trascurato, ma \u00e8 un&#8217;area strategica. Selezionalo nel Site Editor e personalizzalo:<\/p>\n<p><strong>Struttura tipica di un footer professionale:<\/strong><\/p>\n<ul>\n<li><strong>Colonne informative:<\/strong> usa il blocco &#8220;Colonne&#8221; per creare 3-4 sezioni affiancate (Chi siamo, Link utili, Contatti, Social).<\/li>\n<li><strong>Link di navigazione:<\/strong> aggiungi un blocco &#8220;Navigazione&#8221; con link a pagine importanti come Privacy Policy, Cookie Policy, Termini e Condizioni.<\/li>\n<li><strong>Informazioni di contatto:<\/strong> indirizzo, email, telefono in un blocco Paragrafo.<\/li>\n<li><strong>Copyright:<\/strong> aggiungi un blocco Paragrafo con il testo del copyright. Puoi usare il shortcode dell&#8217;anno corrente per mantenerlo aggiornato automaticamente.<\/li>\n<\/ul>\n<p><strong>Aggiungere widget al footer:<\/strong><\/p>\n<p>Nel Site Editor, i widget tradizionali sono sostituiti dai blocchi. Puoi aggiungere qualsiasi blocco nel footer: articoli recenti, form di iscrizione alla newsletter, mappa di Google, orari di apertura e altro.<\/p>\n<h2>Usare i pattern per header e footer<\/h2>\n<p>WordPress offre una libreria di <strong>pattern<\/strong> (modelli predefiniti) per header e footer. Invece di costruire da zero, puoi partire da un pattern e personalizzarlo:<\/p>\n<ol>\n<li>Nel Site Editor, seleziona l&#8217;header o il footer.<\/li>\n<li>Clicca sull&#8217;icona <strong>+<\/strong> per aggiungere un blocco.<\/li>\n<li>Cerca &#8220;pattern&#8221; o naviga nella tab <strong>Pattern<\/strong>.<\/li>\n<li>Filtra per &#8220;Header&#8221; o &#8220;Footer&#8221; per vedere i pattern disponibili.<\/li>\n<li>Inserisci il pattern che preferisci e personalizzalo.<\/li>\n<\/ol>\n<p>Puoi anche trovare pattern aggiuntivi nella <strong>Pattern Directory<\/strong> di WordPress.org, dove la community condivide design pronti all&#8217;uso.<\/p>\n<h2>Personalizzare header e footer con temi classici<\/h2>\n<p>Se usi un tema classico (non a blocchi), hai queste opzioni:<\/p>\n<ul>\n<li><strong>Customizer:<\/strong> vai su Aspetto \u2192 Personalizza per modificare logo, titolo del sito, menu e widget nelle aree del footer.<\/li>\n<li><strong>Widget:<\/strong> vai su Aspetto \u2192 Widget per aggiungere widget nelle aree del footer definite dal tema.<\/li>\n<li><strong>Menu:<\/strong> vai su Aspetto \u2192 Menu per creare e assegnare menu alle posizioni definite dal tema (header, footer, sidebar).<\/li>\n<li><strong>CSS personalizzato:<\/strong> per modifiche estetiche, aggiungi CSS nel Customizer \u2192 CSS aggiuntivo.<\/li>\n<li><strong>Tema child:<\/strong> per modifiche strutturali, crea un tema child e sovrascrivi i file <span style=\"font-family: monospace\">header.php<\/span> e <span style=\"font-family: monospace\">footer.php<\/span>.<\/li>\n<\/ul>\n<h2>Errori da evitare<\/h2>\n<p>Quando personalizzi header e footer, evita questi errori comuni:<\/p>\n<ul>\n<li><strong>Header troppo alto:<\/strong> un header che occupa troppo spazio verticale spinge il contenuto in basso, peggiorando l&#8217;esperienza utente soprattutto su mobile.<\/li>\n<li><strong>Troppi elementi nel menu:<\/strong> un menu con 15+ voci \u00e8 confuso. Raggruppa le voci in sottomenu o usa un mega menu.<\/li>\n<li><strong>Footer senza link legali:<\/strong> Privacy Policy e Cookie Policy sono obbligatori per legge in Europa. Assicurati che siano linkati nel footer.<\/li>\n<li><strong>Dimenticare il mobile:<\/strong> testa sempre l&#8217;aspetto di header e footer su smartphone. Il Site Editor ha un&#8217;anteprima mobile integrata.<\/li>\n<\/ul>\n<h2>Serve assistenza?<\/h2>\n<p>Se vuoi un header e un footer professionali per il tuo sito WordPress, o hai bisogno di personalizzazioni avanzate che vanno oltre il Site Editor, il team di <strong><a href=\"https:\/\/soccorsowp.it\/blog\/i-migliori-plugin-woocommerce-per-dominare-il-black-friday\/\">SoccorsoWP<\/a><\/strong> pu\u00f2 creare il design perfetto per te. <a href=\"https:\/\/soccorsowp.it\/ticket\/\">Apri un ticket<\/a> e migliora l&#8217;aspetto del tuo sito.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come personalizzare header e footer in WordPress con il Site Editor L&#8217;header e il footer sono le due aree pi\u00f9 importanti di un sito WordPress:&#8230;<\/p>\n","protected":false},"author":1,"featured_media":25902,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Come personalizzare header e footer WordPress con il Site Editor","_seopress_titles_desc":"Guida completa per personalizzare header e footer in WordPress con il Site Editor: logo, menu, colonne, pattern e suggerimenti per temi classici.","_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":"","footnotes":""},"categories":[742],"tags":[],"class_list":["post-25901","post","type-post","status-publish","format-standard","has-post-thumbnail","category-temi"],"_links":{"self":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/comments?post=25901"}],"version-history":[{"count":0,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/posts\/25901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media\/25902"}],"wp:attachment":[{"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/media?parent=25901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/categories?post=25901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soccorsowp.it\/blog\/wp-json\/wp\/v2\/tags?post=25901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}