Aggiungi facilmente icone personalizzate al menu dei temi in WordPress

Aggiungi facilmente icone personalizzate al menu dei temi in WordPress
⏱️ 3 min read

Hai mai desiderato aggiungere le tue icone di menu personalizzate al tuo tema WordPress solo per migliorare l’estetica del tuo blog o sito web? Per impostazione predefinita, WordPress supporta l’aggiunta di icone di menu semplicemente aggiungendo il tuo CSS e le classi risultanti alle voci di menu. Questo approccio all’aggiunta di icone di menu fornisce una maggiore flessibilità ma richiede di sapere una o due cose su come gestire il CSS e qualsiasi altra modifica personalizzata di backend. Quindi, se vuoi solo aggiungere le icone del menu senza tutti i tecnicismi, ecco come puoi usare le icone dei menu per ottenere l’attività in questione.

Utilizzo del plug-in Icone dei menu

Icone del menu è un plug-in gratuito disponibile tramite il repository di WordPress e puoi scaricarlo e installarlo come qualsiasi altro plug-in. Una volta installato, attiva il plug-in e sei a posto.

Essendo un plugin semplice e diretto, Menu Icons non ha una pagina delle impostazioni separata. Invece, è integrato direttamente nella pagina del menu di WordPress. Quindi, per iniziare a utilizzare le icone dei menu, accedere alla pagina “Menu” situata nella scheda “Aspetto”.

menu-icone-menu-pagina

Una volta lì, espandere la voce di menu facendo clic sulla piccola freccia verso il basso accanto al nome del menu. Qui, fai clic sul link “Seleziona”.

menu-icone-clic-icona-collegamento

L’azione precedente aprirà la schermata delle icone in cui è possibile selezionare l’icona appropriata in base alle proprie esigenze. Una volta selezionato, le icone del menu ti mostreranno alcune impostazioni aggiuntive insieme a un’anteprima nel riquadro di destra. Utilizzando le impostazioni aggiuntive, puoi modificare l’aspetto e il comportamento dell’icona come nascondere l’etichetta, modificare l’allineamento dell’icona, ecc.

menu-icone-seleziona-icona

La cosa buona delle icone di menu è che sfoggiano alcuni dei set di icone più popolari come Dashicon, Font Awesome, Foundation, ecc. Ciò ti consente di combinare e abbinare icone di set diversi senza compromettere l’estetica del tuo sito.

menu-icone-font-icone-fantastiche

Inoltre, se non hai trovato le icone richieste nei set di icone forniti, puoi facilmente aggiungere le tue icone caricandole. Per farlo, seleziona semplicemente l’opzione “Immagine” nel riquadro di sinistra e fai clic sul pulsante “Seleziona file” o trascina e rilascia l’immagine.

menu-icone-caricamento-icone

Oltre a caricare le immagini, è possibile aggiungere i propri tipi di icone aggiungendo o modificando manualmente i file “type – *. Php” nella directory “include” del plugin. Ma fallo solo se sai cosa stai facendo.

Dopo aver aggiunto le icone, salvare le impostazioni del menu facendo clic sul pulsante “Salva” visualizzato nell’angolo in alto a destra. Ora accedi al front-end del tuo sito per vedere le icone del menu aggiunte in azione.

menu-icone-live-sito

Detto questo, proprio come qualsiasi altra modifica dell’aspetto, l’allineamento e l’aspetto effettivo delle icone aggiunte potrebbero apparire diversi sul front-end in quanto saranno influenzati dai file CSS del tema esistenti. Quindi, se ritieni che le icone siano influenzate dal tuo CSS esistente, utilizza il CSS personalizzato per sovrascrivere le impostazioni.

Conclusione

Menu Icons è un plugin semplice ma efficace che offre il meglio dei due mondi, facilità d’uso e un’ampia gamma di icone tra cui scegliere. Quindi, se desideri aggiungere rapidamente icone di menu senza molte impostazioni, le icone di menu sarebbero un’ottima scelta.

Per ora è tutto, e si spera che aiuti. Commenta qui sotto condividendo i tuoi pensieri ed esperienze sull’utilizzo di questo semplice plugin per aggiungere icone di menu sul tuo sito WordPress.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar di Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Potrebbero interessarti anche...

Subscribe
Notificami
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x