{"id":3062,"date":"2025-03-23T14:00:21","date_gmt":"2025-03-23T14:00:21","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=3062"},"modified":"2025-03-23T14:00:26","modified_gmt":"2025-03-23T14:00:26","password":"","slug":"ribbon-pro","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/ribbon-pro\/","title":{"rendered":"Ribbon (Pro)"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Ribbon_WPTB_Docs-1024x576.png\" alt=\"\" class=\"wp-image-3445\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Ribbon_WPTB_Docs-1024x576.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Ribbon_WPTB_Docs-300x169.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Ribbon_WPTB_Docs-768x432.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2020\/12\/Ribbon_WPTB_Docs.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous souhaitez mettre en \u00e9vidence un produit, un service ou tout autre \u00e9l\u00e9ment dans un tableau ?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puis, utilisez des rubans. <strong>bande<\/strong> vous permet <strong>Marquez une ligne ou une colonne<\/strong> Dans un tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1196\" height=\"686\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-17-37.gif\" alt=\"\" class=\"wp-image-20857\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WP Table Builder Il dispose de 5 types de rubans : Rectangle, Bookmark, Corner, Icon et Side. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"708\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-19-12.gif\" alt=\"\" class=\"wp-image-20858\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voyons comment ajouter une bande dans WP Table Builder. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">RIBBON GENERAL<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans l\u2019onglet G\u00e9n\u00e9ral, vous pouvez s\u00e9lectionner le \u2018 Type de ruban \u2019 et modifier la \u2018 Position \u2019 du ruban. Maintenant, parlons des types de ruban.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rectangle<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le premier type de ruban est \u2018<strong>Rectangle<\/strong>\u2018. <strong>Vous pouvez positionner la bande-annonce en modifiant les valeurs d\u2019offset X et Y.<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"674\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-22-01.gif\" alt=\"\" class=\"wp-image-20859\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Side<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le prochain type de ruban est \u2018<strong>Side<\/strong>\u2018 Ici, vous pouvez <strong>changez de c\u00f4t\u00e9<\/strong> et <strong>D\u00e9viation Y de la bande.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"684\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-25-13.gif\" alt=\"\" class=\"wp-image-20860\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ic\u00f4ne<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le troisi\u00e8me ruban est \u2018<strong>Ic\u00f4ne<\/strong>\u2018Cela vous permet d\u2019ajouter un <strong>ic\u00f4ne avec texte<\/strong>. L\u00e0-bas, <strong>vous pouvez modifier l\u2019ic\u00f4ne, le c\u00f4t\u00e9 de la bande, l\u2019animation de l\u2019ic\u00f4ne et l\u2019offset Y.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"656\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-27-46.png\" alt=\"\" class=\"wp-image-20861\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-27-46.png 918w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-27-46-300x214.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-27-46-768x549.png 768w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici une vue d'ensemble de la barre d'outils lorsqu'elle est ajout\u00e9e avec une animation. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"668\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-30-34.gif\" alt=\"\" class=\"wp-image-20862\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bookmark<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le quatri\u00e8me type de ruban est \u2018<strong>\u2019 Ajouter au favoris \u00bb. Ici,<\/strong> vous pouvez changer la zone de navigation <strong>largeur, d\u00e9calage X et d\u00e9calage Y<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"682\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-33-14.gif\" alt=\"\" class=\"wp-image-20863\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Corner<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La derni\u00e8re bande est intitul\u00e9e \u2018 Corner \u2019. Ici, vous pouvez changer le c\u00f4t\u00e9 de la bande.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"908\" height=\"672\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-35-40.gif\" alt=\"\" class=\"wp-image-20864\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">STYLE RIBBON<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">RIBBON STYLE comprend d'autres param\u00e8tres g\u00e9n\u00e9raux pour le ruban. Il inclut la taille de la police, la couleur du texte, la couleur de fond et la couleur des bords. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"670\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-59-09.png\" alt=\"\" class=\"wp-image-20870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-59-09.png 920w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-59-09-300x218.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-59-09-768x559.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Taille de la police<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez modifier la taille de la police ici. La taille de la police est ajustable en pixels. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"912\" height=\"654\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-39-53.png\" alt=\"\" class=\"wp-image-20865\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-39-53.png 912w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-39-53-300x215.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-39-53-768x551.png 768w\" sizes=\"auto, (max-width: 912px) 100vw, 912px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Couleur du texte<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez facilement changer la couleur du texte de la barre de menu. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"738\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-44-18-1.png\" alt=\"\" class=\"wp-image-20867\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-44-18-1.png 922w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-44-18-1-300x240.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-44-18-1-768x615.png 768w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Couleur de fond<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez \u00e9galement modifier la couleur de fond et la couleur des bordures de la bande. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"918\" height=\"796\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-50-02.png\" alt=\"\" class=\"wp-image-20868\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-50-02.png 918w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-50-02-300x260.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-50-02-768x666.png 768w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Couleur de la fronti\u00e8re<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La couleur de bordure vous permet d\u2019ajouter une couleur autour de la bordure de votre ruban. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"902\" height=\"662\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-56-09.png\" alt=\"\" class=\"wp-image-20869\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-56-09.png 902w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-56-09-300x220.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2023\/07\/2025-03-23_19-56-09-768x564.png 768w\" sizes=\"auto, (max-width: 902px) 100vw, 902px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous esp\u00e9rons que cette documentation vous aura \u00e9t\u00e9 utile. N'h\u00e9sitez pas \u00e0 nous contacter si vous avez des questions concernant l'\u00e9l\u00e9ment \u00ab Ribbon \u00bb de WP Table Builder.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Do you want to highlight a product, service, or anything in a table? Then, use ribbons. A ribbon lets you highlight a row\/column in a table. WP Table Builder has 5 types of ribbons &#8211; Rectangle, Bookmark, Corner, Icon, and Side. Let&#8217;s see how to add a ribbon in WP Table Builder. RIBBON GENERAL In [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3062","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-10","word_count":296,"total_views":"19","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ankur Raz Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/rajankur003\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3062","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=3062"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3062\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=3062"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3062"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}