Come visualizzare le icone nel menu WordPress [WordPress Plugin]

L'icona è un ottimo complemento per qualsiasi tipo di design. Molte icone sono universalmente riconosciute . Prendere una segnaletica di toilette pubblica all'aeroporto. Senza la necessità di conoscere la lingua locale, se è estraneo a te, puoi immediatamente capire quale gabinetto è per le donne, e che è per gli uomini dall'icona usata nella parte anteriore della porta.

La stessa cosa potrebbe essere applicata anche per un sito Web; la visualizzazione di un'icona potrebbe aiutare gli utenti a navigare attraverso il tuo sito web. Questo aiuta l'esperienza dell'utente e renderà anche più carino un sito web.

Ma visualizzare una simile icona in un CMS come WordPress potrebbe essere una sfida. Se il tuo sito web è basato su WordPress, qui ti mostreremo il modo più semplice per mostrare un'icona nel menu di WordPress .

Iniziare

Aggiungere un'icona in WordPress è facilissimo grazie a un plugin per WordPress chiamato Menu Icons. Innanzitutto, installa e attiva questo plug-in.

Ora siamo pronti per aggiungere le icone.

Aggiunta di icone

Per questo esempio, mi piacerebbe utilizzare TwentyTwelve, un tema WordPress bello e pulito. Ho anche creato alcune pagine che includerò nel menu.

Crea un nuovo menu tramite Aspetto> Menu . Non dimenticare di assegnare la posizione del menu, a meno che non appaia da nessuna parte nel sito web.

Quindi aggiungeremo un'icona per ogni oggetto. Per iniziare, espandiamo una delle voci del menu. Troverai un link che dice Icona: Seleziona icona . Fare clic su "Seleziona icona" per avviare la selezione. Qui ti verrà presentata una finestra simile alla libreria multimediale di WordPress.

Al momento della stesura di questo plugin vengono fornite 3 librerie di icone di font, ovvero Dashicons, Genericons e FontAwesome.

Tuttavia, anche se siamo liberi di usare qualsiasi icona, è meglio ricavare le icone da una libreria, poiché ognuna di esse ha le proprie caratteristiche come la dimensione e la curva. In altre parole, se usi FontAwesome, usalo in tutto il sito web. Fare così manterrebbe l'uniformità dell'icona e renderla un aspetto più unificato.

Quando selezioni l'icona, vedrai l'anteprima sul pannello di destra. Nel pannello destro apportare alcune modifiche. È possibile posizionare l'icona prima o dopo il menu, controllare la dimensione del carattere e impostare l'allineamento verticale. Quando l'impostazione è completata, fai clic su Seleziona e procedi per aggiungere un'icona per gli altri elementi nel menu.

Pensiero finale

Menu Icons è un plugin molto utile per aggiungere un'icona nel menu. Si integra bene con il pattern UI di WordPress che è molto intuitivo da usare. Inoltre, lo sviluppatore ha pianificato alcune nuove funzionalità per le prossime versioni, tra cui l'aggiunta di ulteriori librerie di icone e la possibilità di caricare icone personalizzate.

Spero che vi piaccia e che questo suggerimento sia utile. Vai avanti e prova il plug-in.

Quando il design del marchio è veramente importante?

Come progettista di identità di marca, spesso lotto con questa domanda. Guardando società come Apple, Dell, Google e Amazon, che hanno tutte dato il via a insignificanti loghi non entusiasmanti e nessuna vera identità di marca di cui parlare, mi trovo spesso a riflettere su quale dei miei potenziali clienti trarrebbe veramente beneficio dai miei servizi, e che potrebbe richiedere qualche altro anno di attività prima di poter ottenere il massimo rapporto costo-efficacia dell'assunzione di me.Ogg

(Consigli tecnici e di design)

Raccogli feedback gratuiti degli utenti con Emoji simpatici

Sappiamo tutti che il feedback degli utenti è prezioso per il processo di progettazione. Puoi imparare cosa funziona, cosa no e in definitiva ciò che le persone pensano del tuo sito web.Ma, nel nostro mondo carico di smartphone, c'è un oscuro metodo di feedback che ora ha senso: emoji .Se installi Feedback Emoji sul tuo sito, puoi raccogliere il feedback degli utenti direttamente dalle icone emoji . T

(Consigli tecnici e di design)