--- title: Pagina con design personalizzato description: "Personalizza completamente l’aspetto delle pagine del tuo sito Yapla: scegli il modello di partenza, adatta gli stili e segui i consigli per un sito curato." --- [Passa al contenuto](https://support.yapla.com/it-it/pagina-con-design-personalizzato#main-content) - [Italiano - Italia](https://support.yapla.com/it-it/pagina-con-design-personalizzato) - [English - Canada](https://support.yapla.com/en-ca/customized-page-design) - [Français - Canada](https://support.yapla.com/fr-ca/habillage-personnalisé-des-pages) - [Français - France](https://support.yapla.com/fr-fr/habillage-personnalisé-des-pages) Italiano - Italia Mostra sottomenu per le traduzioni [Ulteriore assistenza](https://support.yapla.com/it-it/kb-tickets/new?hsLang=it-it) [Portale clienti](https://support.yapla.com/tickets-view?hsLang=it-it) [![logo-centro-di-assistenza-yapla](https://support.yapla.com/hs-fs/hubfs/logo-centro-di-assistenza-yapla.png?width=880&height=119&name=logo-centro-di-assistenza-yapla.png)](https://support.yapla.com/it-it/?hsLang=it-it) - [Programma un incontro](https://www.yapla.com/it/incontro?utm_term=plateforme) - [Yapla Academy](https://formazione.yapla.com/) Apri navigazione principale Chiudi navigazione principale - [Programma un incontro](https://www.yapla.com/it/incontro?utm_term=plateforme) - [Yapla Academy](https://formazione.yapla.com/) - - [Italiano - Italia](https://support.yapla.com/it-it/pagina-con-design-personalizzato) - [English - Canada](https://support.yapla.com/en-ca/customized-page-design) - [Français - Canada](https://support.yapla.com/fr-ca/habillage-personnalisé-des-pages) - [Français - France](https://support.yapla.com/fr-fr/habillage-personnalisé-des-pages) Italiano - Italia Mostra sottomenu per le traduzioni - [Ulteriore assistenza](https://support.yapla.com/it-it/kb-tickets/new) - [Portale clienti](https://support.yapla.com/tickets-view) - [Contattaci](https://support.yapla.com/it-it/kb-tickets/new) [Contattaci](https://support.yapla.com/it-it/kb-tickets/new?hsLang=it-it) In che modo possiamo aiutarti? - Non sono presenti suggerimenti perché il campo di ricerca è vuoto. 1. [Yapla Centro di assistenza](https://support.yapla.com/it-it?hsLang=it-it) 2. [Creare il tuo sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it) 3. [Personalizzazione del sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#personalizzazione-del-sito-web) # Pagina con design personalizzato Sebbene Yapla offra un modello di base per il tuo sito, è anche possibile, con un minimo di conoscenze tecniche, personalizzarlo completamente a tua immagine. Prima di iniziare la progettazione, è consigliabile scegliere un modello che assomigli il più possibile allo stile desiderato, o un modello vuoto che sia ordinato, e posizionare i vari elementi. Puoi cambiare lo skin del tuo sito, una pagina master o una singola pagina in base ai tuoi gusti e alle tue esigenze. ### Personalizzazione della pagina master Le pagine master fungono da modello per i contenuti comuni a tutte le tue pagine. La maggior parte delle volte, l'intestazione e il piè di pagina finiranno in una pagina master insieme a righe vuote per il contenuto personalizzato delle diverse pagine. Le righe senza contenuto o spazi vuoti non verranno generate sul sito, indipendentemente dal fatto che provengano da una pagina master o da una pagina normale. Puoi quindi fornire diverse sezioni da personalizzare in base alle tue esigenze. È possibile [creare molte pagine master](https://support.yapla.com/hc/it-it/articles/360033383894?hsLang=it-it), per creare layout diversi. ![gestione dei moduli\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846751381011.jpg) #### Classe CSS di una pagina master Per semplificare la personalizzazione della tua pagina, puoi aggiungere classi (separate da uno spazio) nella pagina master. Questi appariranno nel di ogni pagina creata dalla pagina master. Il campo Classe CSS si trova nel sottomenu **Configurazione** della tua pagina master, nella sezione Presentazione grafica. Questo campo è disponibile anche su singole pagine, per creare uno stile unico per una pagina specifica. ![classe CSS\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846751419027.jpg) #### Organizza le righe della tua pagina principale Per indirizzare efficacemente le righe della tua pagina master, considera l'aggiunta di una classe che definisca ogni riga. Per impostazione predefinita, ogni riga contiene già la classe **line**. Nell'esempio seguente, abbiamo definito ogni classe di riga con il prefisso " **line-"**. Ciò ti consente di indirizzare una riga senza entrare in conflitto con le classi che potrebbero potenzialmente esistere altrove nel codice, come: **logo**, **contenuto** e **piè** di pagina. ![3.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/32820691296275.jpg) Per aggiungere una classe, nell'interfaccia della tua pagina master, passa con il mouse su una riga e clicca su **Definisci lo stile della linea** nell'angolo in alto a destra della riga. ![modifica stile riga 2\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846728679315.jpg) Il campo **Classe CSS** sarà disponibile per te. ![stile di linea2\_IT-IT.jpg](https://support.yapla.com/hs-fs/hubfs/Knowledge%20Base%20Import/27846728709907.jpg?width=380&height=262&name=27846728709907.jpg) Se noti che un pulsante nel menu non visualizza il testo previsto, potrebbe essere perché il colore del pulsante e quello della barra del menu sono uguali. Per risolvere il problema: - Vai su *Modifica lo stile della riga del menu*. - Sotto *Colore di sfondo*, seleziona il colore principale del tuo sito web. - Verifica che la classe *line-menu* sia applicata correttamente. ### Personalizza il sito web Per personalizzare gli elementi di base delle tue pagine, inizia aggiungendo i tuoi stili nella sezione *Personalizzazione* della funzionalità Sito web. ![personnalizionne\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846728740243.jpg) Il sottomenu **Guidato** semplifica la scelta dei colori e dei caratteri per il tuo sito. ![colori tuo sito\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846728762643.jpg) Nell'interfaccia del sottomenu **Base**, hai accesso ai seguenti tag: body, h1, h2, h3, h4, hover e active link e ai pulsanti. ![base\_IT-IT.jpg](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/27846728798355.jpg) Dopo la personalizzazione di base, hai anche accesso alla personalizzazione **avanzata**. Questa casella di testo ti consente di aggiungere CSS nella sua forma pura. Questo verrà generato frontalmente all'interno dei tag - [Inizia con Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#main-content) - [Raccolta di risorse utili per scoprire Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#raccolta-di-risorse-utili-per-scoprire-yapla) - [Per iniziare](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#per-iniziare) - [Ottimizzare l'utilizzo di Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#ottimizzare-lutilizzo-di-yapla) - [Informazioni su Yapla](https://support.yapla.com/it-it/inizia-con-yapla?hsLang=it-it#informazioni-su-yapla) - [Configura il tuo account](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#primi-passi) - [Account](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#account) - [Fatturazione](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#fatturazione) - [Licenze e utenti](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#licenze-e-utenti) - [Domande frequenti](https://support.yapla.com/it-it/configura-il-tuo-account?hsLang=it-it#domande-frequenti) - [Capire le funzionalità comuni](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#main-content) - [Comunicazioni](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#comunicazioni) - [Moduli](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#moduli) - [Immagini e media](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#immagini-e-media) - [Domande frequenti](https://support.yapla.com/it-it/capire-le-funzionalit%C3%A0-comuni?hsLang=it-it#domande-frequenti) - [Gestire i tuoi pagamenti e la tua autenticazione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#main-content) - [Autenticazione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#autenticazione) - [Pagamento](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#pagamento) - [Contributo volontario e commissione](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#contributo-volontario-e-commissione) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-tuoi-pagamenti-e-la-tua-autenticazione?hsLang=it-it#domande-frequenti) - [Gestire i membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#primi-passi) - [Importare i membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#importare-i-membri) - [Campagne di adesione semplificate](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#campagne-di-adesione-semplificate) - [Gestione dei membri](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-dei-membri) - [Scheda del membro](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#scheda-del-membro) - [Modulo](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#modulo) - [Comunicazioni](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#comunicazioni) - [Gestione delle organizzazioni o famiglie](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-delle-organizzazioni-o-famiglie) - [Gestione delle adesioni](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#gestione-delle-adesioni) - [Prezzi](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#prezzi) - [Organizzazione o famiglia](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#organizzazione-o-famiglia) - [Funzioni avanzate](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#funzioni-avanzate) - [Formazione continua](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#formazione-continua) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-membri?hsLang=it-it#domande-frequenti) - [Organizzare i tuoi eventi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#primi-passi) - [Configurazione](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#configurazione) - [Moduli](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#moduli) - [Biglietti elettronici](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#biglietti-elettronici) - [Impostazioni avanzate](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#impostazioni-avanzate) - [Comunicazioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#comunicazioni) - [Gestione dei prezzi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-dei-prezzi) - [Gestione delle iscrizioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-delle-iscrizioni) - [Gestione delle attività con le sessioni](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#gestione-delle-attivit%C3%A0-con-le-sessioni) - [Congressi](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#congressi) - [Domande frequenti](https://support.yapla.com/it-it/organizzare-i-tuoi-eventi?hsLang=it-it#domande-frequenti) - [Raccogliere donazioni](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#primi-passi) - [Gestione delle donazioni](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-donazioni) - [Attestazioni di donazione](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#attestazioni-di-donazione) - [Donazioni ricorrenti](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#donazioni-ricorrenti) - [Gestione delle campagne](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-campagne) - [Gestione delle campagne partecipative](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-delle-campagne-partecipative) - [Gestione dei donatori](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#gestione-dei-donatori) - [Domande frequenti](https://support.yapla.com/it-it/raccogliere-donazioni?hsLang=it-it#domande-frequenti) - [Creare il tuo sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#primi-passi) - [Personalizzazione del sito web](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#personalizzazione-del-sito-web) - [Pagine](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#pagine) - [Moduli](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#moduli) - [Gestione del contenuto e degli articoli](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#gestione-del-contenuto-e-degli-articoli) - [SEO e strumenti di performance](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#seo-e-strumenti-di-performance) - [Domande frequenti](https://support.yapla.com/it-it/creare-il-tuo-sito-web?hsLang=it-it#domande-frequenti) - [Semplificare la tua contabilità](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#primi-passi) - [Gestione dei ricavi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#gestione-dei-ricavi) - [Gestione dei costi](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#gestione-dei-costi) - [Contabilità](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#contabilit%C3%A0) - [Registro generale](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#registro-generale) - [Consolidamento](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#consolidamento) - [Reportistica](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#reportistica) - [Impostazioni](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#impostazioni) - [Progetti](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#progetti) - [IVA e tasse](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#iva-e-tasse) - [Domande frequenti](https://support.yapla.com/it-it/semplificare-la-tua-contabilit%C3%A0?hsLang=it-it#domande-frequenti) - [Gestire i tuoi contatti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#main-content) - [Gestione dei contatti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#gestione-dei-contatti) - [Domande frequenti](https://support.yapla.com/it-it/gestire-i-tuoi-contatti?hsLang=it-it#domande-frequenti) - [Implementare le tue newsletter](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#main-content) - [Introduzione a Yapla Newsletter](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#introduzione-a-yapla-newsletter) - [Scopri Yapla Newsletters](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#scopri-yapla-newsletters) - [Gestione dei contatti](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#gestione-dei-contatti) - [Monitoraggio delle prestazioni](https://support.yapla.com/it-it/implementare-le-tue-newsletter?hsLang=it-it#monitoraggio-delle-prestazioni) - [Gestire i tuoi dati](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#main-content) - [Primi passi](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#primi-passi) - [Configurazione](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#configurazione) - [Gestione degli oggetti](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#gestione-degli-oggetti) - [Rapporti](https://support.yapla.com/it-it/gestire-i-tuoi-dati?hsLang=it-it#rapporti) - [Documentazione per gli sviluppatori](https://support.yapla.com/it-it/documentazione-per-gli-sviluppatori?hsLang=it-it#main-content) - [Funzioni avanzate](https://support.yapla.com/it-it/documentazione-per-gli-sviluppatori?hsLang=it-it#funzioni-avanzate) - [Gestire la tua federazione](https://support.yapla.com/it-it/gestire-la-tua-federazione?hsLang=it-it#main-content) - [Avvio](https://support.yapla.com/it-it/gestire-la-tua-federazione?hsLang=it-it#avvio) - Offerte - [Tariffe](https://www.yapla.com/it/tariffe) - [Offerta partner](https://www.yapla.com/it/offerta-partner) - [Servizi Professionali](https://www.yapla.com/it/servizi-professionali) - [Consulenza a ore](https://formations.yapla.fr/it/) - Risorse - [Centro di assistenza](https://support.yapla.com/it-it/) - [Yapla Academy](https://formazione.yapla.com/) - [Yapla Newsletter](https://www.yapla.com/it-it/newsletter-yapla) - Scoprire Yapla - [Demo e webinar](https://www.yapla.com/it/webinar-per-associazioni) - Azienda - [Chi siamo](https://www.yapla.com/it/chi-siamo) - [Contattaci](https://www.yapla.com/it/contatta-yapla) - [Diventa partner](https://www.yapla.com/it-it/programma-partner/) [![Yapla](https://support.yapla.com/hubfs/logo-yapla-fr.svg "Yapla")](https://www.yapla.com/) Copyright © 2013-2026, Yapla [Condizioni generali di utilizzo](https://www.yapla.com/it/condizioni-generali-utilizzo) | [Dati personali](https://www.yapla.com/it/dati-personali) | [Note legali](https://support.yapla.com/it/note-legali?hsLang=it-it)