La personalizzazione dei collegamenti testuali definisce lo stile visivo e il comportamento dei link all’interno del sito. Consente di rendere immediatamente riconoscibili gli elementi interattivi e di allineare l’aspetto dei collegamenti alla brand identity del progetto, migliorando leggibilità e usabilità complessiva.
Accesso alla Sezione Stili di Testo
Per modificare l'aspetto dei collegamenti a livello globale, è necessario agire sulle impostazioni di design del sito. Seguire questi passaggi per navigare nell'interfaccia:
- Localizzare la barra degli strumenti sul lato destro dell’editor
- Selezionare la voce Design
- Accedere alla sezione Stili di testo
Modifica del Colore dei Link
All’interno del pannello Stili di testo, l’intestazione Colore link consente di configurare i selettori cromatici per i diversi stati del collegamento.
Link a riposo
Definisce il colore del link in assenza di interazione:
- Cliccare sulla palette di colori dedicata allo stato a riposo
- Selezionare la tonalità desiderata
- Confermare cliccando su Ok
Link al passaggio del mouse (Hover)
Definisce il colore del link quando il cursore è posizionato sull’elemento:
- Cliccare sulla palette di colori relativa all’hover
- Selezionare la tonalità desiderata
- Confermare cliccando su Ok
Gestione della Sottolineatura
All'interno del medesimo pannello, è possibile decidere se mostrare la sottolineatura del testo per i collegamenti agendo sulla spunta dell'elemento corrispondente.
Nota Tecnica sul comportamento dinamico: Il sistema gestisce la sottolineatura in modo alternato per garantire che il link sia sempre riconoscibile. Se la sottolineatura non viene abilitata per lo stato a riposo, essa apparirà automaticamente al passaggio del mouse per segnalare l'interattività. Viceversa, se è attiva a riposo, scomparirà al passaggio del mouse. In alternativa, è possibile scegliere di disabilitare la sottolineatura per entrambi gli stati per un design più minimale.
Applicazione del Link al Testo
Le configurazioni stilistiche impostate nella sezione Design verranno applicate globalmente a ogni nuovo collegamento creato. Per trasformare una porzione di testo in un link attivo, procedere come segue:
- Selezione: evidenziare la porzione di testo che di desidera rendere cliccabile
- Attivazione: cliccare sull’icona catena nella barra contestuale
- Destinazione: scegliere la pagina di destinazione dal menu a tendina (ad esempio Blog)
- Salvataggio: cliccare su Salva collegamento per rendere attivo il link
Verifica Finale
Per assicurarti che le personalizzazioni siano state applicate correttamente, è consigliabile testare il comportamento dei link. Una volta creato il collegamento, questo adotterà automaticamente i colori e lo stile di sottolineatura definiti in precedenza. Interagendo con il link, si noterà il cambio di colore e la comparsa (o scomparsa) della sottolineatura in base alle scelte fatte, fornendo un feedback visivo immediato e coerente all'utente finale.