{"id":155,"date":"2025-02-09T03:44:50","date_gmt":"2025-02-09T03:44:50","guid":{"rendered":"https:\/\/tableberg.com\/?p=155"},"modified":"2025-02-09T03:44:54","modified_gmt":"2025-02-09T03:44:54","slug":"comment-ajouter-un-bouton-a-un-bloc-de-tableau-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-button-to-table-block-in-wordpress\/","title":{"rendered":"Comment ajouter des boutons au bloc tableau dans WordPress"},"content":{"rendered":"<p>Les tableaux sont g\u00e9n\u00e9ralement utilis\u00e9s pour organiser et pr\u00e9senter des informations de mani\u00e8re structur\u00e9e. En ajoutant des boutons au tableau, vous pouvez souvent inciter les utilisateurs \u00e0 explorer de nouveaux articles et de nouvelles pages ou \u00e0 acheter les produits et services correspondants.<\/p>\n\n\n\n<p>Mais la table par d\u00e9faut de WordPress n'a pas l'option d'ajouter des boutons. <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> est un excellent plugin pour r\u00e9soudre ce probl\u00e8me. Il vous aidera \u00e0 cr\u00e9er et \u00e0 ajouter facilement des boutons \u00e0 ses cellules, tout comme les blocs de Gutenberg.<\/p>\n\n\n\n<p>Cet article explique comment ajouter un bouton \u00e0 un bloc de tableau dans WordPress et le rendre attrayant.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 1 : Installer le plugin Tableberg<\/h2>\n\n\n\n<p>Allez dans votre tableau de bord WordPress. Naviguez vers <strong>Tableau de bord &gt; Plugins &gt; Ajouter un nouveau plugin<\/strong>.<\/p>\n\n\n\n<p>Type <strong>Tableberg<\/strong> dans la bo\u00eete de recherche en haut \u00e0 droite. Le plugin appara\u00eetra ci-dessous dans une seconde. <strong>Installer<\/strong> et <strong>Activer<\/strong> il.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2546\" height=\"1122\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png\" alt=\"\" class=\"has-border-color has-border-dark-border-color wp-image-3084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg.png 2546w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-300x132.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1024x451.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-768x338.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-1536x677.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-2048x903.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Installing-Tableberg-18x8.png 18w\" sizes=\"auto, (max-width: 2546px) 100vw, 2546px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter le bloc Tableberg \u00e0 votre article\/page<\/h2>\n\n\n\n<p>Ouvrez le message ou la page o\u00f9 vous souhaitez ajouter le tableau. Cliquez sur le bouton <strong>Ic\u00f4ne plus (+)<\/strong> pour ouvrir l'\u00e9diteur Gutenberg.<\/p>\n\n\n\n<p>Type <strong>Tableberg<\/strong> dans la bo\u00eete de recherche. Cliquez sur le bloc une fois qu'il appara\u00eet ci-dessous.<\/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\/01\/Add-TableBerg-to-your-post-or-page.png\" alt=\"Ajouter TableBerg \u00e0 votre message ou \u00e0 votre page\" class=\"has-border-color has-border-dark-border-color wp-image-157\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-TableBerg-to-your-post-or-page-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 3 : S\u00e9lectionner le nombre de lignes et de colonnes<\/h2>\n\n\n\n<p>D\u00e9finissez les num\u00e9ros de ligne et de colonne du tableau. Comme vous pouvez le voir dans l'image ci-dessous, nous avons d\u00e9fini 4 lignes et 4 colonnes pour notre tableau.<\/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\/01\/Define-row-and-column-number-for-the-table.png\" alt=\"D\u00e9finir les num\u00e9ros de ligne et de colonne du tableau\" class=\"has-border-color has-border-dark-border-color wp-image-158\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Define-row-and-column-number-for-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 4 : Ajouter un bouton \u00e0 la cellule du tableau<\/h2>\n\n\n\n<p>Prenez votre curseur et cliquez sur n'importe quelle cellule du tableau. Vous verrez appara\u00eetre un <strong>plus (+)<\/strong> appara\u00eet. En cliquant sur l'ic\u00f4ne plus, vous obtiendrez quatre blocs diff\u00e9rents, que vous pourrez ajouter \u00e0 chaque cellule.<\/p>\n\n\n\n<p>Vous obtiendrez le bloc bouton dans cette collection de blocs. <\/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\/01\/Block-button-on-the-TableBerg-cells.png\" alt=\"Bouton de blocage des cellules de TableBerg\" class=\"has-border-color has-border-dark-border-color wp-image-160\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Block-button-on-the-TableBerg-cells-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 5 : Ajouter du contenu au tableau <\/h2>\n\n\n\n<p>Vous pouvez voir que nous avons ajout\u00e9 tout le contenu n\u00e9cessaire (image, liste, \u00e9valuation et prix) au tableau en utilisant les blocs respectifs.<\/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\/Add-content-and-button-to-the-table.png\" alt=\"Ajouter un contenu et un bouton au tableau\" class=\"has-border-color has-border-dark-border-color wp-image-161\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-content-and-button-to-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 6 : Styliser le bouton sur la table<\/h2>\n\n\n\n<p>S\u00e9lectionnez le bouton. Cliquez sur le bouton <strong>Lien<\/strong> dans la barre d'outils pour lier le message ou la page souhait\u00e9e au bouton.<\/p>\n\n\n\n<p>Aller \u00e0 la page <strong>Styles<\/strong> dans la barre lat\u00e9rale droite. Vous disposerez de plusieurs options de personnalisation telles que <strong>Typographie, bordure, couleur, <\/strong>et <strong>Couleur de survol.<\/strong><\/p>\n\n\n\n<p>Effectuez les personnalisations n\u00e9cessaires comme vous le souhaitez.<\/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\/Stylize-the-button-on-the-table.png\" alt=\"Styliser le bouton sur la table\" class=\"has-border-color has-border-dark-border-color wp-image-162\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Stylize-the-button-on-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9tape 7 : Pr\u00e9visualisation du tableau<\/h2>\n\n\n\n<p>Maintenant, allez dans la partie frontale de l'article ou de la page et jetez un coup d'\u0153il au tableau que vous avez cr\u00e9\u00e9. Si la conception et la mise en page ne sont pas \u00e0 la hauteur, allez \u00e0 nouveau dans l'\u00e9diteur et apportez les modifications n\u00e9cessaires.<\/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\/Preview-the-table.png\" alt=\"Pr\u00e9visualiser le tableau\" class=\"has-border-color has-border-dark-border-color wp-image-163\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Preview-the-table-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/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\">Conclusion<\/h3>\n\n\n\n<p>Le plugin TableBerg dispose actuellement de quatre blocs. Mais nos d\u00e9veloppeurs travaillent constamment \u00e0 la cr\u00e9ation de nouveaux blocs dans les jours \u00e0 venir pour am\u00e9liorer votre exp\u00e9rience de cr\u00e9ation de tableaux.<\/p>\n\n\n\n<p>Restez avec nous pour recevoir des mises \u00e0 jour sur nos prochaines versions et toute nouvelle annonce.<\/p>\n\n\n\n<p>Lire aussi : <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-bouton-dappel-a-laction-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er un bouton d'appel \u00e0 l'action dans WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-un-bouton-acheter-sur-amazon-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment ajouter un bouton \"Acheter sur Amazon\" dans WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/meilleurs-plugins-de-boutons-pour-wordpress\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/best-button-plugins-for-wordpress\/\" rel=\"noreferrer noopener\">7 meilleurs plugins de boutons pour WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Tables are usually used to organize and present information in a structured way. By adding buttons to the table, you can often trigger users to explore new posts and pages or buy respective products and services. But the default WordPress table doesn\u2019t have the option to add buttons. Tableberg is a wonderful plugin to solve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1673,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/How-to-Add-Button-to-a-Table-in-WordPress.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\/155","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=155"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":7454,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/155\/revisions\/7454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/1673"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}