Vuoi cambiare il testo standard della ricerca per il tema Divi di WordPress? Come cambiare il testo della barra di ricerca nel menù di Divi? Leggi qui.
Attenzione!
Questa procedura è valida per tutti quei siti web con CMS WordPress che hanno installato il tema originale “Divi” di Elegant Themes. La procedura è reversibile ed ha effetto su tutte le versioni (mobile, tablet, desktop) del sito. Purtroppo non è ancora possibile svolgere questi passaggi tramite una semplice spunta ✅ e un veloce inserimento di testo nei normali comandi di personalizzazione del menù di Divi. Fino a nuovo aggiornamenti di Divi, cambiare il testo del tasto “Cerca” presente nel menù è una operazione possibile soltanto inserendo qualche riga di codice nello spazio “CSS personalizzato” dedicato. Niente di così complicato, ma comunque una operazione “secondaria” che potrebbe andare in conflitto con altri codici. Se noti stranezze a procedura ultimata, elimina il codice aggiunto per tornare alla normalità, quindi contatta gli sviluppatori di Divi.
Divi è uno dei temi più utilizzati nel mondo di WordPress. Molti utenti scelgono Divi per la versatilità, per l’ottimizzazione, per l’incredibile quantità di template disponibili e per l’assistenza (gratuita a vita, in caso di acquisto premium) offerta dalla casa di sviluppo di Divi, Elegant Themes. Installando Divi si avrà un supporto a lungo termine su ogni aspetto che riguardi l’interfaccia del noto Tema per CMS WordPress.
Tuttavia a volte è necessario fare degli abbellimenti sul proprio tema grafico, nonostante Divi sia già molto ottimizzato e costantemente aggiornato.
Oggi vedremo insieme come personalizzare una parte del menù di Divi e precisamente il testo che compare una volta cliccata l’icona a forma di lente di ingrandimento.
L’interfaccia standard del menù del tema Divi (e in particolare del tasto “Cerca” o ?), si presenta più o meno così (il font e il logo del sito sono quelli di Internetto.it!):
Con questa guida andremo a sostituire il testo “Cerca …” impostato di default, il quale compare quando si clicca sulla lente di ingrandimento del menù (la stessa lente che puoi vedere qui sopra). E ora procediamo:
1) Vai nella bacheca del tuo WordPress, scorri nella colonna in basso a sinistra fino alla voce “Divi”, quindi clicca su “Opzioni tema”.
2) Dalla pagina che si aprirà, clicca sulla finestra su “Integrazione” (finestra posta a destra della finestra “Generale”), quindi, nella finestra nera dedicata all’head, chiamata anche “Aggiungi codice a < head > del tuo blog”, copia il seguente codice (funziona il copia / incolla):
<script>
jQuery(function($){
$('.et-search-field').attr('placeholder', 'TESTO A TUO PIACIMENTO');
});
</script>3) Per personalizzare il testo ti basterà scrivere ciò che vorrai a posto della voce ‘TESTO A TUO PIACIMENTO’ (lascia le virgolette, mi raccomando!). Quindi scorri fino in basso nella pagina web e clicca sul bottone “Salva” per rendere effettivi i cambiamenti.
Riaggiornando le pagine di nostro interesse vedremo subito i risultati (visibili nello screenshot sottostante, dove ho sostituito il testo modificabile con “Cerca una guida …”). La procedura è comunque reversibile, in quanto sarà possibile, in qualsiasi momento, rimuovere il codice dalla finestra “Aggiungi codice a < head > del tuo blog” e salvare per tornare alle impostazioni standard di Divi. Non dovrai cercare guide improbabili in inglese come “Change Search Bar Text in Divi” ma potrai goderti il risultato in pochi click. Facile, no?
