A menudo, ya sea porque creamos tipos nuevos de post o porque le damos otras funcionalidades a los posts de wordpress, necesitamos cambiar los iconos. Hasta el momento había una opción cuando creas un post personalizado (en los args de register_post_type, ‘menu_icon’) que te dejaba introducir una url de una imagen. Pero esta imagen no se comportaba de la misma forma que los demás iconos ya que en realidad son iconos vectoriales importados con una fuente. Pero tenemos otra opción.

wp-icons

En esta página de wordpress developer podemos encontrar los códigos para modificar los iconos de wordpress (ciñiéndonos a los que ya hay por defecto).

icons-before-after

¿Cómo lo hacemos? Muy fácil: modificando el CSS y otorgando a los :before de los iconos otros content que los de por defecto. Tenemos que añadir el siguiente código al functions.php de nuestro tema:

function add_menu_icons_styles(){
    ?>
    <style>
    #adminmenu #menu-posts-[id de nuestro elemento] div.wp-menu-image:before { content: '\f209'; }
    </style>
    <?php } 
add_action( 'admin_head', 'add_menu_icons_styles' );

Evidentemente tendremos que inspeccionar nuestro elemento de menu y cambiar los IDs por los que corresponde.

Así pasamos de unos iconos por defecto a unos iconos adecuados al contenido.

Categorías: Wordpress
Si necesitas una url corta puede usar: codygo.es/1011

Deja un comentario