{"id":1372,"date":"2024-05-12T11:55:33","date_gmt":"2024-05-12T11:55:33","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1372"},"modified":"2024-06-22T23:31:55","modified_gmt":"2024-06-22T23:31:55","password":"","slug":"comment-ajouter-des-rubans-aux-tables-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-add-ribbons-to-wordpress-tables\/","title":{"rendered":"Bloc de rubans"},"content":{"rendered":"<p>Le bloc Ruban recouvre le contenu d'une touche d\u00e9corative. Il est utilis\u00e9 pour attirer l'attention des visiteurs sur des informations sp\u00e9cifiques, telles que les caract\u00e9ristiques, les remises, les promotions, les articles les plus vendus, les exemplaires de vente, etc.<\/p>\n\n\n\n<p>En ajoutant le bloc Ruban \u00e0 un tableau, vous pouvez faire ressortir certaines de ses cellules. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"TableBerg\">TableBerg<\/a> fournit un moyen simple et facile d'ajouter des rubans \u00e0 vos tables dans WordPress.<\/p>\n\n\n\n<p>Cet article de documentation vous montrera comment ajouter des rubans aux tables de WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 01 : Trouver et ajouter le bloc de ruban au tableau<\/h2>\n\n\n\n<p>TableBerg comprend plusieurs blocs permettant de cr\u00e9er des tableaux fonctionnels. Le ruban est l'un d'entre eux. Trouvez et ajoutez le bloc <strong>Bloc de rubans<\/strong> jusqu'\u00e0 la cellule souhait\u00e9e en cliquant sur le bouton <strong>bouton plus (+)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp\" alt=\"Trouver et ajouter le bloc de ruban au tableau\" class=\"wp-image-1373\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Find-and-Add-the-Ribbon-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Les <strong>Bloc de rubans<\/strong> sera ajout\u00e9 \u00e0 la cellule en une seule fois.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp.png\" alt=\"Le bloc Ruban est ajout\u00e9 au tableau\" class=\"wp-image-1374\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/SCR-20240512-omqp-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 02 : Configuration des param\u00e8tres du bloc de ruban<\/h2>\n\n\n\n<p>Vous trouverez de nombreuses options permettant de modifier les param\u00e8tres du bloc du ruban dans la rubrique <strong>Onglet Param\u00e8tres<\/strong> sur la barre lat\u00e9rale droite. <\/p>\n\n\n\n<p>Vous y trouverez les options suivantes <strong>Type de ruban, texte du ruban, c\u00f4t\u00e9, distance,<\/strong> et <strong>Taille<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp\" alt=\"Configuration des param\u00e8tres du bloc du ruban\" class=\"wp-image-1375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Configure-Settings-of-the-Ribbon-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(1.146rem, 1.146rem + ((1vw - 0.2rem) * 1.113), 1.8rem);\"><strong># Modifier le type de ruban<\/strong><\/p>\n\n\n\n<p>Aller \u00e0 la page <strong>Option de type de ruban<\/strong> dans le cadre de la <strong>Onglet Param\u00e8tres<\/strong>. Cliquez sur l'ic\u00f4ne du menu d\u00e9roulant situ\u00e9 en dessous. Quatre options s'offrent \u00e0 vous - <strong>Signet, coin, c\u00f4t\u00e9, <\/strong>et <strong>Ic\u00f4ne<\/strong>. En s\u00e9lectionnant ces options, vous pouvez facilement changer le type de ruban.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-type.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># Modifier le texte du ruban<\/strong> <strong>et la taille<\/strong><\/p>\n\n\n\n<p>Aller \u00e0 la page <strong>Texte du ruban<\/strong> option. Inscrivez le texte que vous souhaitez dans la case ci-dessous. Vous verrez que la copie du ruban se modifie dans le tableau.<\/p>\n\n\n\n<p>Ensuite, \u00e0 partir du <strong>Taille <\/strong>vous permet d'augmenter la taille du texte du ruban.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-1024x523.webp\" alt=\"\" class=\"wp-image-1377\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Ribbon-Text-and-Size.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 1.074), 28px);\"><strong># Modifier le c\u00f4t\u00e9 et la distance<\/strong><\/p>\n\n\n\n<p>L'utilisation de la <strong>C\u00f4t\u00e9<\/strong> vous pouvez mettre en valeur le Ribben, que ce soit \u00e0 droite ou \u00e0 gauche.<\/p>\n\n\n\n<p>Si la copie du ruban appara\u00eet sur deux lignes, en augmentant le nombre de lignes du ruban, il est possible de r\u00e9duire le nombre de lignes du ruban. <strong>Distance<\/strong>Vous pouvez faire figurer la copie sur une seule ligne.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance.webp\" alt=\"Modifier le c\u00f4t\u00e9 et la distance\" class=\"wp-image-1378\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Change-the-Side-and-Distance-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 03 : Styliser le bloc de ruban<\/h2>\n\n\n\n<p>Aller \u00e0 la page <strong>Onglet Styles<\/strong>. Vous pourrez modifier le texte et la couleur d'arri\u00e8re-plan du bloc Ruban.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block.webp\" alt=\"Styliser le bloc de ruban\" class=\"wp-image-1379\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Stylize-the-Ribbon-Block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Votre tableau est maintenant pr\u00eat \u00e0 ajouter du contenu dans la cellule o\u00f9 vous avez ajout\u00e9 le bloc Ruban. J'esp\u00e8re que vous pourrez faire le reste vous-m\u00eame.<\/p>\n\n\n\n<p>Comme pour le ruban, vous pouvez attirer l'attention sur votre tableau \u00e0 l'aide du bloc d'ic\u00f4nes. Voici une documentation sur <a href=\"https:\/\/tableberg.com\/fr\/documents\/tableberg-one\/tableberg\/comment-ajouter-des-icones-aux-tableaux-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"comment ajouter le bloc d&#039;ic\u00f4nes \u00e0 votre tableau WordPress\">comment ajouter le bloc d'ic\u00f4nes \u00e0 votre tableau WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Ribbon block overlays content with a decorative strike. It is used to draw visitors&#8217; attention to specific information, like features, discounts, promotions, top-selling items, sales copies, etc. By adding the Ribbon block to a table, you can make some of its cells stand out from others. TableBerg provides a simple and easy way to [&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":[78,81],"class_list":["post-1372","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-icon-block","doc_tag-ribbon-block"],"year_month":"2026-04","word_count":363,"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":"Icon Block","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/icon-block\/"},{"term_name":"Ribbon Block","term_url":"https:\/\/tableberg.com\/fr\/docs-tag\/ribbon-block\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1372","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=1372"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1372\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/1372\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1372"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1372"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}