I fjor flyttet WordPress til bruk av plugins for å jobbe med nye funksjoner for kjernen. En av de første som skulle vises var MP6-plugin. Det var et komplett redesign av WordPress admin. En av endringene flyttet fra å bruke bilder til et ikonfont, Dashicons.
I WordPress 3.8 så vi dette nye designet sin vei inn i kjernen. Alle ikonene i WordPress-administrasjonen bruker nå Dashicons, og vi kan også bruke dem i våre temaer og plugins.
Prosjektet er et åpen kildekode-prosjekt og vedlikeholdes for tiden på GitHub. WordPress trekker den inn, og du kan også bruke den til dine egne prosjekter også. Du kan se alle ikonene i dokumentasjonen også.
Du kan klikke på hvert ikon, og det vil vise deg en større forhåndsvisning av hver og vise navnet på ikonet. Det er også noen koblinger som hjelper deg med å kopiere CSS, HTML eller Glyph. Det er også en link nederst til Vis instruksjoner.
La oss si at temaet ditt legger til en egendefinert innleggstype for en bildegjenger. Vi ønsker å bruke et ikon som ser ut som noen bilder og bestemmer seg for å bruke dashicons-bilder-alt2
.
Nå trenger vi bare å spesifisere det når vi registrerer vår egendefinerte innleggstype som slik:
register_post_type ('slides', array ('etiketter' => array ('name' => 'Slides', 'singular_name' => 'Slide'), 'public' => sant, 'has_archive' => sant, 'menu_icon '=>' dashicons-images-alt2 '));
Nå har vårt egendefinerte menyelement samme stil som de andre standardmenyelementene. Den har samme farge og høyde sammen med all passende farge på hover.
Hvis du finner noen problemer ved hjelp av en av dashikonene, sørg for å logge et problem i Core Trac som om du vil ha andre WordPress-problemer. Hvis du ikke finner et ikon som passer dine formål, kan du be om en ny.
Som jeg nevnte tidligere, nå som Dashicons er inkludert i WordPress-kjerne, kan vi bruke det i våre temaer og plugins.
Vi kan enkelt bruke dem til menyelementene som vi legger til i WordPress admin-menyen. Dette er definitivt en av de små detaljene som kan gjøre arbeidet ditt mer følsomt for kjernen WordPress-programmet.