Sfat rapid Utilizarea elementelor dashicon pentru elementele de meniu

Anul trecut, WordPress sa mutat la utilizarea pluginurilor pentru a lucra la noi caracteristici pentru core. Unul dintre primele care au apărut a fost plugin-ul MP6. A fost o reproiectare completă a administratorului WordPress. Una dintre schimbări sa mutat de la utilizarea imaginilor la un font cu pictograme, Dashicons.

În WordPress 3.8, am văzut acest nou design transformându-l în nucleu. Toate pictogramele din administratorul WordPress utilizează acum Dashicons și noi le putem folosi și în temele și pluginurile noastre.

Dashicons

Proiectul este un proiect open source și este în prezent menținut pe GitHub. WordPress îl trage și îl puteți folosi și pentru proiectele proprii. Puteți vedea și toate pictogramele din documentație.

Puteți să faceți clic pe fiecare pictogramă și vă va afișa o previzualizare mai mare a fiecăruia și va afișa numele pictogramei. Există, de asemenea, câteva linkuri care vă ajută să puteți copia CSS, HTML sau Glyph. Există, de asemenea, o legătură în partea de jos a paginii Afișați instrucțiunile.

Folosind Dashicons pentru elementele de meniu

Să presupunem că tema dvs. adaugă un tip de post personalizat pentru un cursor de imagine. Vrem să folosim o pictogramă care arată ca niște imagini și să decidă să o folosească dashicons-images-alt2.

Acum, trebuie doar să specificăm acest lucru când înregistrăm tipul de post personalizat așa cum este acesta:

 register_post_type ('diapozitive', array ('labels' => array ('name' => Slides ', singular_name' => Slide ') '=>' dashicons-images-alt2 '));

Slides Custom Type Post

Acum, elementul nostru de meniu personalizat are același stil ca și celelalte elemente de meniu implicite. Are aceeași culoare și înălțime, împreună cu culoarea potrivită pe hover.

Probleme și solicitări

Dacă găsiți probleme cu unul dintre dashicon-uri, asigurați-vă că ați înregistrat o problemă în Core Trac ca și în cazul altor probleme WordPress. Dacă nu găsiți o pictogramă care să corespundă scopurilor dvs., puteți solicita o nouă.

Concluzie

După cum am menționat anterior, acum că Dashicons este inclus în WordPress core, îl putem folosi în temele și pluginurile noastre.

Putem să le folosim cu ușurință pentru elementele de meniu pe care le adăugăm în meniul de administrare WordPress. Aceasta este cu siguranță una dintre atingerile mici care vă pot face munca să vă simțiți mai nativă în aplicația centrală WordPress.

Resurse

  • Dashicons
  • GitHub Dashicons
  • MP6
  • Codul personalizat de tip post
  • Solicitați un nou Dashicon
  • Core Trac
Cod