Suggerimento rapido utilizzo di Dashicons per le voci di menu

L'anno scorso, WordPress è passato all'utilizzo di plugin per lavorare su nuove funzionalità per il core. Uno dei primi a comparire è stato il plugin MP6. È stata una riprogettazione completa dell'amministratore di WordPress. Una delle modifiche era il passaggio dall'uso di immagini a un font icona, Dashicons.

In WordPress 3.8, abbiamo visto questo nuovo design entrare nel vivo. Tutte le icone nell'amministratore di WordPress ora usano Dashicons e anche noi possiamo usarle nei nostri temi e plugin.

Dashicons

Il progetto è un progetto open source ed è attualmente mantenuto su GitHub. WordPress lo inserisce e puoi utilizzarlo anche per i tuoi progetti. Puoi anche vedere tutte le icone nella documentazione.

È possibile fare clic su ciascuna icona per visualizzare un'anteprima più grande di ciascuna e visualizzare il nome dell'icona. Ci sono anche alcuni link che ti aiutano a copiare CSS, HTML o glifo. C'è anche un link in fondo a Mostra le istruzioni.

Utilizzo di Dashicons per voci di menu

Supponiamo che il tuo tema aggiunga un tipo di post personalizzato per un cursore immagine. Vogliamo usare un'icona che assomigli ad alcune immagini e decidiamo di usarla dashicons-immagini-ALT2.

Ora dobbiamo solo specificarlo quando registriamo il nostro tipo di post personalizzato in questo modo:

 register_post_type ('slides', array ('labels' => array ('name' => 'Slides', 'singular_name' => 'Slide'), 'public' => true, 'has_archive' => true, 'menu_icon '=>' dashicons-images-alt2 '));

Diapositive Tipo di messaggio personalizzato

Ora la nostra voce di menu personalizzata ha lo stesso stile delle altre voci di menu predefinite. Ha lo stesso colore e altezza insieme a tutti i colori appropriati al passaggio del mouse.

Problemi e richieste

Se riscontri problemi utilizzando uno dei dashicons, assicurati di registrare un problema in Core Trac come faresti con qualsiasi altro problema di WordPress. Se non trovi un'icona adatta ai tuoi scopi, puoi richiederne una nuova.

Conclusione

Come ho detto prima, ora che Dashicons è incluso nel core di WordPress, possiamo utilizzarlo nei nostri temi e plugin.

Possiamo facilmente usarli per le voci di menu che aggiungiamo al menu di amministrazione di WordPress. Questo è sicuramente uno dei piccoli tocchi che possono far sentire il tuo lavoro più nativo all'applicazione principale di WordPress.

risorse

  • Dashicons
  • GitHub Dashicons
  • MP6
  • Codice del tipo di posta personalizzato
  • Richiedi New Dashicon
  • Core Trac