Personnalisation CSS du tableau de bord
Alex Reservations fournit un crochet WordPress qui vous permet d'injecter du CSS personnalisé dans le tableau de bord, vous permettant de personnaliser l'apparence de divers éléments.
Implémentation
Ajoutez le code suivant au fichier functions.php de votre thème enfant :
add_action('alex-reservations-dashboard', function(){
?>
<style>
/* Votre CSS personnalisé ici */
</style>
<?php
});
Important : Ajoutez toujours le code personnalisé à votre fichier
functions.phpdu thème enfant, ne modifiez jamais directement le thème parent. Cela garantit que vos personnalisations ne seront pas perdues lors des mises à jour du thème.
Exemple d'utilisation
Voici un exemple pratique de personnalisation de la vue du calendrier. Ajoutez ce code au fichier functions.php de votre thème enfant :
add_action('alex-reservations-dashboard', function(){
?>
<style>
#month-days-wrap .bg-indigo-300 { background:orange; }
</style>
<?php
});
Dépannage
Si votre CSS personnalisé ne s'applique pas :
- Vérifiez que vous utilisez un thème enfant correctement configuré
- Vérifiez si le fichier
functions.phpde votre thème enfant est chargé - Vérifiez que le nom du crochet est correctement orthographié :
alex-reservations-dashboard - Vérifiez si vos sélecteurs CSS sont suffisamment spécifiques
- Utilisez les outils de développement du navigateur pour inspecter les éléments et vérifier la spécificité du CSS
Remarques
- Le CSS personnalisé n'est injecté que dans les pages du tableau de bord d'Alex Reservations
- Les modifications sont appliquées immédiatement après avoir enregistré votre fichier
functions.php - Vous pouvez combiner plusieurs règles CSS dans un seul rappel de crochet
- Le crochet accepte du code PHP, vous permettant de rendre votre CSS dynamique en fonction de conditions ou de paramètres