{"id":2516,"date":"2025-03-22T08:06:32","date_gmt":"2025-03-22T08:06:32","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2516"},"modified":"2026-11-13T14:13:14","modified_gmt":"2026-11-13T14:13:14","password":"","slug":"note-de-letoile","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/star-rating\/","title":{"rendered":"\u00c9l\u00e9ment Star Rating dans WP Table Builder"},"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\">L\u2019\u00e9l\u00e9ment Star Rating affiche une note sous forme d\u2019\u00e9toiles, par exemple 4,5 sur 5. Glissez <strong>Note en \u00e9toiles<\/strong> dans une cellule, r\u00e9glez <strong>Max Rating<\/strong> et <strong>Rating Value<\/strong>, puis mettez-le en forme avec <strong>Star Size<\/strong>, <strong>Star Color<\/strong> et <strong>Content Alignment<\/strong>. Activez <strong>Show Rating<\/strong> pour afficher le chiffre (par exemple 4\/5) sous les \u00e9toiles. L\u2019\u00e9l\u00e9ment Star Rating est gratuit.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Les notes en \u00e9toiles r\u00e9sument les avis en un coup d\u2019\u0153il et font partie des \u00e9l\u00e9ments les plus courants des tableaux comparatifs de produits.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_86883490-421d-425a-9b2f-5e472579bb1e\"><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 et Pro<\/td><\/tr><tr><td><strong>O\u00f9<\/strong><\/td><td><strong>\u00c9l\u00e9ments<\/strong> (onglet) du constructeur, <strong>Basic<\/strong> (groupe)<\/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_5ad00772-83ee-4225-a0a8-a6d77cd603b3\"><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\">Comment ajouter l\u2019\u00e9l\u00e9ment Star Rating<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau dans le constructeur et cliquez sur <strong>\u00c9l\u00e9ments<\/strong> .<\/li>\n\n\n\n<li>Glissez <strong>Note en \u00e9toiles<\/strong> dans une cellule, ou tapez <code>star rating<\/code> dans <strong>Search elements<\/strong> au pr\u00e9alable.<\/li>\n\n\n\n<li>Cliquez sur l\u2019\u00e9l\u00e9ment pour ouvrir ses r\u00e9glages dans le panneau de gauche.<\/li>\n\n\n\n<li>Cliquez sur <strong>Save<\/strong> quand vous avez termin\u00e9.<\/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-star-rating-settings.jpg\" alt=\"R\u00e9glages Star Rating de WP Table Builder avec Max Rating, Rating Value, Star Size, Star Color et Show Rating\" class=\"wp-image-24339\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-star-rating-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-star-rating-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-star-rating-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-star-rating-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-star-rating-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_45ab7bbf-358c-4a5a-824c-aa38af25ce78\"><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\">R\u00e9glages de Star Rating<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>R\u00e9glage<\/th><th>Ce qu\u2019il fait<\/th><\/tr><\/thead><tbody><tr><td><strong>Max Rating<\/strong><\/td><td>Le nombre d\u2019\u00e9toiles, g\u00e9n\u00e9ralement 5<\/td><\/tr><tr><td><strong>Rating Value<\/strong><\/td><td>La note. Les demi-valeurs comme 4.5 affichent une demi-\u00e9toile.<\/td><\/tr><tr><td><strong>Star Size<\/strong><\/td><td>Taille en px<\/td><\/tr><tr><td><strong>Content Alignment<\/strong><\/td><td>Gauche, centre ou droite<\/td><\/tr><tr><td><strong>Star Color<\/strong><\/td><td>Couleur des \u00e9toiles remplies<\/td><\/tr><tr><td><strong>Show Rating<\/strong><\/td><td>Affiche la note en texte sous les \u00e9toiles<\/td><\/tr><tr><td><strong>Font Size \/ Text Color<\/strong><\/td><td>Style du texte de la note<\/td><\/tr><tr><td><strong>Padding \/ Margin<\/strong><\/td><td>Espacement (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pour une note circulaire comme 86 %, utilisez <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/note-en-cercle\/\">Note circulaire<\/a> (Pro).<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d16ce19b-d4a0-4a9b-8e29-2a04265ba717\"><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-632129ee-529c-4179-89b9-7bc1946394fd\" 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-632129ee-529c-4179-89b9-7bc1946394fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-632129ee-529c-4179-89b9-7bc1946394fd\" style=\"color: #000000; \"><strong>Comment ajouter des notes en \u00e9toiles \u00e0 un tableau 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-632129ee-529c-4179-89b9-7bc1946394fd\">\n\n<p class=\"wp-block-paragraph\">Glissez l\u2019\u00e9l\u00e9ment Star Rating dans une cellule et r\u00e9glez Max Rating et Rating Value.<\/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-632129ee-529c-4179-89b9-7bc1946394fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-632129ee-529c-4179-89b9-7bc1946394fd\" style=\"color: #000000; \"><strong>Puis-je afficher des demi-\u00e9toiles ?<\/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-632129ee-529c-4179-89b9-7bc1946394fd\">\n\n<p class=\"wp-block-paragraph\">Oui. Saisissez une valeur comme 4.5 dans Rating Value.<\/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-632129ee-529c-4179-89b9-7bc1946394fd\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-632129ee-529c-4179-89b9-7bc1946394fd\" style=\"color: #000000; \"><strong>Puis-je masquer le chiffre sous les \u00e9toiles ?<\/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-632129ee-529c-4179-89b9-7bc1946394fd\">\n\n<p class=\"wp-block-paragraph\">Oui. D\u00e9sactivez Show Rating.<\/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_80b17fde-1aed-4efd-aba9-3ee9a985e839\"><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\/note-en-cercle\/\">Note circulaire (Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/barre-de-progression-pour-lelement-pro\/\">Progress Bar (\u00e9l\u00e9ment Pro)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/elements-overview\/\">\u00c9l\u00e9ments de WP Table Builder : pr\u00e9sentation des 14 \u00e9l\u00e9ments<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/creer-la-premiere-table-avec-wp-table-builder\/\">Comment cr\u00e9er votre premier tableau dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Show star ratings with a custom maximum, value, size and color.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-2516","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-11","word_count":258,"total_views":"16","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":"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\/2516","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=2516"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2516\/revisions"}],"predecessor-version":[{"id":24347,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/2516\/revisions\/24347"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=2516"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=2516"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=2516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}