Come usare la scheda "Stili" per il tuo sito web Houzz
Ultimo aggiornamento:
Mentre lavori sul tuo sito web Houzz, ci sono molte funzioni essenziali della barra degli strumenti che è importante comprendere. Questo articolo illustrerà la scheda "Stili", che si trova nella barra degli strumenti a sinistra. Per una panoramica più generale delle barre degli strumenti dell'editor del sito web, leggi Come usare il menu dell'editor per il tuo sito web Houzz.
La scheda "Stili" è il punto centrale da cui controllare l'aspetto visivo dei vari elementi del tuo sito. Le modifiche apportate qui sono universali per l'intero sito web.
Per accedervi, trova e clicca sulla scheda "Stili" sul lato sinistro dello schermo.
Pannello "Colore"
Il pannello "Colore" è dove puoi definire e controllare i colori del tuo sito web. Come altre impostazioni nella scheda "Stili", le modifiche fatte qui sono universali. Questo vuol dire che aggiornare un colore aggiornerà automaticamente tutti gli elementi del tuo sito che usano quel colore specifico.
Leggi le istruzioni qui di seguito per saperne di più.
Per regolare i colori globali del sito, clicca su "Colore" nella scheda "Stili". Nel pannello dei colori vedrai "Colori del sito".
Qui troverai sei campioni di colore che definiscono l'identità cromatica del tuo sito web.
Cambiare il campione di colori
Per modificare uno dei campioni di colore, clicca su un campione per aprire il selettore di colori.
Qui puoi:
- Regolare la tonalità: sposta il cursore in basso per modificare il colore effettivo.
- Regolare la saturazione: trascina il selettore di colore verso sinistra o destra per controllare la vivacità del colore.
- Regolare la luminosità: trascina il selettore verso l'alto o verso il basso all'interno del pannello dei colori principale per rendere il colore più chiaro o più scuro.
- Utilizzare un codice esadecimale: se disponi di un colore specifico del marchio, è possibile incollare il codice esadecimale direttamente nella casella fornita.
Una volta apportate le modifiche, è sufficiente fare clic fuori dal selettore di colori per salvare. Noterai immediatamente che qualsiasi sezione o blocco del sito web che utilizzava il colore aggiornato rifletterà la nuova scelta.
Usare le impostazioni predefinite dei colori
Le impostazioni predefinite dei colori sono pacchetti predefiniti di scelte cromatiche che si applicano a vari elementi del sito web, tra cui testo, pulsanti, sfondi e altro ancora. Contribuiscono a mantenere la coerenza del design e consentono di apportare rapidamente modifiche globali allo stile. Queste impostazioni predefinite possono essere applicate rapidamente a sezioni, schede, intestazioni e piè di pagina.
Leggi le seguenti istruzioni dettagliate per saperne di più.
Il tuo sito web è dotato di tre impostazioni predefinite di colore. Tutte queste impostazioni sono completamente personalizzabili.
Modificare la preimpostazione colore
Per modificare una preimpostazione colore esistente, clicca sulla preimpostazione che desideri modificare per aprire la finestra "Preimpostazioni del colore". Apparirà una nuova schermata.
Nella colonna di sinistra vedrai varie categorie di elementi. Nella colonna centrale troverai i campioni di colore assegnati a ciascun elemento all'interno di quella categoria. Nella colonna di destra, un'anteprima ti mostrerà come appaiono insieme quelle scelte di colore.
Clicca su un campione per aprire il selettore di colori.
Nella parte inferiore del selettore di colori, vedrai i campioni di colore principali del tuo sito. Se uno è evidenziato in nero, significa che il colore di questo elemento è collegato a quel colore globale del sito. Le modifiche al campione di colore principale del sito aggiorneranno automaticamente il colore di questo elemento nella preimpostazione.
Dal selettore di colori puoi anche selezionare manualmente un colore. In questo modo la scelta del colore sarà indipendente e non sarà più collegata ai colori globali del sito.
Applicare le preimpostazioni del colore
Le preimpostazioni del colore possono essere applicate alle sezioni, alle schede, all'intestazione e al piè di pagina del tuo sito web.
Sezione
Per farlo per una sezione, clicca sulla sezione desiderata nell'anteprima del costruttore di siti web. Sul lato destro, accanto al pulsante "Modifica sezione", vedrai una piccola icona a forma di pennello.
Clicca sull'icona del pennello e seleziona uno dei tuoi preset di colore. I colori della sezione verranno aggiornati immediatamente nell'anteprima.
Tessera
Potresti notare che una scheda all'interno di una sezione non sempre cambia colore quando applichi un preset alla sezione. Questo perché le tessere possono avere le proprie preimpostazioni di colore indipendenti.
Se desideri modificare le preimpostazioni del colore di una tessera, seleziona la tessera che desideri modificare, quindi fai clic sull'icona del pennello accanto all'icona della matita.
Scegli una preimpostazione di colore da applicare.
NB: le tessere hanno anche una quarta opzione, che consente loro di ereditare la preimpostazione di colore applicata alla sezione in cui si trovano. Ciò garantisce la coerenza visiva, se lo desideri.
Intestazione e piè di pagina
Anche l'intestazione e il piè di pagina possono utilizzare i colori predefiniti, proprio come qualsiasi altra sezione.
Per aggiornarli, clicca sull'intestazione o sul piè di pagina, quindi clicca sull'icona del pennello accanto al pulsante "Modifica". Scegli un colore predefinito da applicare.
Pannello "Tipografia"
Il pannello "Tipografia" è dove puoi definire e controllare tutti i caratteri tipografici del tuo sito web. Leggi le istruzioni dettagliate qui di seguito per saperne di più.
Per regolare i caratteri, clicca su "Tipografia" nella scheda "Stili". Verrà visualizzato un elenco di tutte le impostazioni dei caratteri. Puoi scorrere verso il basso per visualizzare l'elenco completo.
Seleziona la preimpostazione tipografica
Se desideri selezionare rapidamente una nuova serie di opzioni tipografiche per il tuo sito, puoi farlo tramite il pulsante "Preimpostazione tipografica".
NB: la selezione di un preset tipografico sovrascriverà tutte le opzioni di font esistenti che hai selezionato.
Seleziona un'impostazione predefinita diversa per applicarla all'intero sito. Assicurati di fare clic su "Salva". Tutte le scelte relative ai caratteri verranno aggiornate per riflettere la nuova impostazione predefinita.
Modificare gli stili di testo
Puoi modificare la tipografia degli elementi di testo presenti in tutto il sito, come titoli, paragrafi e pulsanti.
Per cambiare un carattere, clicca sul carattere che desideri modificare. Clicca sul menu a tendina "Famiglia di caratteri" per scegliere un nuovo carattere.
Il nostro strumento per siti web utilizza l'intera raccolta di caratteri di Google, che contiene oltre un migliaio di font unici. Scorri l'elenco dei font più popolari o clicca su "Altri caratteri" per cercare nell'intera raccolta.
Puoi inoltre regolare le dimensioni, il peso, la spaziatura tra i caratteri e l'altezza della riga per ogni impostazione dei caratteri. Ad esempio, aumentando le dimensioni del titolo è possibile metterlo in risalto, mentre regolando la spaziatura dei paragrafi è possibile migliorare la leggibilità.
Impostare stili aggiuntivi
Oltre ai colori e alla tipografia, la scheda "Stili" offre altre impostazioni che ti consentono di personalizzare ulteriormente l'aspetto del tuo sito web. Queste includono opzioni per la navigazione, il piè di pagina, i pulsanti e i link, le icone, i divisori, i moduli, le recensioni e i progetti. Anche se non descriveremo qui tutte le impostazioni, leggi Come modificare la pagina "Progetti" sul tuo sito web Houzz per saperne di più sulle impostazioni di visualizzazione dei tuoi progetti.
Altre risorse
Come aggiungere contenuti al tuo sito web Houzz
Come usare il menu dell'editor per il tuo sito web Houzz
Come usare la scheda "Impostazioni" per il tuo sito web Houzz
Come usare la scheda "Pagine" per il tuo sito web Houzz
Come modificare la pagina "Progetti" sul tuo sito web Houzz
Come configurare un dominio e pubblicare il tuo sito web Houzz
Come modificare il modulo di contatto sul tuo sito web Houzz