¿Sabías que puedes cambiar el estilo por defecto del área de administración de WordPress? Puedes hacerlo anulando la antigua hoja de estilos. Para ello, tienes que crear un nuevo archivo css en la carpeta de tu tema, y luego incluirlo en WP-Admin usando el hook admin_head.
En este artículo, te mostraremos cómo personalizar tu panel de WordPress anulando la antigua hoja de estilos.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
Asegúrese de cambiar las rutas y luego cargar la nueva hoja de estilos en la ubicación correcta lugar que desea anular. Ubicación: /wp-admin/css/colors-fresh.css. Es posible que desee copiar la hoja de estilos antigua y utilizarla como plantilla para la nueva.
<?php
function customAdmin() {
$url = get_settings('siteurl');
$url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';
echo '<!-- custom admin css -->
<link rel="stylesheet" type="text/css" href="' . $url . '" />
<!-- /end custom adming css -->';
}
add_action('admin_head', 'customAdmin');
?>
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 62 mejores temas gratuitos para blogs de WordPress o 7 mejores plugins para formularios de contacto de WordPress.
This code used to work but no longer works due to the change in the WP core. Basically, there is a function that removes injected css in the core file now. (probably due to a security reason) I haven’t figured out a way to bypass this.
Really frustrating.
It was probably the server or your device not rendering them. I’ve noticed the same thing while viewing code on certain sites/devices
Not sure why you are mixing html entities (e.g. <) with the characters themselves (e.g. >). To get this to work, I used ‘<' instead of '$lt;'.