{ "id": 1828, "date": "2024-12-17T10:47:10", "date_gmt": "2024-12-17T09:47:10", "guid": { "rendered": "https:\/\/wpmastertoolkit.com\/module\/classe-de-body-personnalisee\/" }, "modified": "2025-01-02T17:39:59", "modified_gmt": "2025-01-02T16:39:59", "slug": "classe-de-body-personnalisee", "status": "publish", "type": "module", "link": "https:\/\/wpmastertoolkit.com\/fr\/module\/classe-de-body-personnalisee\/", "title": { "rendered": "Classe de Body personnalis\u00e9e" }, "content": { "rendered": "

Ajoutez des classes personnalis\u00e9es au <body><\/code> avec WPMasterToolKit<\/h1>\n\n\n\n

L’ajout de classes CSS personnalis\u00e9es au tag <body><\/code> d’une page peut \u00eatre une fonctionnalit\u00e9 essentielle pour les d\u00e9veloppeurs WordPress et les propri\u00e9taires de sites qui souhaitent ajuster le design ou activer des fonctionnalit\u00e9s sp\u00e9cifiques pour des pages ou des types de contenu particuliers. C’est dans cette optique que nous avons d\u00e9velopp\u00e9 le module Custom Body Class<\/strong> au sein de notre plugin WPMasterToolKit.<\/p>\n\n\n\n

Ce module permet d’ajouter facilement des classes CSS personnalis\u00e9es au tag <body><\/code> des pages individuelles, offrant ainsi une flexibilit\u00e9 accrue en mati\u00e8re de personnalisation.<\/p>\n\n\n\n

Quel plugin ce module peut-il remplacer ?<\/h2>\n\n\n\n

Le module Custom Body Class<\/strong> de WPMasterToolKit peut remplacer plusieurs plugins sp\u00e9cialis\u00e9s dans la gestion de classes CSS sur le tag <body><\/code>, comme :<\/p>\n\n\n\n

    \n
  • Insert Body Class Plugin for WordPress<\/strong> ou d’autres plugins similaires qui ajoutent une interface simple pour personnaliser les classes du <body><\/code>.<\/li>\n\n\n\n
  • Des solutions sur mesure d\u00e9velopp\u00e9es par des th\u00e8mes ou des agences pour cette fonctionnalit\u00e9 sp\u00e9cifique.<\/li>\n<\/ul>\n\n\n\n

    Avec ce module, vous n’aurez plus besoin de chercher ou d’utiliser un plugin suppl\u00e9mentaire : WPMasterToolKit g\u00e8re tout en une seule solution.<\/p>\n\n\n\n

    Fonctionnalit\u00e9s principales du module<\/h2>\n\n\n\n

    Voici ce que propose le module Custom Body Class<\/strong> :<\/p>\n\n\n\n

      \n
    1. Ajout de classes personnalis\u00e9es \u00e0 des pages sp\u00e9cifiques :<\/strong> Gr\u00e2ce \u00e0 une m\u00e9tabox ajout\u00e9e \u00e0 l’\u00e9diteur de contenu, les administrateurs ou \u00e9diteurs peuvent d\u00e9finir des classes CSS \u00e0 appliquer au tag <body><\/code> d’une page ou d’un article.<\/li>\n\n\n\n
    2. Activation s\u00e9lective par type de contenu :<\/strong> L’administrateur peut choisir les types de contenu (articles, pages, custom post types, etc.) pour lesquels cette fonctionnalit\u00e9 sera activ\u00e9e.<\/li>\n\n\n\n
    3. Personnalisation dynamique :<\/strong> Les classes d\u00e9finies sont appliqu\u00e9es dynamiquement lorsque les pages sont charg\u00e9es sur le site, offrant une flexibilit\u00e9 sans modifier le code source.<\/li>\n\n\n\n
    4. Facilit\u00e9 de gestion dans l’interface d’administration :<\/strong> Une sous-page de configuration permet de contr\u00f4ler globalement les param\u00e8tres.<\/li>\n<\/ol>\n\n\n\n

      Comment utiliser le module Custom Body Class ?<\/h2>\n\n\n\n
        \n
      1. Activer le module :<\/strong> Si le module n’est pas activ\u00e9 dans WPMasterToolKit, acc\u00e9dez \u00e0 la page des modules, et activez-le.<\/li>\n\n\n\n
      2. Configurer les types de contenu :<\/strong>
          <\/ul>
          \"Capture<\/figure>
          • Rendez-vous dans la section des param\u00e8tres du module, disponible via un sous-menu dans WPMasterToolKit > Custom Body Class<\/strong>.<\/li>
          • S\u00e9lectionnez les types de contenu (pages, articles, ou types personnalis\u00e9s) pour lesquels vous souhaitez activer la m\u00e9tabox.<\/li><\/ul>\n
              \n
            • Rendez-vous dans la section des param\u00e8tres du module, disponible via un sous-menu dans WPMasterToolKit > Custom Body Class<\/strong>.<\/li>\n\n\n\n
            • S\u00e9lectionnez les types de contenu (pages, articles, ou types personnalis\u00e9s) pour lesquels vous souhaitez activer la m\u00e9tabox.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Ajouter des classes \u00e0 un contenu :<\/strong>\n
                \n
              • Lors de l’\u00e9dition d’un article ou d’une page, une m\u00e9tabox intitul\u00e9e WPMasterToolKit (Custom Body Class)<\/strong> sera disponible dans la colonne lat\u00e9rale.<\/li>\n\n\n\n
              • Entrez les classes CSS que vous souhaitez ajouter au champ pr\u00e9vu, en les s\u00e9parant par des virgules (exemple : class1,class2,my-custom-class<\/code>).
                \"Capture<\/figure><\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Enregistrer les modifications :<\/strong> Une fois les classes ajout\u00e9es, cliquez sur \u00ab\u00a0Mettre \u00e0 jour\u00a0\u00bb ou \u00ab\u00a0Publier\u00a0\u00bb. Les classes seront ajout\u00e9es automatiquement au tag <body><\/code> lorsque la page sera consult\u00e9e.<\/li>\n<\/ol>\n\n\n\n

                Pourquoi avons-nous fait ces choix techniques ?<\/h2>\n\n\n\n

                Performance optimale gr\u00e2ce \u00e0 une activation conditionnelle<\/h3>\n\n\n\n

                Chez WPMasterToolKit, chaque module n’est charg\u00e9 que lorsqu’il est activ\u00e9. Cela permet de r\u00e9duire l’empreinte m\u00e9moire et d’optimiser les performances. Le module Custom Body Class<\/strong> n’injecte ses fonctionnalit\u00e9s que si vous l’avez activ\u00e9es et configur\u00e9 au pr\u00e9alable.<\/p>\n\n\n\n

                Filtrage bas\u00e9 sur le type de contenu<\/h3>\n\n\n\n

                Nous avons int\u00e9gr\u00e9 un contr\u00f4le granulaire pour permettre aux administrateurs de limiter cette fonctionnalit\u00e9 aux types de contenu n\u00e9cessaires. Cela \u00e9vite d’ajouter inutilement des m\u00e9taboxes dans l’interface d’administration ou de modifier des contenus o\u00f9 la fonctionnalit\u00e9 n’est pas pertinente.<\/p>\n\n\n\n

                Int\u00e9gration native avec WordPress<\/h3>\n\n\n\n

                Le module utilise le filtre WordPress body_class<\/code>, ce qui garantit une int\u00e9gration parfaite avec le c\u0153ur de WordPress, les th\u00e8mes et d’autres plugins qui pourraient modifier les classes du <body><\/code>.<\/p>\n\n\n\n

                Conclusion<\/h2>\n\n\n\n

                Le module Custom Body Class<\/strong> de WPMasterToolKit est une solution simple, mais puissante pour les administrateurs et d\u00e9veloppeurs WordPress cherchant \u00e0 personnaliser leurs pages avec des classes CSS dynamiques. Il combine la flexibilit\u00e9 d’une gestion facile des classes au sein de l’administration avec les performances optimis\u00e9es d’un plugin bien con\u00e7u.<\/p>\n\n\n\n

                Si vous \u00eates fatigu\u00e9 d’utiliser plusieurs plugins pour g\u00e9rer de petites fonctionnalit\u00e9s, WPMasterToolKit vous simplifie la vie en regroupant tout en un. Activez ce module d\u00e8s aujourd’hui et d\u00e9couvrez comment il peut transformer votre gestion des styles et fonctionnalit\u00e9s.<\/p>", "protected": false }, "excerpt": { "rendered": "

                Le module Custom Body Class de WPMasterToolKit offre une solution simple pour personnaliser votre site WordPress en ajoutant des classes CSS sp\u00e9cifiques au tag `` de vos pages ou articles. Que ce soit pour ajuster le design ou activer des fonctionnalit\u00e9s sp\u00e9cifiques, ce module vous permet de d\u00e9finir des classes directement depuis l\u2019\u00e9diteur de contenu, tout en optimisant les performances et la gestion des types de contenu. Une fonctionnalit\u00e9 id\u00e9ale pour remplacer des plugins suppl\u00e9mentaires et garder un site l\u00e9ger et efficace.<\/p>", "protected": false }, "featured_media": 0, "parent": 0, "template": "", "meta": { "_acf_changed": true, "_seopress_robots_primary_cat": "", "_seopress_titles_title": "Personnalisez facilement le avec WPMasterToolKit", "_seopress_titles_desc": "Ajoutez simplement des classes CSS au body de WordPress avec WPMasterToolKit pour une personnalisation flexible sans plugins suppl\u00e9mentaires.", "_seopress_robots_index": "", "_surecart_dashboard_logo_width": "180px", "_surecart_dashboard_show_logo": true, "_surecart_dashboard_navigation_orders": true, "_surecart_dashboard_navigation_invoices": true, "_surecart_dashboard_navigation_subscriptions": true, "_surecart_dashboard_navigation_downloads": true, "_surecart_dashboard_navigation_billing": true, "_surecart_dashboard_navigation_account": true }, "class_list": [ "post-1828", "module", "type-module", "status-publish", "hentry" ], "acf": [], "_links": { "self": [ { "href": "https:\/\/wpmastertoolkit.com\/fr\/wp-json\/wp\/v2\/module\/1828", "targetHints": { "allow": [ "GET" ] } } ], "collection": [ { "href": "https:\/\/wpmastertoolkit.com\/fr\/wp-json\/wp\/v2\/module" } ], "about": [ { "href": "https:\/\/wpmastertoolkit.com\/fr\/wp-json\/wp\/v2\/types\/module" } ], "wp:attachment": [ { "href": "https:\/\/wpmastertoolkit.com\/fr\/wp-json\/wp\/v2\/media?parent=1828" } ], "curies": [ { "name": "wp", "href": "https:\/\/api.w.org\/{rel}", "templated": true } ] } }