Han pasado más de 3 años desde que se actualizó Dashicons (ver #34221 de la versión 4.5). Pero, ¡no se han olvidado de ellos! En la versión 5.2, los Dashicons verán varios cambios, incluidos 13 increíbles iconos nuevos.
Nuevo proceso de compilación
Se ha implementado un nuevo proceso de compilación en el repositorio de GitHub de Dashicons para facilitar la adición de nuevos iconos. Ahora, cuando se agregan archivos SVG para nuevos iconos, se incluyen automáticamente en las Hojas de estilo en cascada de fuentes y CSSCSS. file. Este cambio no se notará desde el núcleo de CoreCore de WordPress es el conjunto de software necesario para ejecutar WordPress. El Equipo de Desarrollo Principal crea WordPress. código base, pero vale la pena señalarlo.
Nuevo formato de archivo de fuentes: WOFF 2.0
Esta versión verá la introducción de un nuevo formato de archivo de fuentes, WOFF2 (Formato de Fuente Abierta Web 2). WOFF2 es un reemplazo más moderno para el formato original WOFF 1.0 que utiliza una compresión mejorada, lo que resulta en un menor consumo de redes (frente al sitio, blog).
WOFF2 es compatible con todos los navegadores modernos, pero no con Internet Explorer.
Formato WOFF 1.0
El archivo WOFF 1.0 permanecerá en el núcleo de WordPress para garantizar la compatibilidad con versiones anteriores de los complementos y temas que cargan el archivo wp-includes/fonts/dashicons.woff
directamente. Este archivo no se ha actualizado para incluir los nuevos iconos de abajo. El nuevo proceso de compilación actualmente solo permite crear un archivo de formato WOFF. Dado que WOFF2 es más moderno, ese es el formato de archivo que se está construyendo en el futuro.
Sin embargo, WOFF 1.0 se compila e incluye como fuente incrustada directamente en el archivo dashicons.css
. El formato WOFF incrustado se ha actualizado para incluir los nuevos iconos. Si desea utilizar los nuevos Dashicons y necesita el formato WOFF 1.0 para ser compatible con IE, se recomienda que utilice el archivo dashicons.css
incluido en core para definir la cara de fuente de Dashicons.
Alternativamente, puede usar el archivo de formato OpenType incrustado en wp-includes/fonts/dashicons.eot
(compatible con todas las versiones de IE). Este archivo incluye los nuevos iconos.
Nuevos iconos
En la versión 5.2, se agregaron 13 iconos completamente nuevos. Sin embargo, ahora están disponibles 18 iconos adicionales que se incluían anteriormente en los archivos de fuentes pero que no tenían una declaración CSS correspondiente. Estos iconos están marcados con un asterisco (*) a continuación.
Buddicons
Los Buddicons se incluían anteriormente en la fuente icon, pero ahora cada uno va acompañado de una nueva clase dashicons-buddicons-*
.
Icon | CSS Class | 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 |
Editor
Icono | Clase CSS | Código |
---|---|---|
dashicons-editor-ol-rtl |
f12c |
|
dashicons-editor-ltr |
f10c |
Equipos de base
Tres nuevos iconos se han introducido para algunos de los nuevos equipos: Marea, API REST, y las Normas de Codificación.
Icono | Clase CSS | Código |
---|---|---|
dashicons-tide |
f10d |
|
dashicons-rest-api |
f124 |
|
dashicons-code-standards |
f13a |
Sitios
Con la introducción de los 3 nuevos iconos en 5.2, ahora hay 4 en total sitio iconos. No importa dónde se encuentre en el mundo, ¡ahora hay un icono para usted! (GH-95)
Icon | CSS Class | Code |
---|---|---|
dashicons-admin-site-alt |
f11d |
|
dashicons-admin-site-alt2 |
f11e |
|
dashicons-admin-site-alt3 |
f11f |
Menus
Icon | CSS Class | Code |
---|---|---|
dashicons-menu-alt * |
f228 |
|
dashicons-menu-alt2 * |
f329 |
|
dashicons-menu-alt3 * |
f349 |
Social
Icon | CSS Class | Code |
---|---|---|
dashicons-instagram |
f12d |
Miscellaneous
Icon | CSS Class | 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 agradecimiento muy especial a @joen, @empireoflight, @folletto, @netweb, @aduth, @dsifford, @SergioEstevao, @cathibosco1, @jaymanpandya, @oztaser, @ryelle, @joshuawold, @nateallen, @desrosj, @bahia0019, y @liljimmi por sus contribuciones a la Dashicons desde la última actualización!