Añadir código en code snippets, personalizar colores
Colores en menú y barra superior
Código
function custom_admin_colors() {
echo '<style>
/* Cambiar color de la barra superior */
#wpadminbar {
background-color: #5c0855 !important;
}
/* Cambiar color de fondo y texto al pasar el mouse sobre la barra superior */
#wpadminbar .ab-item:hover {
background-color: #ca0771 !important;
color: #ffffff !important;
}
/* Cambiar color del menú lateral */
#adminmenu, #adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a {
background-color: #5c0855 !important;
}
/* Cambiar color del texto en el menú lateral */
#adminmenu a {
color: #ffffff !important;
}
/* Cambiar color de íconos */
#adminmenu .wp-has-current-submenu .wp-menu-name,
#adminmenu .wp-menu-name,
#adminmenu .wp-menu-image:before {
color: #ffffff !important;
}
/* Cambiar color de los ítems activos en el menú lateral */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-has-current-submenu .wp-menu-name {
color: #ffcc00 !important; /* Amarillo para destacar */
}
/* Cambiar color de fondo al pasar el mouse sobre el menú */
#adminmenu li.menu-top:hover, #adminmenu li.menu-top:hover > a {
background-color: #ca0771 !important;
}
/* Cambiar color de fondo al pasar el mouse sobre los submenús */
#adminmenu .wp-submenu a:hover {
background-color: #ca0771 !important;
color: #ffffff !important;
}
</style>';
}
add_action('admin_head', 'custom_admin_colors');
Fondo: Escritorio / Inicio (fiusha y uva)
Código
add_action('admin_head', 'custom_admin_dashboard_bg');
function custom_admin_dashboard_bg() {
echo '<style>
/* Aplica un fondo degradado fijo a la sección Escritorio / Inicio */
body.wp-admin.index-php {
background: linear-gradient(319deg, #791571, #c90771); /* Degradado de color */
background-attachment: fixed; /* Fondo fijo */
background-size: cover; /* Ajusta el fondo para cubrir toda el área */
}
</style>';
}
Fondo: Escritorio / Inicio (Verde y amarillo)
Código
add_action('admin_head', 'custom_admin_dashboard_bg');
function custom_admin_dashboard_bg() {
echo '<style>
/* Aplica un fondo degradado fijo a la sección Escritorio / Inicio */
body.wp-admin.index-php {
background: linear-gradient(319deg, #bacc9c, #5d9cc0); /* Degradado de color */
background-attachment: fixed; /* Fondo fijo */
background-size: cover; /* Ajusta el fondo para cubrir toda el área */
}
</style>';
}