Schnelltipp Verwenden von Dashicons für Menüelemente

Letztes Jahr nutzte WordPress Plugins, um an neuen Funktionen für Core zu arbeiten. Eine der ersten, die auftauchte, war das MP6-Plugin. Es war eine komplette Neugestaltung des WordPress-Administrators. Eine der Änderungen bestand darin, von der Verwendung von Bildern zu einer Symbolschriftart, Dashicons, zu wechseln.

In WordPress 3.8 haben wir gesehen, dass dieses neue Design seinen Kern gefunden hat. Alle Symbole im WordPress-Administrator verwenden jetzt Dashicons. Auch wir können sie in unseren Designs und Plugins verwenden.

Dashicons

Das Projekt ist ein Open-Source-Projekt und wird derzeit auf GitHub verwaltet. WordPress zieht es ein und Sie können es auch für Ihre eigenen Projekte verwenden. Sie können auch alle Symbole in der Dokumentation sehen.

Sie können auf jedes Symbol klicken, und es wird eine größere Vorschau von jedem Symbol angezeigt, und der Name des Symbols wird angezeigt. Es gibt auch einige Links, mit denen Sie CSS, HTML oder Glyph kopieren können. Es gibt auch einen Link am unteren Rand Anweisungen anzeigen.

Dashicons für Menüelemente verwenden

Nehmen wir an, Ihr Design fügt einen benutzerdefinierten Beitragstyp für einen Bildschieberegler hinzu. Wir möchten ein Symbol verwenden, das wie einige Bilder aussieht, und sich für die Verwendung entscheiden dashicons-images-alt2.

Jetzt müssen wir es nur angeben, wenn wir unseren benutzerdefinierten Beitragstyp wie folgt registrieren:

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

Dias Benutzerdefinierter Beitragstyp

Jetzt hat unser benutzerdefiniertes Menüelement den gleichen Stil wie die anderen Standardmenüelemente. Es hat die gleiche Farbe und Höhe zusammen mit der entsprechenden Farbe im Schwebeflug.

Fragen und Anfragen

Wenn Sie Probleme mit einem der Dashicons feststellen, sollten Sie ein Problem in Core Trac wie alle anderen WordPress-Probleme protokollieren. Wenn Sie kein für Ihre Zwecke passendes Symbol finden, können Sie ein neues anfordern.

Fazit

Wie ich bereits erwähnt habe, können Dashicons jetzt in WordPress-Kern eingebunden werden. Wir können es in unseren Designs und Plugins verwenden.

Wir können sie problemlos für die Menüpunkte verwenden, die wir dem WordPress-Admin-Menü hinzufügen. Dies ist definitiv eine der kleinen Details, die Ihre Arbeit für die Kernanwendung WordPress nativer erscheinen lässt.

Ressourcen

  • Dashicons
  • GitHub Dashicons
  • MP6
  • Kundenspezifischer Post-Codex
  • Neues Dashicon anfordern
  • Core Trac