C’est quoi ce hook magique ?
Un petit bijou WordPress qui permet de customiser les classes CSS de la balise <body> à la volée. Simple mais redoutable !
à quoi ça sert concrÚtement ?
- Parfait pour le responsive et les variations visuelles
- Injecte des classes CSS dans ton <body>
- Adapte ton design selon le contexte
Le cas pratique qui tue : « Le site qui vit au rythme de la journĂ©e » đ
add_filter('body_class', function($classes) {
$hour = (int)current_time('G');
// On change l'ambiance selon l'heure
if($hour < 6) {
$classes[] = 'night-owl'; // Mode noctambule
} elseif($hour < 12) {
$classes[] = 'morning-person'; // Mode café
} elseif($hour < 18) {
$classes[] = 'afternoon-zen'; // Mode sieste
} else {
$classes[] = 'evening-mood'; // Mode apéro
}
return $classes;
});
Et op le tour est joué ! Tu te retrouve avec la class dans ton body et bim bam boum tu peux ajouter les styles CSS pour faire un truc de folie.
Une idĂ©e fun Ă tester đĄ
// Mode "Friday Mood"
add_filter('body_class', function($classes) {
if(date('l') === 'Friday') {
$classes[] = 'its-friday';
$classes[] = 'party-mode';
}
return $classes;
});
Pourquoi c’est gĂ©nial ? đ
- Intégré nativement à WordPress
- Ultra simple Ă utiliser
- Résultats immédiats
- PossibilitĂ©s infinies si tu sais bien gĂ©rer cĂŽtĂ© CSS / sinon comme moi tu changes juste la couleur du background đ
Parfait pour :
- Customiser ton design selon le contexte
- Ajouter des variations visuelles sympas
- Planquer des easter eggs
- Booster l’expĂ©rience utilisateur
đš IMPORTANT : Avant de commencer avec le hook
Pour que toute cette magie fonctionne, vérifie un truc super important :
Si tu utilises un thĂšme classique (gratuit/premium)
- Normalement tout est déjà en place, rien à faire !
Si tu as créé ton thÚme custom
- Ouvre ton fichier header.php
- Vérifie que ton <body> contient bien :
<body <?php body_class(); ?>>
- Sans ça, le hook ne fonctionnera pas !
C’est la base pour que tout ce qu’on a vu avant marche nickel. On vĂ©rifie ça et aprĂšs on s’amuse ! đŻ

