Icono ayuda

¿Necesitas ayuda?

Contactar con asesor por WhatsApp

Saltar al contenido

Ariapsa - Diseño de páginas web México

Desaborad de WordPress: Colores en menú y barra superior

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>';
}

 

 

 

 

×

Iniciar Sesión

El registro de usuarios no está permitido.