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.

<?php

$args = array(
	...
	'menu_icon' => 'dashicons-format-gallery',
	...
);
register_post_type( 'my_cpt', $args );

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.

¿Te ha resultado útil esta información? 🍺

Si este post te ha resuelto un problema, invítame a un café o a una cerveza. Con este pequeño gesto me animas a seguir escribiendo.

Comentarios

Deja un comentario

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

  • El fin del tratamiento es únicamente la moderación de comentarios para evitar spam
  • La legitimación es tu consentimiento al comentar
  • No se comunicará ningún dato a terceros salvo por obligación legal
  • Tienes derecho al acceso, rectificación y eliminación de los comentarios