Cela fait plus de 3 ans que Dashicons a été mis à jour (voir #34221 de la version 4.5). Mais, ils n’ont pas été oubliés! En 5.2, les Dashicons verront plusieurs changements, dont 13 nouvelles icônes impressionnantes.
Nouveau processus de génération
Un nouveau processus de génération a été implémenté dans le référentiel Dashicons GitHub pour faciliter l’ajout de nouvelles icônes. Maintenant, lorsque des fichiers SVG sont ajoutés pour de nouvelles icônes, ils sont automatiquement inclus dans la police et les feuilles de style en cascade CSSCSS. fichier. Ce changement ne sera pas perceptible à partir du noyau WordPress CoreCore est l’ensemble des logiciels requis pour exécuter WordPress. L’Équipe de développement de Base construit WordPress. base de code, mais cela vaut la peine de le noter.
Nouveau format de fichier de police: WOFF 2.0
Cette version verra l’introduction d’un nouveau format de fichier de police, WOFF2 (Web Open Font Format 2). WOFF2 est un remplacement plus moderne du format WOFF 1.0 original qui utilise une compression améliorée, ce qui entraîne une consommation de réseau réduite (par rapport au site, au blog).
WOFF2 est pris en charge par tous les navigateurs modernes, mais n’est pas pris en charge dans Internet Explorer.
Format WOFF 1.0
Le fichier WOFF 1.0 restera dans le noyau WordPress pour assurer la rétrocompatibilité des plugins et des thèmes chargeant directement le fichier wp-includes/fonts/dashicons.woff. Ce fichier n’a pas été mis à jour pour inclure les nouvelles icônes ci-dessous. Le nouveau processus de construction ne permet actuellement qu’un seul fichier au format WOFF. Puisque WOFF2 est plus moderne, c’est le format de fichier en cours de construction.
Cependant, WOFF 1.0 est compilé et inclus en tant que police intégrée directement dans le fichier dashicons.css. Le format WOFF intégré a été mis à jour pour inclure les nouvelles icônes. Si vous souhaitez utiliser les nouveaux Dashicons et que vous avez besoin du format WOFF 1.0 pour la prise en charge d’IE, il est recommandé d’utiliser le fichier dashicons.css inclus dans core pour définir la face de police Dashicons.
Alternativement, vous pouvez utiliser le fichier au format OpenType intégré à wp-includes/fonts/dashicons.eot (pris en charge par toutes les versions d’IE). Ce fichier inclut les nouvelles icônes.
Nouvelles icônes
En 5.2, 13 icônes complètement nouvelles ont été ajoutées. Cependant, 18 icônes supplémentaires qui étaient auparavant incluses dans les fichiers de polices mais n’avaient pas de déclaration CSS correspondante sont maintenant disponibles. Ces icônes sont marquées d’un astérisque (*) ci-dessous.
Buddicons
Les Buddicons étaient tous auparavant inclus dans la police icon, mais chacun est maintenant accompagné d’une nouvelle classe a dashicons-buddicons-*.
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-buddicons-activity * |
f452 |
|
dashicons-buddicons-bbpress-logo * |
f477 |
|
dashicons-buddicons-buddypress-logo * |
f448 |
|
dashicons-buddicons-community * |
f453 |
|
dashicons-buddicons-forums * |
f449 |
|
dashicons-buddicons-friends * |
f454 |
|
dashicons-buddicons-groups * |
f456 |
|
dashicons-buddicons-pm * |
f457 |
|
dashicons-buddicons-replies * |
f451 |
|
dashicons-buddicons-topics * |
f450 |
|
dashicons-buddicons-tracking * |
f455 |
Éditeur
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-editor-ol-rtl |
f12c |
|
dashicons-editor-ltr |
f10c |
Équipes de base
Trois nouvelles icônes ont été introduites pour certaines équipes plus récentes : Tide, API REST et Normes de codage.
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-tide |
f10d |
|
dashicons-rest-api |
f124 |
|
dashicons-code-standards |
f13a |
Sites
Avec l’introduction de 3 nouvelles icônes en 5.2, il y a maintenant 4 icônes de sites au total. Peu importe où vous vous trouvez dans le monde, il y a maintenant une icône pour vous! (GH-95)
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-admin-site-alt |
f11d |
|
dashicons-admin-site-alt2 |
f11e |
|
dashicons-admin-site-alt3 |
f11f |
Menus
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-menu-alt * |
f228 |
|
dashicons-menu-alt2 * |
f329 |
|
dashicons-menu-alt3 * |
f349 |
Social
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-instagram |
f12d |
Divers
| Icône | Classe CSS | Code |
|---|---|---|
dashicons-businesswoman |
f12f |
|
dashicons-businessperson |
f12e |
|
dashicons-email-alt2 |
f467 |
|
dashicons-yes-alt |
f12a |
|
dashicons-camera-alt * |
f129 |
|
dashicons-plugins-checked * |
f485 |
|
dashicons-update-alt * |
f113 |
|
dashicons-text-page * |
f121 |
Un merci très spécial à @joen, @empireoflight, @folletto, @netweb, @aduth, @dsifford, @SergioEstevao, @cathibosco1, @jaymanpandya, @oztaser, @ryelle, @joshuawold, @nateallen, @desrosj, @bahia0019 et @liljimmi pour leurs contributions à Dashicons depuis la dernière mise à jour!