Seguramente habrás utilizado más de una vez la propiedad «display:none » de CSS para ocultar de tu página web elementos que no quieres que aparezcan por cualquier motivo. Pero, ¿qué pasa cuando queremos ocultar esos mensajes de aviso o error que aparecen en el panel de administración (backend) de wordpress?, ¿podemos utilizar una clase y usar el display none poniéndolo en nuestro editor de CSS? Las respuestos son Sí y No. Veamos!!!
Si utilizamos el inspector de elementos de nuestro navegador, buscamos el elemento que queremos ocultar y aplicamos la propiedad display:none vemos que desaparece de nuestro panel de administración el mensaje , aviso o error que tanto nos molesta. Pero cuando aplicamos esta propiedad a nuestro hoja de estilos de la web vemos que sigue ahí. Entonces, ¿qué podemos hacer?
Pues hacerlo a través de una función que tenemos que tenemos que poner en el famoso archivo functions.php o desde nuestro plugin de gestor de funciones, recomiendo Code Snippet.
En esa función introducimos después de /*Introduce el estilo CSS*/ el estilo que hemos utilizado desde el inspector de objetos para ocultar el aviso.
/* Ocultar avisos y-o errores en panel de administración wordpress*/
function fla_custom_admin_styles() {
echo '<style type="text/css">
/*Introduce el estilo CSS*/
.wrap div.error {
display: none;
}
</style>';
}
add_action('admin_head', 'fla_custom_admin_styles');
Vemos en el código de arriba que el código CSS usado para este ejemplo y que tendríamos que cambiar en cada caso es:
.wrap div.error {
display: none;
}
Y listo,¡fuera mensajes de aviso molestos en el panel de administración de wordpress!
Agradecimientos a mi compi en la meetup de Alicante Flavia Bernandez por compartir este código 😉

Deja una respuesta