Personalización de CSS del Panel de Control
Alex Reservations proporciona un gancho de WordPress que te permite inyectar CSS personalizado en el panel de control, lo que te permite personalizar la apariencia de varios elementos.
Implementación
Agrega el siguiente código al archivo functions.php de tu tema hijo:
add_action('alex-reservations-dashboard', function(){
?>
<style>
/* Tu CSS personalizado aquí */
</style>
<?php
});
Importante: Siempre agrega código personalizado al archivo
functions.phpde tu tema hijo, nunca modifiques directamente el tema principal. Esto asegura que tus personalizaciones no se pierdan durante las actualizaciones del tema.
Ejemplo de Uso
Aquí tienes un ejemplo práctico de cómo personalizar la vista del calendario. Agrega este código al archivo functions.php de tu tema hijo:
add_action('alex-reservations-dashboard', function(){
?>
<style>
#month-days-wrap .bg-indigo-300 { background:orange; }
</style>
<?php
});
Solución de Problemas
Si tu CSS personalizado no se está aplicando:
- Verifica que estás utilizando un tema hijo configurado correctamente
- Comprueba si el archivo
functions.phpde tu tema hijo se está cargando - Verifica que el nombre del gancho esté escrito correctamente:
alex-reservations-dashboard - Asegúrate de que tus selectores CSS sean lo suficientemente específicos
- Utiliza las herramientas de desarrollo del navegador para inspeccionar elementos y verificar la especificidad del CSS
Notas
- El CSS personalizado solo se inyecta en las páginas del panel de control de Alex Reservations
- Los cambios se aplican inmediatamente después de guardar tu archivo
functions.php - Puedes combinar múltiples reglas CSS en una única devolución de gancho
- El gancho acepta código PHP, lo que te permite hacer que tu CSS sea dinámico en función de condiciones o configuraciones