02 Ago Inserire un link HTML con colore
Se vuoi personalizzare il colore di un link HTML sul tuo sito WordPress, o qualsiasi altro CMS o sito in generale, in questo articolo ti spiego come inserire un link HTML con colore personalizzato anche se non hai esperienza con il codice. La modifica è molto semplice ed altrettanto utile, sia ai fini di leggibilità che di interazione dei visitatori del tuo sito, solitamente WordPress ed il tema scelto possiede di default tale funzione, ma a volte può capitare di doverla personalizzare in un elemento o blocco non modificabile come gli altri, in questo caso occorre rimediare mediante codice HTML.
I link, per impostazione predefinita, vengono personalizzati quasi sempre per richiamare l’attenzione su un’azione importante per l’utente e per mantenere una coerenza visiva con il tuo brand. Nell’editor di WordPress, sia che tu usi Gutenberg che il Classic Editor, una volta selezionato il testo che desideri linkare, basta cliccare sull’icona del link o sul pulsante “Inserisci link“.
Ma se, per qualsiasi altro motivo, ciò non fosse possibile, dovrai accedere ed interagire direttamente col codice HTML selezionando “Modifica come HTML” o “Vista del codice” dove vedrai un codice simile a questo:
<a href="https://nomesito.it/contatti">Contattaci</a>
Aggiungere il colore al link HTML
Ora siamo arrivati al dunque e possiamo aggiungere lo stile per cambiare il colore del link. Dopo l’URL, all’interno del tag <a>, inserisci l’attributo style con il codice colore che desideri. Ad esempio, per un link rosso scuro il codice colore sarà #cc0000. Di conseguenza il tuo link completo diventerà come quello che segue:
<a href="https://nomesito.it/contatti" style="color: #cc0000">Contattaci</a>
Ovviamente, se desideri un colore diverso ti basta sostituire #cc0000 con un altro codice colore HEX a tuo piacere.
Per trovare i codici colore, puoi consultare queste risorse online gratuite e scegliere il colore giusto per te:
Non ci sono commenti