Snabbtips Använda Dashicons för menyalternativ

Förra året flyttade WordPress till att använda plugins för att arbeta på nya funktioner för kärnan. En av de första som skulle visas var MP6-plugin. Det var en komplett redesign av WordPress admin. En av ändringarna flyttade från att använda bilder till en ikonstyp, Dashicons.

I WordPress 3.8 såg vi den här nya designen vägen in i kärnan. Alla ikonerna i WordPress-administratören använder nu Dashicons och vi kan också använda dem i våra teman och plugins.

Dashicons

Projektet är ett open source-projekt och för närvarande underhålls på GitHub. WordPress drar in det och du kan också använda det för dina egna projekt också. Du kan se alla ikoner i dokumentationen också.

Du kan klicka på varje ikon och det kommer att visa dig en större förhandsgranskning av varje och visa namnet på ikonen. Det finns också några länkar som hjälper dig att kopiera CSS, HTML eller Glyph. Det finns också en länk längst ner till Visa instruktioner.

Använda Dashicons för menyalternativ

Låt oss säga att ditt tema lägger till en anpassad posttyp för en bildreglage. Vi vill använda en ikon som ser ut som vissa bilder och väljer att använda dashicons-images-Alt2.

Nu behöver vi bara ange det när vi registrerar vår anpassade posttyp som så:

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

Diabilder Anpassad posttyp

Nu har vårt anpassade menyalternativ samma stil som de andra standardmenyalternativen. Den har samma färg och längd tillsammans med all lämplig färg på svävaren.

Frågor och förfrågningar

Om du hittar några problem med en av dashiconsna, se till att logga in ett problem i Core Trac som om du skulle något annat WordPress-problem. Om du inte hittar en ikon som passar dina ändamål kan du begära en ny.

Slutsats

Som jag nämnde tidigare, nu när Dashicons ingår i WordPress-kärnan, kan vi använda den i våra teman och plugins.

Vi kan enkelt använda dem för menyalternativen som vi lägger till i WordPress-administratörsmenyn. Det här är definitivt en av de små detaljerna som kan göra ditt arbete mer modernt till det centrala WordPress-programmet.

Medel

  • Dashicons
  • GitHub Dashicons
  • MP6
  • Anpassad Posttyp Codex
  • Begär ny Dashicon
  • Core Trac