Template - terza parte

Se osserviamo il sito, vediamo che viene utilizzato un determinato colore sia per il titolo che per le voci di menù

Colore del sito

Figura 85. Colore del sito

 

Possiamo modificare il colore principale utilizzato, spostandoci nella schea Presets.

Come possiamo vedere il colore attualmente selezionato è il primo: Presets1

Selezione del colore

Figura 86. Selezione del colore

 

Clicchiamo sul colore Preset4 per selezionare un colore che sia più adatto al colore di sfondo che abbiamo inserito. Salviamo le modifiche cliccando sul pulsante Salva. Aggiorniamo la pagina del sito per visualizzare il risultato

Modifica del colore

Figura 87. Modifica del colore

 

Se osserviamo il Logo vediamo che il testo che lo rappresenta viene distribuito su più righe. Possiamo fare in modo che sia il testo del Logo che la scritta che l'accompagna appaiano in un unica riga.

Spostiamoci nella scheda Layout. In questa scheda possiamo gestire il modo in cui vengono disposti gli oggetti (chiamati moduli) all'interno della pagina del sito

Scheda Layout

Figura 88: Scheda Layout

 

Come abbiamo visto, accedendo all'anteprima del template è possibile visualizzare una pagina che mostra le varie posizioni in cui possiamo disporre gli oggetti nella pagina. In questa anteprima notiamo che nella riga in cui compare il Logo, gli oggetti vengono disposti su due colonne, come possiamo vedere anche dalla scheda Layout. La colonna a destra, più stretta, contiene il logo e la colonna a sinistra, più larga, contiene il menù principale con il link alla Home

Posizioni template

Figura 89. Anteprima posizioni template

 

Dobbiamo quindi allargare la colonna di sinistra. Nella scheda Layout spostiamoci nella zona Header e clicchiamo sul pulsante a sinistra Add Columns. Viene visualizzato un piccolo riquadro dove si possono vedere le diverse dimensioni che possono essere assegnate alle colonne. Selezioniamo la dimensione 5,7. Clicchiamo sul pulsante Salva, in alto a sinistra, per confermare la modifica

Modifica colonne Header

Figura 90. Modifica delle colonne dell'Header

 

Aggiorniamo la pagina del sito per visualizzare il risultato. Come possiamo vedere ora il testo viene distribuito su un'unica riga

Logo modificato

Figura 91. Logo modificato

 

Spostiamoci ora nella scheda Typography. In questa scheda è possibile modificare il carattere che viene utilizzato per il contenuto del sito. Per rendere un po' più leggibile il contenuto del sito, selezioniamo, nella casella a discesa Font Weight & Style la voce regular. Clicchiamo sul pulsante Salva

Modifica del carattere

Figura 92. Modifica del carattere

 

Aggiorniamo la pagina del sito per visualizzare le modifiche. Come possiamo vedere il carattere è più leggibile

Carattere più visibile

Figura 93. Carattere più visibile

 

Nascondiamo, ora, l'icona alla sinistra della parola Benvenuto e l'icona in fondo alla pagina che permette la condivisione sui social network

Icona

Figura 94. Icona

 

Spostiamoci nella scheda Blog e selezioniamo i due pulsanti No. Con il primo pulsante nascondiamo l'icona alla sinistra del titolo, con il secondo pulsante No, nascondiamo le icone per la condivisione sui social network, presente in fondo alla pagina.

Per salvare le impostazioni clicchiamo sul pulsante Salva e Chiudi

Nascondi icona blog e per la condivisione sui social

Figura 95. Nascondere le icone

 

Aggiorniamo la pagina del sito per visualizzare le modifiche

Icone nascoste

Figura 96. Icone nascoste

 

Per ora ci fermiamo qui con la modifica dello stile del template.

 

9 Gestione media

Questo sito utilizza cookie, anche di terze parti, per migliorare la tua esperienza e offrire servizi in linea con le tue preferenze. Chiudendo questo banner, scorrendo questa pagina o cliccando qualunque suo elemento acconsenti all’uso dei cookie. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie vai alla sezione Cookie policy cliccando sull'apposito pulsante