pile of color pencils

Le Hook du Vendredi : body_class 🎹

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 ! 🎯

Samy Kantari - Expert WordPress + IA

Kantari Samy

Expert WordPress + IA

đŸ‘šâ€đŸ’» 10 ans dans le game WordPress, chez Whodunit, Ă  bricoler du code, Ă  dompter des bugs et Ă  faire tourner des projets de toutes tailles.
Puis l’IA est arrivĂ©e
 et lĂ , rĂ©vĂ©lation 💡 !
J’ai switchĂ© de mindset, rĂ©inventĂ© ma façon de coder et avec le vibe coding : une nouvelle Ăšre oĂč je ne suis plus limitĂ© par le temps ni par les outils.

Aujourd’hui ? Je code toujours
 Mais avec mon copilote IA.
On forme une team de choc. Lui, c’est la puissance. Moi, c’est la vision. Ensemble, on dĂ©verrouille ce qui semblait impossible hier. 🚀

10+ Années d'expérience
+++ Projets réalisés
80% code par IA
S’abonner
Notification pour
guest
0 Commentaires