Consejo rápido uso de guiones para elementos de menú

El año pasado, WordPress pasó a usar complementos para trabajar en nuevas funciones para Core. Uno de los primeros en aparecer fue el plugin MP6. Fue un completo rediseño del administrador de WordPress. Uno de los cambios fue pasar de usar imágenes a una fuente de iconos, Dashicons.

En WordPress 3.8, vimos que este nuevo diseño se abrió camino hacia el núcleo. Todos los íconos en el administrador de WordPress ahora están usando Dashicons y nosotros también podemos usarlos en nuestros temas y complementos..

Dashicons

El proyecto es un proyecto de código abierto y actualmente se mantiene en GitHub. WordPress lo incluye y usted también puede usarlo para sus propios proyectos. Puedes ver todos los íconos en la documentación también.

Puede hacer clic en cada icono y le mostrará una vista previa más grande de cada uno y mostrará el nombre del icono. También hay algunos enlaces que te ayudan a poder copiar el CSS, HTML o Glyph. También hay un enlace en la parte inferior para Mostrar instrucciones.

Uso de Dashicons para elementos de menú

Digamos que su tema agrega un tipo de publicación personalizada para un control deslizante de imagen. Queremos usar un ícono que se parece a algunas imágenes y decidimos usarlo dashicons-images-alt2.

Ahora solo necesitamos especificarlo cuando registramos nuestro tipo de publicación personalizada como:

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

Diapositivas tipo de mensaje personalizado

Ahora nuestro elemento de menú personalizado tiene el mismo estilo que los otros elementos de menú predeterminados. Tiene el mismo color y altura junto con todo el color apropiado en el hover.

Problemas y solicitudes

Si encuentra algún problema al usar uno de los guiones, asegúrese de registrar un problema en Core Trac como lo haría con cualquier otro problema de WordPress. Si no encuentra un ícono que se ajuste a sus propósitos, puede solicitar uno nuevo..

Conclusión

Como mencioné anteriormente, ahora que Dashicons está incluido en el núcleo de WordPress, podemos utilizarlo en nuestros temas y complementos..

Podemos usarlos fácilmente para los elementos del menú que agregamos al menú de administración de WordPress. Este es definitivamente uno de los pequeños detalles que pueden hacer que su trabajo se sienta más nativo de la aplicación principal de WordPress..

Recursos

  • Dashicons
  • GitHub Dashicons
  • MP6
  • Tipo de mensaje personalizado Codex
  • Solicitar Nuevo Dashicon
  • Core Trac