Aggiungere un’immagine linkabile nel menu di WordPress

05 Nov Aggiungere un’immagine linkabile nel menu di WordPress

Non è sicuramente una di quelle situazioni più ricorrenti, ma in passato mi sono capitate certe occasioni in cui avevo la necessità di aggiungere un’immagine con link al menu di WordPress oltre alle classiche voci testuali già esistenti. Anzi, di queste poche occasioni, quella più richiesta, per una serie di necessità personali dei clienti dovute alla presena di un sito multilingua nella sottocartella del loro server, era quella di dover aggiungere una bandierina con link che reindirizzava alla versione inglese del sito.

Anche se molti utenti ricorrono a plugin o all’integrazione di codice customizzato, la procedura per aggiungere un’immagine nel menu con relativo link è piuttosto semplice e la offre direttamente WordPress con una sua funzionalità già integrata ma poco nota, e non perché non desiderasse farla sapere, ma semplicemente perché passa talmente inosservata che non tutti la adoperano o ne sono al corrente.

La soluzione infatti si mette in pratica direttamente dalla voce del pannello di controllo Aspetto > Menu.
Prima di arrivarci però, procuratevi innanzitutto l’immagine che vorrete aggiungere nel menu di WordPress, che con grandi probabilità sarà in PNG, nel mio caso si trattava della bandierina inglese precedentemente messa a misura (qualcosa tipo 32 x 23 pixel), dopodichè, caricatela tra i vostri Media e copiate il suo indirzzo URL che servirà successivamente.

Ora potete finalmente andare nella voce Menu, e per giungere al nostro scopo, nella funzione Aggiungi voci al menu, useremo i Link personalizzati, ma lo faremo in un modo un po’ diverso dal solito.
Qui, nel campo URL inseriremo il link di destinazione finale, nel mio caso il link era quello al sito inglese creato nella sottocartella del server, e cliccheremo subito su Aggiungi al menu lasciando vuoto il campo Testo del link. WordPress aggiungerà ovviamente il nostro link personalizzato al menu del sito e, una volta cliccato sulla freccetta verso il basso che aprirà le sue opzioni, nel campo Navigation Label andremo ad aggiungere il seguente codice:

<img src="Indirizzo-Mia-Immagine.png">

Ovviamente il testo presente all’interno delle virgolette che vedete andrà sostituito con l’indirizzo della vostra immagine precedentemente caricata. A questo punto il gioco è fatto, non vi resta che salvare il vostro menu e l’immagine comparirà tra le altre voci del menu del sito.

Di seguito trovate anche un’immagine più esplicativa che mostra quanto descritto.