¿Sabías que puedes cambiar el estilo predeterminado del área de administración de WordPress? Puedes hacerlo sobrescribiendo la hoja de estilos antigua. Para hacer esto, 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 sobrescribiendo la hoja de estilos antigua.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico para el sitio:
Asegúrate de cambiar las rutas y luego sube la nueva hoja de estilos en la ubicación correcta que deseas sobrescribir. Ubicación: /wp-admin/css/colors-fresh.css. Es posible que desees copiar la hoja de estilos antigua y usarla como plantilla para la tuya 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar y pegar fragmentos de código correctamente en WordPress, para no dañar accidentalmente tu sitio.
Si te gustó este fragmento de código, considera revisar nuestros otros artículos en el sitio como: 62 de los mejores temas de blog gratuitos para WordPress o 7 de los mejores plugins de formulario de contacto para WordPress.
Este código solía funcionar pero ya no funciona debido a un cambio en el núcleo de WP. Básicamente, ahora hay una función que elimina el CSS inyectado en el archivo principal. (probablemente por una razón de seguridad) No he encontrado una manera de evitar esto.
Realmente frustrante.
Probablemente fue el servidor o tu dispositivo el que no los renderizó. He notado lo mismo al ver código en ciertos sitios/dispositivos.
No estoy seguro de por qué mezclas entidades HTML (por ejemplo, <) con los caracteres mismos (por ejemplo, >). Para que esto funcione, usé '<' en lugar de '$lt;'.