Come ben sai, esistono molti modi per migliorare l'esperienza utente di un sito web nella progettazione di siti web, e uno di questi è aggiungere o modificare le icone di amministrazione di WordPress. Personalizzare la dashboard di WordPress non significa solo migliorare l'aspetto estetico, ma anche rendere il sito più facile e piacevole da usare! Un modo rapido per iniziare è aggiungere o modificare le icone di amministrazione.
Le icone personalizzate possono semplificare il flusso di lavoro e rendere la navigazione un gioco da ragazzi, soprattutto per i nuovi utenti. Inoltre, una dashboard personalizzata è più accogliente e divertente da usare!
Oggi esploreremo il funzionamento delle icone di amministrazione di WordPress, ti mostreremo come aggiungerle facilmente utilizzando un plugin e come utilizzare un font per icone di WordPress. Pronti a migliorare l'esperienza utente del tuo sito? Iniziamo!
Capire le icone di amministrazione di WordPress
Le icone di amministrazione di WordPress sono quelle piccole immagini che vedi accanto a ogni voce di menu nella dashboard di WordPress. Contribuiscono a rendere il pannello di navigazione più intuitivo e visivamente organizzato. Per impostazione predefinita, WordPress utilizza Dashicons , un font di icone esistente dal 2013 e che da allora non ha subito grandi modifiche.
Se stai cercando di rinnovare l'area di amministrazione di WordPress, cambiare queste icone può essere un ottimo punto di partenza! Puoi sostituire le icone predefinite con altre più adatte al tuo stile o persino aggiungere icone personalizzate per un look davvero personalizzato.
Le icone sono efficaci perché universalmente riconoscibili e consentono agli utenti di trovare facilmente ciò di cui hanno bisogno, che si tratti di una pagina di accesso, di un articolo specifico o di altre sezioni chiave del sito. Questo può essere particolarmente utile se si lavora su un sito multilingue o se ci si rivolge a un pubblico internazionale.
Per i clienti di web design che non hanno familiarità con WordPress, le icone personalizzate possono semplificare la navigazione nella dashboard di amministrazione e rendere l'esperienza personalizzata.
Scopri di più: Come risolvere il problema delle icone di Elementor che non vengono visualizzate?
Le icone di amministrazione di WordPress sono elementi essenziali del web design per il tuo sito web
Contatta i nostri web designer e aggiungi o modifica facilmente le icone di amministrazione di WordPress, migliorando così l'esperienza utente del tuo sito web.
Come aggiungere o modificare le icone di amministrazione di WordPress: due metodi
Ora che conosci la funzione delle icone di amministrazione di WordPress, è il momento di capire come aggiungerle o modificarle. Esistono due modi per modificare facilmente le icone di amministrazione di WordPress. Il primo è utilizzare un plugin, che lo rende facile e veloce. Il secondo è modificare le icone di amministrazione utilizzando un frammento di codice.
Esamineremo entrambi i metodi per aiutarti a decidere quale sia il più adatto a te. Andiamo ad analizzare nel dettaglio:
Come aggiungere o modificare le icone di amministrazione di WordPress utilizzando un plugin
Se non hai mai aggiunto icone a WordPress, il modo più semplice per iniziare è utilizzare un plugin. In questa guida, ti mostreremo come aggiungere icone utilizzando il Font Awesome .
Per ottenere icone sul tuo sito WordPress con Font Awesome, segui questi semplici passaggi:
Installa e attiva il plugin.
Per prima cosa, accedi alla dashboard di WordPress, poi vai su Plugin e installa e attiva il plugin Font Awesome.
Regolare le impostazioni del plugin secondo necessità.
Dopo l'attivazione, verrai reindirizzato alla dei plugin installati . Trova Font Awesome e fai clic su Impostazioni. Il plugin è configurato per utilizzare icone web gratuite tramite la CDN per impostazione predefinita, quindi se questa impostazione ti va bene, hai finito.
Da sapere: come eliminare gli utenti amministratori invisibili di WordPress?
Se desideri sia le icone gratuite che quelle a pagamento, dovrai creare un Font Awesome Kit, ottenere un token API e aggiungerlo alle impostazioni del plugin. (Se invece cerchi solo icone di base, puoi tranquillamente saltare questo passaggio!) Una volta terminato, non dimenticare di cliccare su Salva modifiche.
Aggiungi l'icona nel punto in cui desideri che appaia.
Ora arriva la parte divertente! Le icone di Font Awesome possono essere aggiunte tramite uno shortcode o un HTML . Il formato dello shortcode è [icon name= “value”]. Basta sostituire “value” con il nome dell'icona desiderata. Ad esempio, per aggiungere un'icona premio, usa [icon name= “award”].
Se hai più dimestichezza con l'HTML, puoi usare la sintassi standard di Font Awesome. Font Awesome fornisce frammenti HTML per ogni icona, quindi ti basta copiarli e incollarli dove vuoi che appaia l'icona.
Visualizza in anteprima le modifiche.
Prima di pubblicare, visualizza l'anteprima del post o della pagina per assicurarti che l'icona sia corretta. Se non appare, verifica di utilizzare un'icona gratuita e non premium.
Da sapere anche: Come modificare e personalizzare senza problemi le intestazioni in WordPress?
Metodo 2: come aggiungere o modificare manualmente le icone del menu di amministrazione utilizzando un frammento di codice
Se hai voglia di fare un po' di pratica, puoi personalizzare le icone di amministrazione aggiungendo un po' di codice.
Prima di iniziare, se non lo hai ancora fatto, ti consigliamo di consultare una guida rapida su come aggiungere codice personalizzato in WordPress in modo sicuro.
Il modo più semplice e sicuro per farlo è utilizzare il WPCode , ideale per aggiungere codice personalizzato, CSSe HTML senza il rischio di causare danni. Inoltre, esiste una versione gratuita (WPCode Lite) che svolge egregiamente il suo compito, sebbene la versione Pro includa alcune utili funzionalità aggiuntive.
Esempio: sostituzione di un'icona utilizzando le icone predefinite Dashicons
Per questo esempio, useremo Dashicons (il set di icone integrato di WordPress) per sostituire un'icona esistente. Poiché Dashicons è ottimizzato per WordPress, non rallenterà il tuo sito.
Ecco cosa ti servirà prima di iniziare:
- L'URL della voce di menu che desideri aggiornare
- Il nome dell'icona che vuoi usare
Supponiamo che tu voglia cambiare l'icona del menu "Articoli". Passa semplicemente il mouse sulla voce di menu "Articoli" nella dashboard e vedrai l'URL nella barra di stato in fondo al browser. Ti serve solo l'ultima parte: in questo caso, edit.php.
Successivamente, vai sul sito web di Dashicons, trova l'icona che desideri e copia il suo "slug" (ad esempio dash icons-format-aside).
Ora aggiungiamo il codice:
- Vai a Frammenti di codice » Aggiungi frammento alla tua dashboard.
- Fai clic su + Aggiungi frammento personalizzato e assegna un titolo al frammento.
- Seleziona PHP Snippet in Tipo di codice, quindi incolla il seguente codice nell'editor:
function change_post_menu_icon() {global $menu;// Esegui un ciclo tra le voci del menuforeach ($menu as $key => $menu_item) {// Trova la voce del menu "Post" (l'URL predefinito è 'edit.php')if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {// Cambia l'icona in una classe Dashicon diversa$menu[$key][6] = 'dashicons-format-aside'; // Cambialo con il tuo slug Dashicon preferito}}}add_action('admin_menu', 'change_post_menu_icon');
Sostituisci semplicemente dashicons-format-aside con lo slug dell'icona che hai copiato in precedenza.
Una volta inserito il codice, scorri verso il basso fino alla Inserimento , imposta la Posizione su "Solo amministratore" e attiva. Quindi fai clic su Salva snippet.
Ora WordPress inizierà a utilizzare l'icona scelta per la pagina Post, proprio così!
Correlati: Come impostare gli shortcode di Elementor per un facile utilizzo dei modelli
Conclusione
Quindi, come vedi, aggiungere o modificare le icone di amministrazione di WordPress non è difficile. Una volta compreso il significato e la funzione di queste icone, ti aiuteranno a migliorare e amplificare il design del tuo sito web e l'esperienza utente.
Che tu scelga un plugin per cambiare rapidamente le icone o che tu provi ad aggiungere codice personalizzato per un approccio più pratico, il processo è semplice e può fare una grande differenza, soprattutto per clienti o utenti che non hanno familiarità con WordPress. Quindi, dai un piccolo restyling alla tua area di amministrazione e rendila davvero tua!
