{"id":699,"date":"2025-10-12T16:20:53","date_gmt":"2025-10-12T16:20:53","guid":{"rendered":"https:\/\/tableberg.com\/?p=699"},"modified":"2025-10-12T16:22:42","modified_gmt":"2025-10-12T16:22:42","slug":"comment-creer-un-tableau-de-classement-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-a-league-table-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er un tableau de classement dans WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Un classement de ligue sportive est un excellent moyen de pr\u00e9senter les classements des \u00e9quipes et des athl\u00e8tes d'une ligue. Il aide les fans \u00e0 suivre les progr\u00e8s de leurs clubs pr\u00e9f\u00e9r\u00e9s, \u00e0 comparer les statistiques et \u00e0 visualiser les classements dans un format facile \u00e0 comprendre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous g\u00e9rez un site Web de sport, un blog, ou m\u00eame si vous vendez du mat\u00e9riel de sport, l'ajout d'un classement peut rendre votre contenu plus attrayant et informatif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce tutoriel, nous vous montrerons <strong>deux fa\u00e7ons simples de cr\u00e9er un tableau de classement dans WordPress<\/strong> \u2014 en utilisant le <strong>Plugin Tableberg<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-list-boxed\">\n<li>M\u00e9thode 1 : <a href=\"#Copy-&amp;-Paste-the-Ready-Made-Pattern\">Copier-coller le mod\u00e8le pr\u00eat \u00e0 l'emploi<\/a> <\/li>\n\n\n\n<li>M\u00e9thode 2 : <a href=\"#Create-a-League-Table-from-Scratch\">Cr\u00e9er une ligue Table \u00e0 partir de z\u00e9ro<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Copy-&amp;-Paste-the-Ready-Made-Pattern\">M\u00e9thode 1 : Copier-coller le mod\u00e8le pr\u00eat \u00e0 l'emploi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ne voulez-vous pas tout construire \u00e0 partir de z\u00e9ro ?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez instantan\u00e9ment ajouter un magnifique, pr\u00e9-con\u00e7u <strong>Classement de la premi\u00e8re ligue Table<\/strong> sur votre site \u00e0 l&#x27;aide de Tableberg\u2019s <strong><a href=\"https:\/\/tableberg.com\/fr\/motifs-de-table\/\" target=\"_blank\" rel=\"noreferrer noopener\">Biblioth\u00e8que de mod\u00e8les<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici comment \ud83d\udc47<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Installez le plugin Tableberg Pro<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00eame si Tableberg dispose d&#x27;un <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">version gratuite<\/a>, vous aurez besoin du <strong><a href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Version Pro<\/a><\/strong> pour acc\u00e9der aux mod\u00e8les pr\u00eats \u00e0 l'emploi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00e9l\u00e9chargez Tableberg Pro depuis le <a href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\">site officiel<\/a>, installez-le, et <a href=\"https:\/\/tableberg.com\/fr\/documents\/comment-inserer-votre-cle-de-licence\/\" target=\"_blank\" rel=\"noreferrer noopener\">activez votre licence<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Visitez le motif et copiez-le<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Allez \u00e0 ce lien : <a href=\"https:\/\/tableberg.com\/fr\/motifs-de-table\/tableau-de-classement-de-la-ligue-1\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classement de la Premier League : mod\u00e8le Table<\/a> et cliquez sur le <strong>\u201cCopier le mod\u00e8le\u201d<\/strong> bouton sur la page. Le motif sera copi\u00e9 automatiquement.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"846\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1024x846.png\" alt=\"\" class=\"wp-image-10709\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1024x846.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-300x248.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-768x634.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-1536x1269.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-2048x1691.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Premier-League-Standings-Table-Pattern-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : Collez le motif dans l'\u00e9diteur de blocs WordPress <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Maintenant, ouvrez le article ou la page o\u00f9 vous souhaitez ajouter votre classement. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans l'\u00e9diteur de blocs WordPress (Gutenberg), collez (Ctrl\/Cmd + V) \u2014 et le tableau entier appara\u00eetra instantan\u00e9ment. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"932\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Paste-the-Pattern.gif\" alt=\"\" class=\"wp-image-10711\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 4 : Personnaliser le tableau<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez facilement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Remplacez les noms et les logos des \u00e9quipes<\/li>\n\n\n\n<li>Mettre \u00e0 jour les statistiques du match (Jou\u00e9, Gagn\u00e9, Perdu, Nul, Points, etc.)<\/li>\n\n\n\n<li>Ajustez les couleurs, les bordures ou la typographie \u00e0 partir des param\u00e8tres de la barre lat\u00e9rale<\/li>\n\n\n\n<li>Ajouter ou supprimer des lignes et des colonnes<\/li>\n<\/ul>\n\n\n<div style=\"width: 100%\" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-f4606ace-9fc7-4b5a-9945-fdfa37d4fc68\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; \"><video controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Customizing-the-Table.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\">C'est tout \u2014 votre <strong>La Ligue Table est pr\u00eate en quelques secondes<\/strong> sans le construire manuellement.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_60cd3714-3345-48ee-ba5d-c91d5018dc7c\"><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: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Create-a-League-Table-from-Scratch\">M\u00e9thode 2 : Cr\u00e9er une ligue Table \u00e0 partir de z\u00e9ro<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous pr\u00e9f\u00e9rez un contr\u00f4le total ou si vous souhaitez concevoir votre propre mise en page, suivez ce processus \u00e9tape par \u00e9tape pour cr\u00e9er un classement manuellement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Install-and-Activate-the-Tablegerg-Plugin\">\u00c9tape 1 : Installer et activer le plugin Tableberg<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" rel=\"noreferrer noopener\">Tableberg<\/a> est un plugin de cr\u00e9ation de tableaux avanc\u00e9. Sans cet outil avanc\u00e9, vous ne pouvez pas cr\u00e9er des tableaux de classement complets avec le bloc de tableau par d\u00e9faut de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour installer le plugin, rendez-vous sur <strong>Plugins &gt; Ajouter un nouveau plugin<\/strong>. Obtenez le plugin en tapant <strong>Tableberg<\/strong> dans la bo\u00eete de recherche. Installez et activez le logiciel une fois qu'il appara\u00eet ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png\" alt=\"\" class=\"wp-image-4846\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1536x853.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-2048x1138.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Add-the-Tableberg-Block-to-Your-Post\/Page-Editor\">\u00c9tape 2 : Ajouter le bloc Tableberg \u00e0 votre \u00e9diteur de page\/poste<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez l'article\/la page o\u00f9 vous souhaitez cr\u00e9er le tableau de classement. Recherchez et <strong>ajouter le bloc Tableberg<\/strong> en appuyant sur la touche <strong>Ic\u00f4ne (+)<\/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=\"605\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.png\" alt=\"\" class=\"wp-image-2774\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1024x605.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-300x177.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-768x454.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-1536x907.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-2048x1210.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9finissez les num\u00e9ros de ligne et de colonne comme vous le souhaitez. Pour ce tutoriel, nous s\u00e9lectionnerons la ligne et la colonne 6*11.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png\" alt=\"D\u00e9finir le num\u00e9ro de la ligne et de la colonne\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">La pr\u00e9sentation du tableau est pr\u00eate. Nous allons maintenant y ajouter du contenu.<\/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\/02\/Table-layout-creted-by-TableBerg.webp\" alt=\"Mise en page de la table cr\u00e9\u00e9e par TableBerg\" class=\"wp-image-700\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Table-layout-creted-by-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Add-Content-to-the-Table\">\u00c9tape 3 : Ajouter du contenu au tableau<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le type de contenu que vous ajoutez au tableau d\u00e9pend largement du type de sport. Le contenu d'un tableau de la ligue de football de premi\u00e8re division est g\u00e9n\u00e9ralement le suivant <strong>position, logo du club, nom du club, match jou\u00e9, diff\u00e9rence de buts, <\/strong>et<strong> points<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># D\u00e9finir la position (Pos)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'\u00e9quipe qui a le plus de points reste g\u00e9n\u00e9ralement plus haut dans le classement. Cette section se trouve dans la colonne la plus \u00e0 gauche d'un tableau. Vous pouvez voir que nous avons cr\u00e9\u00e9 cette colonne dans le tableau.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-1024x523.webp\" alt=\"\" class=\"wp-image-701\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Define-position.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># Ajouter le logo et les noms des clubs<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous voulons placer le nom et le logo du club sous le m\u00eame titre de colonne. Les deux cellules suivantes de la colonne sup\u00e9rieure doivent donc \u00eatre fusionn\u00e9es. S\u00e9lectionnez-les en appuyant sur <strong><em>Maj + clic droit (Windows)<\/em><\/strong> ou <strong><em>CMD + clic droit (Mac)<\/em><\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e9lectionnez ensuite <strong>Fusionner<\/strong> de la <strong>Modifier le tableau<\/strong> dans la barre d'outils. Regardez la vid\u00e9o ci-dessous. Ensuite, nous avons align\u00e9 le titre au centre.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logo-and-club-names-to-the-league-table.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque cellule est accompagn\u00e9e d'un bloc Gutenberg. En cliquant sur le bloc <strong>Ic\u00f4ne (+)<\/strong>Pour les logos, vous pouvez ajouter d'autres types de contenu au tableau. Pour les logos, nous s\u00e9lectionnerons le <strong>bloc d'images<\/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=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg.webp\" alt=\"Ajouter des logos \u00e0 la table avec TableBerg\" class=\"wp-image-703\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-logos-to-the-league-table-with-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez voir que nous avons ajout\u00e9 les logos des clubs au tableau. Ne vous inqui\u00e9tez pas si les images t\u00e9l\u00e9charg\u00e9es sont de grande taille. TableBerg vous permet de les personnaliser en les faisant glisser.<\/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\/02\/Club-logos-added-to-the-league-table-with-TableBerg.webp\" alt=\"Les logos des clubs sont ajout\u00e9s au tableau de classement avec TableBerg\" class=\"wp-image-704\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Club-logos-added-to-the-league-table-with-TableBerg-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, ajoutez les noms des clubs respectivement \u00e0 c\u00f4t\u00e9 des cellules du logo.<\/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\/02\/Add-club-names-to-the-league-table.webp\" alt=\"Ajouter des noms de clubs au tableau de classement\" class=\"wp-image-705\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-club-names-to-the-league-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.878), 1.5rem);\"><strong># Ajouter le num\u00e9ro du match jou\u00e9, la diff\u00e9rence de buts et les points<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est tr\u00e8s simple. Comme pour la position, vous pouvez ajouter le nombre de matches jou\u00e9s par chaque club, la diff\u00e9rence de buts et le nombre de points ici aussi, en texte simple. Vous pouvez voir ce que nous avons fait dans l'image ci-dessous.<\/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\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp\" alt=\"Ajoutez au tableau le num\u00e9ro du match jou\u00e9, la diff\u00e9rence de buts et les points.\" class=\"wp-image-711\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-Played-Match-Number-Goal-Difference-and-Points-information-to-the-table.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Stylize-the-Table\">\u00c9tape 04 : Styliser la table<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Avec Tableberg, vous pouvez ajouter diff\u00e9rents niveaux de stylisation et de personnalisation \u00e0 votre tableau. Avec la barre d'outils Gutenberg, vous pouvez <strong>personnaliser l'alignement <\/strong>et <strong>audace<\/strong> du contenu du tableau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez voir que nous avons align\u00e9 au centre et mis en gras la majeure partie du contenu du tableau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, vous pouvez modifier le <strong>couleur du texte et de l'arri\u00e8re-plan, typographie, taille de la police,<\/strong> et <strong>dimension du tableau<\/strong> dans la barre lat\u00e9rale droite. J'esp\u00e8re que vous pourrez le faire vous-m\u00eame.<\/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\/02\/Customize-alignment-and-boldness-of-the-table-content.webp\" alt=\"Personnaliser l&#039;alignement et la mise en gras du contenu du tableau\" class=\"wp-image-714\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-alignment-and-boldness-of-the-table-content-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"Change-the-Table-Width-and-Row-Colors\">\u00c9tape 05 : Modifier la largeur du tableau et la couleur des lignes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez beaucoup de contenu, vous pouvez augmenter la largeur du tableau. S\u00e9lectionnez l'ensemble du tableau en cliquant sur le bouton <strong>Ic\u00f4ne TableBerg<\/strong> sur la barre d'outils, trois fois cons\u00e9cutivement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les <strong>Onglet Param\u00e8tres<\/strong> appara\u00eetra dans la barre lat\u00e9rale de droite, o\u00f9 vous trouverez la rubrique <strong>Largeur de la table<\/strong> option. Vous pouvez augmenter la largeur du tableau en d\u00e9finissant la valeur ici.<\/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\/02\/Increase-the-width-and-row-color-of-the-table.png\" alt=\"Augmenter la largeur et la couleur des lignes du tableau\" class=\"wp-image-716\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-width-and-row-color-of-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Venez au <strong>Onglet Styles<\/strong>. Imm\u00e9diatement en dessous, vous aurez la possibilit\u00e9 de modifier la couleur d'arri\u00e8re-plan des colonnes des lignes paires et impaires. Faites-le vous-m\u00eame.<\/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\/02\/Colorize-the-league-table.webp\" alt=\"Colorier le tableau de classement\" class=\"wp-image-718\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Colorize-the-league-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez ainsi cr\u00e9er un tableau de classement dans WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Tutoriel vid\u00e9o<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comment cr\u00e9er un tableau de classement dans WordPress\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2UinommekD4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Note finale !<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les passionn\u00e9s de sport sont toujours d\u00e9sireux de conna\u00eetre les mises \u00e0 jour de leurs \u00e9quipes et joueurs pr\u00e9f\u00e9r\u00e9s. Vous pouvez cr\u00e9er un tableau dans WordPress et partager ses liens sur les m\u00e9dias sociaux pour que les gens viennent explorer votre site. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez cr\u00e9er des tableaux pour les produits eCommerce de la m\u00eame mani\u00e8re avec ce plugin. Apprendre <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-comparatif-dans-wordpress\/\" data-type=\"post\" data-id=\"252\" target=\"_blank\" rel=\"noreferrer noopener\">comment cr\u00e9er un tableau de comparaison des produits avec Tableberg<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A sports league table is a great way to present the standings of teams and athletes in a league. It helps fans track the progress of their favorite clubs, compare stats, and visualize rankings in an easy-to-digest format. If you run a sports website, blog, or even sell sports gear, adding a league table can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3261,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,10,9],"class_list":["post-699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-customize-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/league-table-850-x-335-px.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"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=699"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/699\/revisions"}],"predecessor-version":[{"id":10715,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/699\/revisions\/10715"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/3261"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}