{"id":1361,"date":"2024-05-12T08:44:51","date_gmt":"2024-05-12T08:44:51","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1361"},"modified":"2025-07-01T08:51:37","modified_gmt":"2025-07-01T08:51:37","password":"","slug":"comment-ajouter-du-html-personnalise-aux-tables-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-add-custom-html-to-wordpress-tables\/","title":{"rendered":"Bloc HTML personnalis\u00e9"},"content":{"rendered":"<p>Le bloc HTML personnalis\u00e9 vous permet d'ajouter un extrait de code personnalis\u00e9 directement sur votre site pour afficher des \u00e9l\u00e9ments interactifs, des m\u00e9dias int\u00e9gr\u00e9s, etc. Avec le bloc <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TableBerg\">TableBerg<\/a> vous pouvez d\u00e9sormais ajouter le bloc Custom HTML \u00e0 vos tables WordPress.<\/p>\n\n\n\n<p>Dans cet article de documentation, nous vous montrerons comment ajouter du HTML personnalis\u00e9 aux tables de WordPress avec un guide \u00e9tape par \u00e9tape.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-2b1dca56-0cd7-426f-bcc2-9aaaba915d93\"><div class=\"ub-advanced-video-embed ub-advanced-video-autofit-youtube\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid #abb8c3; border-left: 1px solid #abb8c3; border-right: 1px solid #abb8c3; border-bottom: 1px solid #abb8c3; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; --ub-advanced-video-aspect-ratio: 480\/360; \"><iframe loading=\"lazy\" width=\"480\" height=\"360\" src=\"\/\/www.youtube.com\/embed\/cVjNUr1jYRk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\t\t<div class=\"ub-advanced-video-channel-details\">\n\t\t<div class=\"ub-advanced-video-channel-content-wrapper\">\n\t\t\t<div class=\"ub-advanced-video-thumbnail-wrapper\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/yt3.ggpht.com\/oKziEGn9FgE4x1-YJFN2BlhUBADEjBAjmVMAZr1BRD0PxwNOq56Z3gM5LLmyjrKPxUMXs_i4Ug=s88-c-k-c0x00ffffff-no-rj\" class=\"ub-advanced-video-thumbnail\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"ub-advanced-video-title-wrapper\">\n\t\t\t\t<p class=\"ub-advanced-video-title\">DotCamp - Tutoriels WordPress<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ub-advanced-video-channel-subscribe\">\n\t\t\t<a href=\"https:\/\/www.youtube.com\/channel\/UChfvkb8WxFHAhjkl7CJrQtQ?sub_confirmation=1\" class=\"ub-advanced-video-channel-subscribe-button\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24\" width=\"24\" viewbox=\"0, 0, 576, 512\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M549.7 124.1c-6.281-23.65-24.79-42.28-48.28-48.6C458.8 64 288 64 288 64S117.2 64 74.63 75.49c-23.5 6.322-42 24.95-48.28 48.6-11.41 42.87-11.41 132.3-11.41 132.3s0 89.44 11.41 132.3c6.281 23.65 24.79 41.5 48.28 47.82C117.2 448 288 448 288 448s170.8 0 213.4-11.49c23.5-6.321 42-24.17 48.28-47.82 11.41-42.87 11.41-132.3 11.41-132.3s0-89.44-11.41-132.3zm-317.5 213.5V175.2l142.7 81.21-142.7 81.2z\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t<span>S'abonner<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<\/div>\n    <\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : Ajouter le bloc HTML personnalis\u00e9 au tableau<\/h2>\n\n\n\n<p>Allez dans la cellule o\u00f9 vous souhaitez ajouter le bloc. Cliquez sur le bouton <strong>ic\u00f4ne plus (+)<\/strong>. Type <strong>HTML personnalis\u00e9<\/strong> dans la bo\u00eete de recherche. Ajoutez le bloc \u00e0 la cellule d\u00e8s qu'il appara\u00eet.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp\" alt=\"Ajouter le bloc HTML personnalis\u00e9 au tableau\" class=\"wp-image-1362\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-the-Custom-HTML-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Le bloc sera ajout\u00e9 \u00e0 la cellule en un rien de temps.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp\" alt=\"Ajout d&#039;un bloc HTML personnalis\u00e9\" class=\"wp-image-1363\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Custom-HTML-block-is-added-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Ajouter un extrait de code HTML au bloc<\/h2>\n\n\n\n<p>Simplement <strong>copier-coller un extrait de code HTML<\/strong> au bloc. Obtenez le code \u00e0 partir de n'importe quelle source souhait\u00e9e.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp\" alt=\"Ajouter un extrait de code HTML au bloc\" class=\"wp-image-1364\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Add-an-HTML-Code-Snippet-to-the-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Cliquez sur le bouton <strong>Bouton de pr\u00e9visualisation<\/strong> dans la barre d'outils.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp\" alt=\"Aller \u00e0 l&#039;aper\u00e7u du bloc HTML personnalis\u00e9\" class=\"wp-image-1365\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Go-to-preview-of-the-custom-HTML-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'option de pr\u00e9visualisation permet d'afficher instantan\u00e9ment le contenu incorpor\u00e9 dans le lien HTML.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp\" alt=\"Contenu affich\u00e9 avec le bloc HTML personnalis\u00e9\" class=\"wp-image-1367\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Content-displayed-with-the-Custom-HTML-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : Configurer les param\u00e8tres du bloc HTML personnalis\u00e9<\/h2>\n\n\n\n<p>En cliquant sur cette option dans la barre lat\u00e9rale droite, vous pouvez pr\u00e9visualiser l'extrait HTML personnalis\u00e9 alors que le bloc est d\u00e9s\u00e9lectionn\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp\" alt=\"\" class=\"wp-image-1370\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Setting-of-the-Custom-HTML-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>J'esp\u00e8re que cette documentation vous satisfait. Le bloc Custom HTML n'a pas d'option de stylisation. C'est l'un des blocs les plus simples du plugin TableBerg.<\/p>\n\n\n\n<p>Le plugin vous permet \u00e9galement d'ajouter des listes stylis\u00e9es au tableau. Jetons un coup d'\u0153il \u00e0 <a href=\"https:\/\/tableberg.com\/fr\/documents\/tableberg-one\/tableberg\/comment-ajouter-des-listes-stylisees-dans-les-tableaux-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"comment ajouter des listes stylis\u00e9es aux tables WordPress\">comment ajouter des listes stylis\u00e9es aux tables WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Custom HTML block allows you to add a personalized code snippet directly to your site to display interactive elements, embedded media, etc. With the TableBerg plugin, you can now add the Custom HTML block to your WordPress tables as well. In this documentation post, we&#8217;ll show you how to add Custom HTML to WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[79,80],"class_list":["post-1361","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-custom-html-block","doc_tag-html-block"],"year_month":"2026-04","word_count":239,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Custom HTML Block","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/custom-html-block\/"},{"term_name":"HTML Block","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/html-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1361\/revisions"}],"predecessor-version":[{"id":9886,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1361\/revisions\/9886"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1361"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}