Compatibilità:

WebSite X5 Evo e Pro

Impostare ed utilizzare gli stili per definire l'aspetto dei testi presenti nelle pagine del tuo sito web è un modo comodo e veloce per ottenere 2 importanti vantaggi:

  1. risparmi tempo: applicare uno stile è più rapido che impostare tutte le volte ogni singola formattazione;
  2. ottieni un sito uniforme e coerente: non rischi di formattare in maniera diversa testi che, per la loro funzione, sono analoghi tra loro. 


In WebSite X5 a tutti i testi vengono automaticamente applicati gli stili definiti dal Modello scelto per il progetto. Per personalizzare tali stili devi fare in questo modo:

  • Al Passo 2 - Impostazioni del Modello clicca sul pulsante Stile Testi, Campi e Pulsanti.
  • Nella finestra Stile dei Testi, seleziona attraverso l'apposito menu l'Elemento della Pagina su cui vuoi agire. In alternativa puoi cliccare direttamente sull'elemento desiderato proposto nell'Anteprima.
  • Utilizza le impostazioni di volta in volta disponibili per definire lo stile dell'elemento selezionato.


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: puoi impostare come Intestazione i titoli dei diversi paragrafi e sotto-paragrafi della Pagina. Puoi definire fino a 6 livelli di Intestazione: nell'edizione Pro, se attivi l'opzione Imposta i tag H1..H6 per le Intestazioni del Modello disponibile nella finestra Statistiche, SEO e Codice >  SEO, quando applichi uno Stile di Intestazione attribuisci automaticamente 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 apri 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 potrai poi procedere a ulteriori modifiche e personalizzazioni che, comunque, potrai 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.
  •  Data: sono le date che possono essere riportate in diversi punti del sito, per esempio, in relazione all'e-commerce, al Blog, agli Oggetti Commenti e Voti, Modulo di contatto e Portfolio, oltre che al Pannello online di amministrazione. 
  • 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 crei un nuovo Oggetto Modulo di Contatto: potrai poi 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.


Come detto, le opzioni di stile disponibili variano a seconda dell'elemento di pagina selezionato. Fra le altre, per alcuni elementi è disponibile l'opzione Visualizza. Grazie a questa opzione puoi, per esempio, rendere non visibile i titoli delle pagine per poterli poi inserire come immagini o come testi animati (per esempio, attraverso l'Oggetto Textillate o l'Oggetto Animated Headlines).


È importante specificare che rendere non visibile un elemento della pagina non significa eliminarlo anche dal codice della pagina stessa: riprendendo l'esempio, anche se rendi non visibile il Titolo della Pagina, il corrispondente tag <title> verrà comunque inserito nel codice HTML.