Passo 2 - Modello > Stile dei Testi

Attraverso i comandi di questa finestra si definiscono gli Stili utilizzabili per i Testi presenti nel Sito.

Uno Stile può essere genericamente definito come un insieme di impostazioni relative alla formattazione del testo e alla grafica che può essere applicato ad un elemento per modificarne l'aspetto. L'applicazione di uno Stile, dunque, consente di associare più formati contemporaneamente con una singola operazione.

Innanzi tutto, occorre scegliere l'Elemento della Pagina del quale si vuole definire lo Stile, selezionandolo attraverso l'apposito menu a tendina o, in alternativa, cliccando direttamente in sua corrispondenza sull'Anteprima.

Nello specifico, gli Elementi di Pagina per i quali viene identificato e applicato uno Stile sono:

	Titolo della Pagina: è il Titolo delle varie Pagine del Sito. Viene ripreso dal nome dato alle Pagine in fase di costruzione della Mappa nella finestra Creazione della Mappa o, se diversamente specificato, dal Titolo della Pagina della finestra Proprietà Pagina.
	Percorso della Pagina: è il testo riportato immediatamente sotto al Titolo della Pagina, mediante il quale viene ricostruito il percorso logico (navigazione a briciole di pane) che porta alla Pagina stessa. Il percorso logico viene ricreato automaticamente dal Programma.
	Intestazioni: possono essere impostati come Intestazioni i titoli dei diversi paragrafi e sotto-paragrafi della Pagina. È possibile definire fino a 6 livelli di Intestazione: nell'edizione Pro, se si attiva l'opzione Imposta i tag H1..H6 per le Intestazioni del Modello disponibile nella finestra Statistiche, SEO e Codice \| SEO, applicando uno Stile di Intestazione viene automaticamente attribuito il corrispondente tag <h1>..<h6> al testo.
	Testo della Pagina: è il testo dei singoli paragrafi inseriti attraverso l'Oggetto Testo. Lo stile di questo elemento viene applicato di default quando si apre l'editor relativo all'Oggetto Testo. Modificando lo stile vengono automaticamente aggiornati tutti i testi ai quali è applicato. Tramite i comandi messi a disposizione dall'editor di testo è poi possibile procedere a ulteriori modifiche e personalizzazioni che, comunque, possono essere facilmente eliminate tramite il pulsante Rimuovi formato. Lo Stile definito per questo tipo di elemento viene applicato anche a tutti i testi creati e inseriti in automatico dal Programma come, per esempio, le Pagine dell'Area riservata, del Blog, del Motore di ricerca interno e della Mappa del Sito. Il tipo di Font impostato per questo elemento viene utilizzato come Font di default per i testi del Sito e proposto nel menu a tendina per la scelta del Tipo di Font.
	Collegamento : sono i collegamenti ipertestuali creati attraverso l'Oggetto Testo. Un collegamento può presentare un aspetto diverso a seconda dello stato assunto: attivo, su passaggio del mouse (effetto mouseover) o visitato. Distinguere visivamente un collegamento attivo da un collegamento già visitato è utile per semplificare la navigazione del Visitatore, ricordandogli quali sezioni ha già esplorato.
	Campo / Pulsante: sono i campi e i pulsanti dei moduli creati attraverso l'Oggetto Modulo di Contatto, l'Oggetto Cerca o il carrello di e-commerce, i campi di Login/Logout legati all'Area Riservata, ecc. Lo stile di questi elementi viene applicato di default quando si crea un nuovo Oggetto Modulo di Contatto: sarà poi possibile modificare tali impostazioni per il singolo Modulo attraverso le apposite opzioni presenti nella sezione Oggetto Modulo di Contatto \| Stile.
	Pulsante Inizio Pagina: è un pulsante, visualizzato a fondo Pagina, che consente all'Utente di tornare direttamente all'inizio della Pagina stessa, evitandogli di dover fare lo scroll a mano.

Selezionato l'Elemento della Pagina, è possibile modificarne lo stile agendo sulle seguenti opzioni comprese nel riquadro Stile:

▪

Visualizza: fa in modo che l'elemento di Pagina sia visibile o meno. Questa opzione, ovviamente, non è disponibile per le Intestazioni, il Testo della Pagina, i diversi stati del Collegamento, i Campi e i Pulsanti dei moduli che non possono essere invisibili. È importante specificare che rendere non visibile un Elemento della Pagina non significa eliminarlo anche dal codice della Pagina stessa: si può, per esempio, rendere non visibile il Titolo della Pagina perché si preferisce inserirlo come immagine ma, anche in questo caso, non verrà eliminato il corrispondente tag <title> dal codice HTML.

▪	Elemento: consente di selezionare di quale livello di Intestazione (Intestazione 1 - Intestazione 6) o di quale stato del Collegamento (Collegamento attivo / Collegamento su passaggio del mouse / Collegamento già visitato) si intende definire lo stile.

▪

Colore Sfondo / Colore Testo: specificano il colore dello sfondo e del testo dell'Elemento di Pagina selezionato. Solo per il Testo della Pagina non è possibile definire il colore dello sfondo dal momento che viene impostato in base al Modello scelto (vedere, Scelta del Template) e/o allo Stile dell'Oggetto definito per l'Oggetto Testo. Analogamente, non è possibile definire i colore di sfondo neanche per il Pulsante Inizio Pagina perchè dipende dallo stile scelto.

▪

Tipo di Font: specifica il Tipo di carattere, le dimensioni e lo Stile del testo. Il menu a tendina propone: la lista dei Safe Fonts, ovvero dei font presenti su tutti i dispositivi e per i quali, quindi, non è necessaria alcuna pubblicazione, più tutti i Google Fonts e i Web Fonts aggiunti attraverso la finestra Web Font richiamata dal comando Altri tipi di carattere.

▪

Allineamento: specifica l'allineamento dell'Elemento di Pagina, scegliendo tra Sinistra, Centro e Destra. Questa opzione non è disponibile per i diversi stati del Collegamento, dal momento che l'allineamento dei link ipertestuali viene definito, indipendentemente dallo Stile, in fase di creazione dell'Oggetto Testo, né per i Campi e i Pulsanti.

▪	Stile Testo: disponibile solo per il Collegamento nei diversi stati, imposta lo stile del testo come Normale o Sottolineato.

▪	Puntatore: disponibile solo per il Collegamento attivo, ed ereditato automaticamente anche dagli altri due stati del Collegamento, specifica l'aspetto assunto dal puntatore del mouse su passaggio sul link. Cliccando su si può selezionare il file .ICO, .CUR, .ANI da utilizzare.

▪	Colore Bordo: specifica il colore dei bordi che possono essere aggiunti al Titolo della Pagina, al Percorso della Pagina, al Campo e al Pulsante dei moduli e al Menu di fondo Pagina.

▪	Spessore: imposta lo spessore del bordo del Campo e del Pulsante dei moduli, anche singolarmente.

▪	Smusso: definisce il fattore di smusso per gli angoli del Campo e del Pulsante dei moduli, anche singolarmente.

▪	Margine: imposta il valore in pixel dei margini interni applicati al testo del Campo e del Pulsante dei moduli. Nel caso, invece delle Intestazioni, specifica il valore del margine superiore e inferiore.

▪	Ombra interna: applica un'ombra all'interno del Campo, definendone il colore, la posizione, la diffusione e la dimensione.

▪	Margine orizzontale: specifica il margine orizzontale per il Titolo della Pagina, il Percorso della Pagina e il Menu di fondo Pagina.

▪	Stile: definisce lo stile grafico del Pulsante Inizio Pagina scegliendo fra gli stili disponibili. Sul Pulsante viene automaticamente applicato un effetto su passaggio del mouse in modo da favorirne l'utilizzo da parte degli Utenti.