Compatibilità:

WebSite X5 Evo e Pro

I link inseriti in un testo devono essere facili da riconoscere: se si confondono con il resto del contenuto, chi visita il sito potrebbe non accorgersi che sono cliccabili.


In WebSite X5 puoi definire colore, stile e comportamento dei link testuali per tutto il progetto e, quando serve, creare uno stile diverso solo per alcuni contenuti.


Come rendere riconoscibili i link testuali

Per fare in modo che un collegamento sia chiaramente distinguibile dal resto del testo, considera soprattutto questi aspetti:

  • Colore - Scegli un colore che permetta di riconoscere facilmente il link, ma non affidarti esclusivamente al colore per distinguerlo: le persone daltoniche, per esempio, potrebbero non percepire alcuna differenza.
  • Stile - Puoi utilizzare, per esempio, la sottolineatura, il grassetto o altre caratteristiche grafiche. La sottolineatura è una convenzione molto diffusa e aiuta a identificare immediatamente un collegamento.
  • Contrasto - Proprio perché deve essere facile da identificare, assicurati che il link rimanga leggibile rispetto allo sfondo e al testo circostante.
  • Comportamento - Puoi differenziare l’aspetto del collegamento quando il puntatore passa sopra di esso o dopo che è già stato visitato.


Sentiti libero di sperimentare soluzioni originali ma ricorda che l’obiettivo rimane sempre quello di mantenere i collegamenti facilmente riconoscibili e coerenti con il design del sito.


#tip - Accessibilità. La gestione del contrasto dei colori e del comportamento atteso sono particolarmente importanti quando si affronta il tema dell'accessibilità delle pagine Web. Puoi approfondire leggendo la guida Come verificare il contrasto dei colori per garantire l’accessibilità web.


Come impostare lo stile dei link per tutto il sito

I link testuali hanno già uno stile definito dal Modello scelto per il progetto. Puoi mantenere quello proposto oppure modificarlo.


Per personalizzare lo stile generale:

  • Via al Passo 2 - Modello.
  • Apri Stile Testi, Campi e Pulsanti.
  • Dal menu degli elementi di pagina, seleziona Collegamento.
  • Configura uno alla volta i 3 stati disponibili:
    • Attivo;
    • Su passaggio del mouse;
    • Già visitato.
  • Per ciascuno stato, imposta le caratteristiche disponibili, come colore, stile e puntatore. 


Le modifiche vengono applicate automaticamente ai link testuali del progetto, senza dover intervenire sui singoli collegamenti.


Come personalizzare solo alcuni link

In alcuni casi può essere utile utilizzare uno stile diverso solo in una determinata area del sito.


Immagina, per esempio, di avere un sito in cui il corpo delle pagine ha uno sfondo chiaro mentre il footer ha un fondo scuro. Per i link del footer dovrai pensare a dei colori diversi rispetto a quelli previsti per l'intero sito. In questo caso puoi definire uno stile specifico per i link contenuti in quel singolo Oggetto.

  • Apri l'Oggetto Testo su cui vuoi intervenire.
  • Clicca sul pulsante Stile Collegamento nella Barra Strumenti.
  • Nella finestra richiamata attiva Stile Personalizzato. 
  • Imposta i colori di testo e sfondo per i diversi stati del collegamento.
  • Conferma.


Lo stile personalizzato riguarda solo i collegamenti presenti nel contenuto su cui stai lavorando e non modifica lo stile generale impostato per il progetto.


Il comando Stile Collegamento è disponibile nell'editor dell'Oggetto Testo, dell'Oggetto Tabella e della finestra di composizione del Contenuto degli articoli del Blog.


#tip - Se devi ancora creare il collegamento, vedi Collegamenti. Come creare un link?