{"id":95947,"date":"2023-11-17T13:22:09","date_gmt":"2023-11-17T12:22:09","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=95947"},"modified":"2025-01-20T09:18:35","modified_gmt":"2025-01-20T08:18:35","slug":"custom-html-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/","title":{"rendered":"Bloc HTML personnalis\u00e9"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction_to_WordPress_Custom_HTML_Block\"><\/span>Introduction au bloc HTML personnalis\u00e9 de WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le bloc HTML personnalis\u00e9 de WordPress est une fonctionnalit\u00e9 de l'\u00e9diteur de blocs de WordPress, commun\u00e9ment appel\u00e9 Gutenberg. Ce bloc permet aux utilisateurs d'ajouter du code HTML personnalis\u00e9 \u00e0 leurs articles ou pages. Il est particuli\u00e8rement utile pour ceux qui ont besoin d'ins\u00e9rer du code qui n'est pas pris en charge par les blocs standard de WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_the_Purpose\"><\/span>Comprendre l'objectif<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le bloc HTML personnalis\u00e9 est con\u00e7u pour les utilisateurs qui ont une certaine connaissance du langage HTML ou pour ceux qui ont besoin d'int\u00e9grer des extraits de code sp\u00e9cifiques, tels que des widgets tiers ou des scripts personnalis\u00e9s. Il offre plus de flexibilit\u00e9 et de contr\u00f4le sur le contenu que les blocs de texte typiques.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Accessing_the_Custom_HTML_Block\"><\/span>Acc\u00e8s au bloc HTML personnalis\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pour acc\u00e9der \u00e0 ce bloc, proc\u00e9dez comme suit :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Connectez-vous \u00e0 votre tableau de bord WordPress.<\/li>\n\n\n\n<li>Naviguez jusqu'\u00e0 l'article ou la page o\u00f9 vous souhaitez ajouter le code HTML.<\/li>\n\n\n\n<li>Cliquez sur le bouton \"+\" pour ajouter un nouveau bloc.<\/li>\n\n\n\n<li>Recherchez \"HTML personnalis\u00e9\" dans la barre de recherche du bloc.<\/li>\n\n\n\n<li>S\u00e9lectionnez le bloc HTML personnalis\u00e9 pour l'ajouter \u00e0 votre article ou \u00e0 votre page.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding_and_Editing_HTML_Code\"><\/span>Ajout et modification du code HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une fois que vous avez ajout\u00e9 le bloc HTML personnalis\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vous pouvez commencer \u00e0 taper votre code HTML directement dans le bloc.<\/li>\n\n\n\n<li>Si vous disposez d\u00e9j\u00e0 du code HTML, vous pouvez le coller dans le bloc.<\/li>\n\n\n\n<li>Vous pouvez modifier le code HTML si n\u00e9cessaire, directement dans le bloc.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Previewing_Your_HTML\"><\/span>Pr\u00e9visualisation de votre HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le bloc HTML personnalis\u00e9 dispose d'une fonction de pr\u00e9visualisation int\u00e9gr\u00e9e :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton \"Aper\u00e7u\" de la barre d'outils du bloc pour voir comment votre code HTML appara\u00eetra sur le front-end.<\/li>\n\n\n\n<li>Cette fonction est particuli\u00e8rement utile pour s'assurer que le rendu HTML est conforme aux attentes avant de publier ou de mettre \u00e0 jour le message ou la page.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Best_Practices\"><\/span>Meilleures pratiques<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lors de l'utilisation du bloc HTML personnalis\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Veillez \u00e0 ce que votre code HTML soit bien structur\u00e9 et exempt d'erreurs.<\/li>\n\n\n\n<li>\u00c9vitez d'ajouter trop de blocs HTML personnalis\u00e9s, car ils risquent d'affecter le temps de chargement des pages et les performances g\u00e9n\u00e9rales.<\/li>\n\n\n\n<li>Soyez prudent lorsque vous ajoutez des scripts tiers, car ils peuvent pr\u00e9senter des risques pour la s\u00e9curit\u00e9.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Limitations_and_Considerations\"><\/span>Limites et consid\u00e9rations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le bloc HTML personnalis\u00e9 n'est pas destin\u00e9 \u00e0 un codage intensif. Pour des projets plus importants ou plus complexes, envisagez d'utiliser un th\u00e8me enfant ou un plugin personnalis\u00e9.<\/li>\n\n\n\n<li>Il est important de noter que certaines balises HTML peuvent \u00eatre supprim\u00e9es pour des raisons de s\u00e9curit\u00e9, en fonction des param\u00e8tres de WordPress et du r\u00f4le de l'utilisateur.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le bloc HTML personnalis\u00e9 de WordPress est un outil polyvalent pour les utilisateurs qui ont besoin de HTML personnalis\u00e9 dans leurs articles ou leurs pages. Bien qu'il offre une grande flexibilit\u00e9, il doit \u00eatre utilis\u00e9 judicieusement et avec une bonne connaissance du langage HTML. N'oubliez pas de pr\u00e9visualiser votre travail et de vous assurer qu'il est compatible avec la conception et les fonctionnalit\u00e9s de votre site.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Introduction_to_WordPress_Custom_HTML_Block\" >Introduction au bloc HTML personnalis\u00e9 de WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Understanding_the_Purpose\" >Comprendre l'objectif<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Accessing_the_Custom_HTML_Block\" >Acc\u00e8s au bloc HTML personnalis\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Adding_and_Editing_HTML_Code\" >Ajout et modification du code HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Previewing_Your_HTML\" >Pr\u00e9visualisation de votre HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Best_Practices\" >Meilleures pratiques<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Limitations_and_Considerations\" >Limites et consid\u00e9rations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-html-personnalise\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Introduction au bloc HTML personnalis\u00e9 de WordPress Le bloc HTML personnalis\u00e9 de WordPress est une fonctionnalit\u00e9 de l'\u00e9diteur de blocs de WordPress, commun\u00e9ment appel\u00e9 Gutenberg. Ce bloc permet aux utilisateurs d'ajouter du code HTML personnalis\u00e9 \u00e0 leurs articles ou pages. Il est particuli\u00e8rement utile pour ceux qui ont besoin d'ins\u00e9rer du code qui n'est pas pris en charge par les blocs standard dans [...]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[72],"tags":[],"citadela-post-location":[],"class_list":["post-95947","post","type-post","status-publish","format-standard","hentry","category-wordpress-editor-blocks"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/95947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/comments?post=95947"}],"version-history":[{"count":2,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/95947\/revisions"}],"predecessor-version":[{"id":95949,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/95947\/revisions\/95949"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/media?parent=95947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/categories?post=95947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/tags?post=95947"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/citadela-post-location?post=95947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}