Iconos de custom post types usando fuentes

Publicado el 09 mayo 2014 por Displaynone

Las últimas versiones de WordPress usan fuentes (dashicons) en vez de iconos. Cuando creamos un custom post type se le puede indicar el icono para el menú y se podía añadir un action para meter un css en el header del admin para meterle el icono que quisieramos. Ahora esto es más fácil, porque como ya existen bastantes iconos/fuentes, tan solo hay que indicar el class que querramos.

Primero, en la definición del post type, debemos indicar en el menu_icon la clase que queremos usar y que aparecerá en el menú:

// Aqui deberemos poner todos los argumentos
// yo solo pongo el que me interesa para abreviar
$args = array('menu_icon' => 'dashicons-cart'); // carrito de la compra
register_post_type('loquesea', $args);

Y por último solo tenemos que añadir un css para añadir este icono en la cabecera de la página:

add_action('admin_head', 'iq_home_slider_admin_header');
function iq_home_slider_admin_header() { ?>
  <style type="text/css">
    .post-type-loquesea h2:before {content: "\f174"; font-size: 30px; font-family: 'dashicons'; float: left;}
  </style>
<?php
}

Para saber que caráter debemos elegir para el content: “\f174″, debemos ir al fichero /wp-includes/css/dashicons.css, buscar la clase correspondiente y copiar el carácter.