{"id":5613,"date":"2019-02-06T03:28:24","date_gmt":"2019-02-06T02:28:24","guid":{"rendered":"https:\/\/www.vla-bag.ch\/2019\/02\/06\/creare-lintestazione-della-pagina-iniziale\/"},"modified":"2025-08-17T18:09:31","modified_gmt":"2025-08-17T16:09:31","slug":"creare-lintestazione-della-pagina-iniziale","status":"publish","type":"post","link":"https:\/\/www.vla-bag.ch\/it\/2019\/02\/06\/creare-lintestazione-della-pagina-iniziale\/","title":{"rendered":"Creare l’intestazione della pagina iniziale"},"content":{"rendered":" \n

La Home Page utilizza un elemento di intestazione molto specifico. Sfrutta quasi tutte le funzionalit\u00e0 offerte dall’elemento di intestazione. Tra cui lo sfondo dell’immagine in primo piano, la fusione con l’intestazione del sito e la posizione e i colori personalizzati della navigazione. Scopri di pi\u00f9 sull’elemento Intestazione qui: <\/p> \n \n

\nhttps:\/\/docs.generatepress.com\/article\/header-element-overview\/ \n<\/div><\/figure> \n \n

L’elemento di intestazione del sito unito<\/h2> \n \n

Per modificare l’intestazione vai su: Aspetto > Elementi -> Home Page Hero - Unita.<\/strong> Da notare che questa intestazione \u00e8 stata progettata appositamente per l’immagine. Ora ci occupiamo delle diverse impostazioni e del loro scopo. Questo dovrebbe fornirti una comprensione sufficiente su come manipolare l’intestazione per i tuoi contenuti. <\/p> \n \n

Impostazioni della scheda Eroe della pagina<\/h3> \n \n
  • Hero Content ><\/strong> Il markup HTML di base consiste in un tag span per il sottotitolo, un tag H1 per l’intestazione principale e un tag di ancoraggio che utilizza la classe GP Button.<\/li>
  • Classi di elementi ><\/strong> Nessuna<\/em><\/li>
  • Contenitore ><\/strong> impostato su contenuto<\/li>
  • Padding Desktop ><\/strong> Il padding RHS del 30% serve a creare una zona sicura per evitare che il contenuto del protagonista della pagina si sovrapponga al RHS dell’immagine.<\/li>
  • Padding Mobile ><\/strong> Padding separato per consentire al testo di coprire l’elemento di intestazione.<\/li>
  • Immagine di sfondo ><\/strong> Utilizza l’immagine in primo piano e la imposta come centrata. L’immagine in primo piano \u00e8 disattivata nel contenuto della pagina. <\/li>
  • Colori ><\/strong> senza colore di sfondo o sovrapposizione. I colori del testo sono stati adattati all’intestazione. Tutti i colori lasciati come predefiniti rispettano le impostazioni del personalizzatore. <\/li><\/ul> \n \n

    Impostazioni della scheda dell’intestazione del sito<\/h3> \n \n
    • Unisci con il contenuto ><\/strong> Unisci<\/li>
    • Offset Site Header Height ><\/strong> Imposta 169px su desktop e 50px su mobile. Questi valori rappresentano l’altezza approssimativa dell’intestazione del sito e dell’intestazione mobile. Questo impedisce al contenuto di spostarsi sotto la navigazione e l’intestazione del sito. <\/li>
    • Colori ><\/strong> Lo sfondo \u00e8 impostato su un bianco trasparente e il titolo del sito e la linea di tag rimangono quelli predefiniti e rispettano i colori impostati nel Customizer.<\/li>
    • Posizione di navigazione ><\/strong> Predefinito<\/li>
    • Colori di navigazione ><\/strong> Selezionato e lo sfondo \u00e8 impostato su trasparente.<\/li><\/ul> \n \n

      Regole di visualizzazione<\/h3> \n \n

      Questa intestazione \u00e8 impostata per essere visualizzata sulla Prima Pagina<\/strong>. Questo \u00e8 il termine predefinito per la pagina \u00e8 stato assegnato in Dashboard > Impostazioni > Lettura ->Visualizza la tua Home Page.<\/strong> <\/p> \n \n

      Domande frequenti<\/h2> \n \n

      Come cambiare l’immagine di sfondo?<\/h3> \n \n

      L’elemento Intestazione utilizza lo sfondo dell’Immagine in primo piano. Basta cambiare l’immagine in primo piano nell’editor dei post della pagina iniziale. <\/p> \n \n

      Come cambiare l’intestazione e la sottointestazione?<\/h3> \n \n

      Modifica il contenuto degli elementi dell’intestazione. Gli stili e le dimensioni dei caratteri sono impostati nel Customizer > <\/strong> Impostazioni tipografiche<\/strong> <\/p> \n \n

      Come regolare il contenimento del testo?<\/h3> \n \n

      L’intestazione e il sottotitolo attuali sono contenuti, in modo da non sovrapporsi alla parte pi\u00f9 scura dell’immagine sul lato destro. Questo avviene aggiungendo un’imbottitura supplementare al lato destro dell’elemento di intestazione. Rimuovi o modifica il padding in base alle tue esigenze. <\/p> \n \n

      Come cambiare i colori di navigazione?<\/h3> \n \n

      Nella scheda Intestazione del sito puoi controllare i colori dell’intestazione e della navigazione. Questi controlli sovrascrivono i colori impostati nel personalizzatore. Nota bene: i colori del personalizzatore saranno comunque applicati alla Navigazione appiccicosa. <\/p> \n \n

      Come utilizzare questo elemento di intestazione in altre pagine?<\/h3> \n \n

      Se vuoi una copia esatta di questa intestazione, puoi semplicemente aggiungere altre pagine, post o modelli alle Regole di visualizzazione. Ma dato che la pagina iniziale meriterebbe dei titoli piuttosto specifici, probabilmente vorrai farne una copia e modificare il contenuto in base alle tue esigenze. Naturalmente puoi farlo manualmente o utilizzare il plugin Duplicate Post: assicurati di modificare le impostazioni del plugin e di includere Elements. <\/p> \n","protected":false},"excerpt":{"rendered":"

      Questo \u00e8 l’estratto<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[70],"tags":[],"class_list":["post-5613","post","type-post","status-publish","format-standard","hentry","category-merch-styling-it","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/comments?post=5613"}],"version-history":[{"count":1,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5613\/revisions"}],"predecessor-version":[{"id":5614,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/posts\/5613\/revisions\/5614"}],"wp:attachment":[{"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/media?parent=5613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/categories?post=5613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/it\/wp-json\/wp\/v2\/tags?post=5613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}