Utilizar Dashicons en posts y páginas WordPress

Dashicons de WordPress

Los dashicons son los iconos oficiales de la administración de WordPress. Son iconos vectoriales a partir de fuentes y por tanto pueden ser redimensionados sin pérdida de calidad.

Aunque sean los iconos de la parte administrativa de WordPress, podemos utilizarlos en las entradas y páginas que publiquemos. Para ello, lo primero que debemos hacer es dar soporte a nuestro tema para los dashicons incluyendo el siguiente código en el archivo functions.php de nuestro tema:

Una vez hecho esto, lo único que debemos hacer para mostrar un dashicon en nuestro post es incluir el código html que se nos facilita en la página de recursos de WordPress. Por ejemplo, para este icono hemos pegado este fragmento html:

Pero esto no es todo, si utilizamos con mucha frecuencia algunos dashicons podemos crear nuestras propias clases css para dashicons con un nombre fácil de recordar. Por ejemplo, para el icono anterior podríamos crear la siguiente clase:

y en nuestro post o página pondríamos:

Espero que os sirva.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *