Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
dashicons

Añadir un icono personalizado a nuestro custom post type

La versión 3.8 de WordPress trajo consigo nuevas mejoras, el tema Twentyfourteen, y un cambio completo de diseño en el Back End. Con éste cambio, WordPress incorpora una nueva librería de iconos llamada Dashicons. Puedes verlos en el siguiente enlace: https://developer.wordpress.org/resource/dashicons/.

Si queremos que nuestro icono de Custom Post Type luzca igual que el resto del Back End, sólo tenemos que buscar un icono dentro de esta librería y pasarle la clase correspondiente en el argumento «menu_icon», de esta manera.

Anteriormente teníamos que crear nuestro icono como imagen, subirla a nuestro tema y pasarle la URL de la misma. Con esta nueva funcionalidad, la creación de un nuevo elemento en el menú del back-end quedará integrada a la perfección en el entorno WordPress, y cambiará de color al hacer hover o al estar seleccionado.

Puede que también te interese

Cómo restringir el acceso al back-end de WordPress a usuarios no administradores
Cómo restringir el acceso al back-end de WordPress a usuarios no administradores
A continuación vamos a ver cómo bloquear o restringir el acceso al back-end o escritorio de WordPress (con y sin plugins), incluso ocultaremos el admin…
Cómo añadir nuestras propias opciones multi-idioma en el personalizador de WordPress
Cómo añadir nuestras propias opciones multi-idioma en el personalizador de WordPress
En la entrada anterior veíamos cómo agregar nuestras propias opciones en el personalizador de WordPress. En ésta entrada vamos a ver cómo podríamos organizarlas por…
Seguridad WordPress: cambiar el prefijo wp_ de la base de datos
Seguridad WordPress: cambiar el prefijo wp_ de la base de datos
Siguiendo la máxima de no dar facilidades a un posible atacante, una recomendación antes de instalar un WordPress es cambiar el prefijo de la base…
AJAX en WordPress, de un modo más moderno
AJAX en WordPress, de un modo más moderno
En el post anterior veíamos cómo hacer una petición AJAX en WordPress de una manera tradicional. Ahora veremos cómo resolver el mismo ejemplo de la…