{"id":3593,"date":"2021-06-09T12:11:48","date_gmt":"2021-06-09T12:11:48","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3593"},"modified":"2026-11-13T14:08:44","modified_gmt":"2026-11-13T14:08:44","password":"","slug":"comment-changer-la-couleur-darriere-plan-de-la-rubrique-en-haut","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/how-to-change-the-header-background-color\/","title":{"rendered":"Comment modifier les couleurs d\u2019arri\u00e8re-plan d\u2019un tableau dans WP Table Builder (en-t\u00eate, lignes altern\u00e9es, survol)"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">R\u00e9ponse rapide<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Ouvrez le tableau dans le constructeur, allez dans <strong>Settings<\/strong> (onglet) et d\u00e9pliez <strong>Background<\/strong>. Dans l\u2019onglet <strong>General<\/strong> r\u00e9glez <strong>Header Background<\/strong>, <strong>Odd Row Background<\/strong> et <strong>Even Row Background<\/strong> (pour des lignes z\u00e9br\u00e9es). Dans l\u2019onglet <strong>Hover<\/strong> r\u00e9glez les couleurs que prennent les lignes lorsque les visiteurs les survolent. Cliquez sur <strong>Save<\/strong>. Ces r\u00e9glages d\u2019arri\u00e8re-plan pour tout le tableau sont gratuits. Les arri\u00e8re-plans de lignes et de cellules individuelles n\u00e9cessitent Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Les couleurs d\u2019arri\u00e8re-plan rendent un tableau plus facile \u00e0 parcourir. Un en-t\u00eate color\u00e9 signale les noms des colonnes, et les couleurs de lignes altern\u00e9es (z\u00e9br\u00e9es) aident \u00e0 suivre une ligne d\u2019un bout \u00e0 l\u2019autre du tableau.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b2ba95eb-53cd-4c45-8f92-23040e0892a9\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9requis<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u00c9l\u00e9ment<\/th><th>D\u00e9tails<\/th><\/tr><\/thead><tbody><tr><td><strong>Offre<\/strong><\/td><td>Gratuit (en-t\u00eate, impaires, paires et survol) et Pro (arri\u00e8re-plans de lignes et de cellules)<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Environ 1 minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_401a0ce3-aae6-49d7-b10d-346d25617e46\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 1 : Ouvrir les r\u00e9glages Background<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau dans le constructeur et cliquez sur <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Expand <strong>Background<\/strong>, ou tapez <code>background<\/code> dans <strong>Search settings<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings.jpg\" alt=\"Section Background de WP Table Builder avec Header Background, Odd Row Background et Even Row Background dans l\u2019onglet General\" class=\"wp-image-24322\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-background-settings-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b0efa6f1-2af0-4257-bf53-b93c848cf85f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 2 : D\u00e9finir les couleurs<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>O\u00f9 cela s\u2019applique<\/th><\/tr><\/thead><tbody><tr><td><strong>Header Background<\/strong><\/td><td>La premi\u00e8re ligne<\/td><\/tr><tr><td><strong>Odd Row Background<\/strong><\/td><td>Lignes 1, 3, 5, etc. (sous l\u2019en-t\u00eate)<\/td><\/tr><tr><td><strong>Even Row Background<\/strong><\/td><td>Lignes 2, 4, 6, etc.<\/td><\/tr><tr><td><strong>Hover<\/strong> \u2060<\/td><td>L\u2019arri\u00e8re-plan d\u2019une ligne lorsque la souris d\u2019un visiteur la survole<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur une case de couleur pour choisir une couleur ou saisissez un code hexad\u00e9cimal. Cliquez sur la fl\u00e8che de r\u00e9initialisation \u00e0 c\u00f4t\u00e9 d\u2019un r\u00e9glage pour le supprimer. Cliquez sur <strong>Save<\/strong>.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a2720aef-50c6-4fb0-aa11-df04acb1a731\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Arri\u00e8re-plans de lignes et de cellules (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Une ligne :<\/strong> s\u00e9lectionnez une cellule de la ligne, d\u00e9veloppez <strong>Row &#038; Column Control<\/strong> et d\u00e9finissez <strong>Row Background<\/strong>.<\/li>\n\n\n\n<li><strong>Une cellule :<\/strong> s\u00e9lectionnez la cellule, d\u00e9veloppez <strong>Cell Control<\/strong> et d\u00e9finissez <strong>Cell Background<\/strong>. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/changer-la-couleur-darriere-plan-dune-cellule\/\">Comment changer la couleur d\u2019arri\u00e8re-plan d\u2019une seule cellule (PRO)<\/a>.<\/li>\n\n\n\n<li><strong>Supprimer tous les arri\u00e8re-plans de cellules :<\/strong> cliquez sur <strong>Clear Backgrounds<\/strong> dans <strong>Tools<\/strong> .<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les couleurs de lignes et de cellules remplacent les couleurs de tout le tableau.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_c06f2de8-00a5-4017-af49-867e30110894\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Questions fr\u00e9quentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-14fd07da-3308-409d-b335-20652b3b1591\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>Comment changer la couleur de l\u2019en-t\u00eate d\u2019un tableau dans WordPress ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">Dans WP Table Builder, ouvrez l\u2019onglet Settings, d\u00e9veloppez Background et r\u00e9glez Header Background. Cliquez sur Save.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>Comment cr\u00e9er des lignes z\u00e9br\u00e9es ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">Choisissez des couleurs diff\u00e9rentes pour Odd Row Background et Even Row Background dans la section Background.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-14fd07da-3308-409d-b335-20652b3b1591\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-14fd07da-3308-409d-b335-20652b3b1591\" style=\"color: #000000; \"><strong>J\u2019ai d\u00e9fini une couleur d\u2019en-t\u00eate mais l\u2019en-t\u00eate n\u2019a pas chang\u00e9. Pourquoi ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-14fd07da-3308-409d-b335-20652b3b1591\">\n\n<p class=\"wp-block-paragraph\">Un arri\u00e8re-plan de cellule ou de ligne la remplace. S\u00e9lectionnez une cellule de l\u2019en-t\u00eate et r\u00e9initialisez son Cell Background, ou utilisez Clear Backgrounds dans Tools.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_82f4fe78-9393-4052-abab-26d78d5ad648\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documents associ\u00e9s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/changer-la-couleur-darriere-plan-dune-cellule\/\">Comment changer la couleur d\u2019arri\u00e8re-plan d\u2019une seule cellule (PRO)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-des-bordures-a-une-table-dans-wordpress\/\">Comment ajouter des bordures \u00e0 un tableau dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/comment-changer-la-couleur-et-la-taille-du-texte-dans-le-tableau-de-wp\/\">Comment modifier la couleur et la taille de police dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/th-header-row\/\">Comment utiliser des cellules d\u2019en-t\u00eate th pour la premi\u00e8re ligne dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Set header, odd and even row, and hover background colors for a table.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-3593","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":357,"total_views":"12","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=3593"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3593\/revisions"}],"predecessor-version":[{"id":24326,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3593\/revisions\/24326"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=3593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}