Personalizzare le icone di Google Language Translator

Se avete un sito web sotto WordPress e volete offrire ai vostri utenti la possibilità di visualizzare le pagine e gli articoli in lingue differenti (senza per questo creare da voi le versioni tradotte) il plugin che fa al caso vostro è Google Language Translator; l’aggiunta di questo plugin vi consente di avere un widget col quale mostrare delle bandiere relative alle lingue che avete deciso di includere nelle traduzioni automatiche, sarà sufficiente cliccare sulla bandiera e il testo della pagina web verrà tradotto nella lingua corrispondente.

Il widget funziona egregiamente, ma non consente di personalizzare le icone delle bandiere: per ovviare a tale mancanza, ho caricato nel mio spazio web le icone delle bandiere che desideravo, ed ho poi aggiunto il codice che segue nel widget “Html personalizzato” (che va poi posizionato nella barra che si desidera)

<a class=”nturl notranslate it flag Italian”> <img src=”/wp-content/uploads/2019/01/Italy.png” title=”Italian” alt=”Italian”></a> &nbsp;

<a class=”nturl notranslate en flag English”> <img src=”/wp-content/uploads/2019/01/United-Kingdom.png” title=”English” alt=”English”></a>

Nel codice si riconoscono i link relativi alle icone da me caricate, e la parte di codice che rimanda all’applicazione del plugin per la traduzione nella lingua desiderata (nel caso di cui sopra ho scelto di far tradurre gli articoli in inglese e poter poi tornare all’italiano, da cui le due icone delle bandiere presenti).

Ricordatevi, nelle impostazioni del plugin (Impostazioni – Google Language Translator – Main Setting), di selezionare le lingue che volete attivare per la traduzione; la sola indicazione nel codice di cui sopra non è sufficiente.

 

Lascia un commento