Come evidenziare il testo in WordPress (Guida per principianti)

Ricordi di aver usato un evidenziatore giallo per segnare i passaggi importanti nei libri di testo? L'equivalente digitale in WordPress è altrettanto utile per far risaltare le informazioni chiave sul tuo sito web.

Ma molti principianti non si rendono conto di quanto sia facile aggiungere questa formattazione ai propri contenuti.

Durante il tempo in cui abbiamo gestito WPBeginner, abbiamo notato che tecniche semplici come l'evidenziazione del testo spesso fanno la differenza maggiore nel modo in cui i lettori interagiscono con i contenuti.

Se usato strategicamente, il testo evidenziato può guidare i visitatori verso i tuoi punti più importanti e migliorare la memorizzazione del messaggio.

In questa guida, ti mostreremo diversi metodi semplici per evidenziare il testo in WordPress.

Perché evidenziare il testo in WordPress

Evidenziare il testo in WordPress ti aiuta a richiamare l'attenzione sulle parti più importanti del tuo contenuto.

Rende le informazioni chiave più facili da notare, migliora la leggibilità e offre supporto all'accessibilità per gli utenti che potrebbero avere difficoltà visive o di lettura.

Ecco i principali vantaggi dell'evidenziazione del testo:

• Migliora la visibilità delle informazioni chiave: Aiuta i dettagli importanti come sconti, offerte o avvisi a risaltare in modo che i lettori non li perdano.
• Aumenta le conversioni: Evidenziando call to action o offerte speciali, puoi guidare gli utenti verso il passo successivo più facilmente.
• Migliora la leggibilità: Rende i contenuti lunghi più facili da scansionare, aiutando i lettori a trovare rapidamente i punti più rilevanti.
• Supporta l'accessibilità: Può aiutare gli utenti con disabilità visive o difficoltà di lettura a comprendere e navigare meglio il tuo contenuto.
• Migliora l'attrattiva visiva: Se usato correttamente, l'evidenziazione può rendere il tuo contenuto più strutturato e coinvolgente.

Migliori pratiche per un'efficace evidenziazione del testo

Ora che sai perché l'evidenziazione del testo è utile, è importante usarla nel modo giusto.

Se fatto correttamente, migliora la leggibilità e il coinvolgimento, ma un uso eccessivo può avere l'effetto opposto.

Detto questo, diamo un'occhiata a come evidenziare facilmente il testo in WordPress. Puoi utilizzare i collegamenti rapidi qui sotto per passare al metodo che desideri utilizzare:

Metodo 1: Evidenziare il testo in WordPress utilizzando l'editor a blocchi

Questo metodo è per te se vuoi evidenziare facilmente il testo in WordPress usando l'editor a blocchi (Gutenberg).

Innanzitutto, dovrai aprire un post esistente o nuovo nell'editor dei contenuti dalla barra laterale di amministrazione di WordPress.

Una volta lì, seleziona semplicemente il testo che desideri evidenziare. Quindi, fai clic sull'icona della freccia verso il basso nella barra degli strumenti del blocco per visualizzare altre opzioni.

Questo aprirà un menu a discesa in cui dovrai scegliere l'opzione 'Evidenzia' dall'elenco.

Ora si aprirà uno strumento di selezione del colore sullo schermo. Da qui, dovrai scegliere l'opzione di colore 'Sfondo'.

Successivamente, scegli un colore di evidenziazione predefinito tra le opzioni fornite.

Puoi anche selezionare un colore personalizzato per evidenziare il testo facendo clic sull'opzione 'Personalizzato' per aprire il selettore di colori completo.

Infine, non dimenticare di fare clic sul pulsante 'Pubblica' o 'Aggiorna' per salvare le modifiche.

Ora puoi visitare il tuo blog WordPress per controllare il testo evidenziato in azione.

Se desideri rimuovere l'evidenziazione, seleziona nuovamente il testo evidenziato nell'editor a blocchi, fai clic sull'icona della freccia verso il basso e scegli 'Evidenzia'.

Quindi seleziona l'opzione 'Cancella' dal selettore di colori.

Metodo 2: Evidenziare il testo in WordPress utilizzando WPCode (Consigliato)

Se desideri utilizzare in modo coerente un colore specifico per evidenziare il testo in tutto il tuo sito WordPress, allora questo metodo è per te.

Il vantaggio principale di questo metodo è il controllo globale. Se decidi mai di cambiare il colore di evidenziazione, dovrai aggiornare lo snippet di codice solo una volta. Aggiornerà automaticamente il colore di evidenziazione in tutto il tuo sito.

Puoi facilmente evidenziare testo in WordPress aggiungendo codice CSS ai file del tuo tema. Tuttavia, il più piccolo errore durante l'inserimento del codice potrebbe compromettere il tuo sito web, rendendolo inaccessibile.

Ecco perché consigliamo di utilizzare WPCode, che è il miglior plugin per snippet di codice WordPress sul mercato. Ha oltre 3 milioni di installazioni attive e una valutazione di 4,9/5 stelle su WordPress.org.

Dopo test approfonditi, abbiamo scoperto che è il modo più semplice e sicuro per aggiungere codice al tuo sito web senza modificare direttamente i file del tuo tema. Tutto ciò è dovuto alla sua convalida intelligente del codice, alla gestione degli errori integrata e all'ambiente di esecuzione sicuro.

Per i dettagli, consulta la nostra recensione di WPCode.

Passaggio 1: Installa e configura WPCode

Innanzitutto, devi installare e attivare il plugin WPCode. Per ulteriori istruzioni, consulta la nostra guida per principianti su come installare un plugin WordPress.

Passaggio 2: Crea uno snippet CSS personalizzato

Dopo l'attivazione, vai alla pagina Snippet di codice » + Aggiungi snippet dalla barra laterale di amministrazione di WordPress.

Successivamente, fai clic sul pulsante ‘+ Aggiungi snippet personalizzato’ sotto l'opzione ‘Aggiungi il tuo codice personalizzato (Nuovo snippet)’.

Quindi, devi selezionare un tipo di codice. Per questo tutorial, seleziona l'opzione ‘Snippet CSS’.

Dopo di che, aggiungi un nome appropriato per il tuo snippet di codice.

Questo ti porterà alla pagina ‘Crea snippet personalizzato’, dove puoi iniziare digitando un nome per il tuo snippet di codice.

Il nome è solo per tuo riferimento e può essere qualsiasi cosa per aiutarti a ricordare a cosa serve il codice.

Passaggio 3: Aggiungi il tuo codice personalizzato

Successivamente, copia e incolla il seguente codice nella casella ‘Anteprima codice’:

mark {
background-color: #ffd4a1;
}

Una volta fatto ciò, aggiungi il codice esadecimale per il tuo colore di evidenziazione preferito accanto alla riga background-color nel codice.

Nel nostro esempio, stiamo usando #ffd4a1, che è un colore marrone chiaro.

Passaggio 4: Abilita inserimento automatico e salva

Dopo di che, scorri verso il basso fino alla sezione ‘Inserimento’.

Da qui, seleziona il metodo ‘Inserimento automatico’ per eseguire il codice all'attivazione.

Successivamente, vai in cima alla pagina e sposta l'interruttore ‘Inattivo’ su ‘Attivo’.

Infine, fai clic sul pulsante ‘Salva snippet’ per memorizzare le tue modifiche.

Passaggio 5: Modifica post in visualizzazione HTML

Ora che lo snippet CSS è stato attivato, dobbiamo applicare la formattazione. Poiché si tratta di uno stile personalizzato, passeremo brevemente alla visualizzazione HTML per un blocco specifico per racchiudere il testo.

Per prima cosa, apri un post esistente o creane uno nuovo nell'editor a blocchi di WordPress.

Da qui, fai clic sull'icona ‘Altre opzioni’ (tre puntini verticali) nella barra degli strumenti del blocco selezionato. Si aprirà un nuovo menu a discesa in cui dovrai selezionare l'opzione ‘Modifica come HTML’.

Passaggio 6: Racchiudi il testo con i tag <mark>

Ora vedrai il contenuto del blocco in formato HTML.

Qui, semplicemente racchiudi il testo che desideri evidenziare tra i tag <mark> </mark> in questo modo:

<mark>highlighted-text</mark>

Questo evidenzierà il testo nel colore esadecimale che hai scelto nel tuo snippet WPCode.

Successivamente, fai clic sull'opzione ‘Modifica visivamente’ nella barra degli strumenti del blocco per tornare all'editor visivo.

Passaggio 7: Salva e pubblica il tuo post

Una volta terminato, fai clic sul pulsante ‘Aggiorna’ o ‘Pubblica’ per salvare le modifiche.

Ora puoi visitare il tuo sito web per vedere il testo evidenziato in azione.

Bonus: Usa SeedProd per evidenziare pagine importanti sul tuo sito web

Abbiamo discusso come formattare parole specifiche nei tuoi contenuti. Tuttavia, a volte potresti voler evidenziare intere sezioni o pagine sul tuo sito, come un modulo di contatto o un coupon regalo.

Ad esempio, se hai un negozio online e hai appena lanciato una vendita stagionale, potresti voler evidenziare quell'offerta sul tuo sito web.

Puoi evidenziare queste sezioni creando pagine di destinazione per esse. Queste sono pagine autonome sul tuo sito web progettate per generare lead.

Per creare landing page visivamente accattivanti per il tuo sito web, ti consigliamo di utilizzare SeedProd. È il miglior costruttore di landing page WordPress sul mercato, utilizzato da oltre 1 milione di siti web e costantemente valutato 4,9/5 stelle su WordPress.org.

SeedProd è dotato di un costruttore drag-and-drop, oltre 350 modelli predefiniti e oltre 90 blocchi.

Abbiamo visto molte aziende, inclusi negozi di eCommerce e agenzie di marketing, ottenere ottimi risultati con SeedProd, segnalando spesso miglioramenti significativi nella generazione di lead e nelle conversioni.

Per maggiori dettagli, consulta la nostra recensione di SeedProd.

Il plugin rende facile creare landing page accattivanti che mettono in risalto sezioni importanti del tuo sito web come un modulo di contatto, annunci di saldi, omaggi, testimonianze, moduli di iscrizione, pagine di accesso e altro ancora.

Oltre a ciò, puoi anche utilizzare SeedProd per creare temi personalizzati, pagine "coming soon", pagine di manutenzione e molto altro.

Per maggiori dettagli, puoi consultare il nostro tutorial su come creare una landing page in WordPress.

Domande frequenti sull'evidenziazione del testo in WordPress

Ecco alcune domande che i nostri lettori hanno posto frequentemente sull'evidenziazione del testo in WordPress:

Come si cambia il colore del testo in WordPress?

Puoi cambiare il colore del testo in WordPress usando l'editor a blocchi selezionando il tuo testo e regolando le impostazioni del colore nell'opzione “Colore testo” del blocco. Questo ti permette di stilizzare rapidamente i tuoi contenuti senza codice.

Per maggiori informazioni, consulta la nostra guida su come cambiare il colore del testo in WordPress.

Come si evidenzia il testo con HTML in WordPress?

Puoi evidenziare il testo con HTML in WordPress racchiudendolo in un tag <mark> o utilizzando stili CSS inline. Questo ti dà un maggiore controllo sull'aspetto dell'evidenziazione.

Se preferisci un'opzione più semplice, puoi anche utilizzare un plugin come WPCode per aggiungere e gestire snippet CSS personalizzati all'interno della tua dashboard WordPress.

Quale tasto Ctrl viene utilizzato per evidenziare il testo in WordPress?

Non esiste una scorciatoia da tastiera Ctrl specifica in WordPress per evidenziare direttamente il testo. L'evidenziazione viene solitamente eseguita manualmente selezionando il testo con il mouse o il trackpad.

Tuttavia, puoi usare Ctrl + A (Cmd + A su Mac) per selezionare tutto il testo in un blocco o nell'editor, il che rende più facile applicare successivamente formattazioni come l'evidenziazione o le modifiche di colore.

Come si cambia il colore dei link in WordPress?

Puoi cambiare il colore dei link in WordPress utilizzando le impostazioni di personalizzazione del tuo tema o CSS personalizzato. Questo ti consente di abbinare gli stili dei link al design del tuo sito web per un aspetto coerente.

Per istruzioni passo passo, consulta il nostro tutorial su come cambiare il colore dei link in WordPress.

Speriamo che questa guida ti abbia aiutato a imparare come evidenziare il testo in WordPress. Potresti anche voler consultare la nostra guida passo passo su come personalizzare i colori in WordPress per rendere il tuo sito web più esteticamente gradevole e il nostro confronto dei migliori costruttori di siti web AI per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.