{"id":7732,"date":"2023-08-12T07:33:24","date_gmt":"2023-08-12T14:33:24","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=7732"},"modified":"2025-01-17T10:30:01","modified_gmt":"2025-01-17T15:30:01","slug":"mm-styles-de-boutons","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/","title":{"rendered":"Utilisation des styles de boutons de MemberMouse"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Lorsque MemberMouse est activ\u00e9 sur votre site Web, vous avez acc\u00e8s \u00e0 plus de 60 styles de boutons Web 2.0. Vous pouvez facilement transformer n'importe quel lien en bouton en utilisant la classe \"mm-button\" comme suit :<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Le r\u00e9sultat sera le suivant :\u00a0<img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Modifier la taille<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Trois tailles de boutons sont prises en charge : petite, moyenne et grande. Vous pouvez cr\u00e9er des boutons de diff\u00e9rentes tailles comme suit :<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Petit<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button small&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11063\" style=\"width: 104px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/56beb42a-129310.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Moyen<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Grandes dimensions<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button large&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11062\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/20818267-129311.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Coins arrondis<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe deux options diff\u00e9rentes pour arrondir les angles : l'arrondi standard et l'arrondi en forme de bouton de pilule. Vous pouvez contr\u00f4ler l'arrondi des coins comme suit :<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Standard<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bouton de pilule<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button rounded&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11061\" style=\"width: 121px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f6b0c2b3-129313.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Changer la couleur<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe 11 couleurs de boutons diff\u00e9rentes : blanc, gris, noir, bleu clair, bleu, vert, rouge, orange, jaune, rose et violet. Vous pouvez cr\u00e9er des boutons de diff\u00e9rentes couleurs comme suit :<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Blanc<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11064\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/ee89283d-129309.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Gris<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button grey&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11060\" style=\"width: 115px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/7c7a6385-129330.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Noir<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button black&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11059\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/40a2e0d5-129331.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bleu clair<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button light_blue&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11058\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/b8d5fe18-129332.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bleu<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button blue&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11057\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/d155460c-129333.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Vert<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11056\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f9d10abc-129334.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Rouge<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button red&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11055\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/f23463fb-129335.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Orange<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button orange&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11054\" style=\"width: 115px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/4fdadac3-129336.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Jaune<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button yellow&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11053\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/7d1e6c12-129337.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Rose<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button pink&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11052\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/1a63c67d-129338.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Pourpre<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button purple&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11051\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/45a120b8-129339.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Cr\u00e9er des variantes en combinant des attributs<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">En utilisant conjointement les attributs de taille, d'arrondi et de couleur, vous pouvez cr\u00e9er plus de 60 variations. Voici des exemples de variations pour un bouton vert :<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Petit bouton vert<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green small&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11050\" style=\"width: 102px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/5bd9249b-129320.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bouton vert moyen<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11049\" style=\"width: 113px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/89775193-129334-1.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Grand bouton vert<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green large&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11048\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/c1d031f0-129342.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Petit bouton de pilule verte<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green small rounded&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11047\" style=\"width: 102px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/1ca59f7a-129343.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Bouton de pilule vert moyen<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green rounded&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11046\" style=\"width: 121px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/3f2b1eb9-129324.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Grand bouton de pilule verte<\/strong> <br><code>&lt;a href=&quot;#&quot; class=&quot;mm-button green large rounded&quot;&gt;Exemple de bouton&lt;\/a&gt;<\/code><\/td><td><img decoding=\"async\" class=\"wp-image-11045\" style=\"width: 150px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/fb78e295-129325.png\" alt=\"\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Lorsque MemberMouse est activ\u00e9 sur votre site Web, vous avez acc\u00e8s \u00e0 plus de 60 styles de boutons Web 2.0. Vous pouvez facilement transformer n'importe quel lien en bouton en utilisant la classe \"mm-button\" comme...<\/p>","protected":false},"author":20918,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[226,160],"ht-kb-tag":[],"class_list":["post-7732","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customize-checkout","ht_kb_category-customize-mm"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Blair\"\/>\n\t<meta name=\"google-site-verification\" content=\"RIQFHn-t5QxsuMU4pLG9xaceb-mmGuRaOWAEU1Q078U\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberMouse |\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Using MemberMouse Button Styles | MemberMouse\" \/>\n\t\t<meta property=\"og:description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-08-12T14:33:24+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-01-17T15:30:01+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/membermouse\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@MemberMouse\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using MemberMouse Button Styles | MemberMouse\" \/>\n\t\t<meta name=\"twitter:description\" content=\"When MemberMouse is activated on your website you&#039;ll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the &#039;mm-button&#039; class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@MemberMouse\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/membermouse.com\\\/fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"name\":\"Checkout Settings\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"position\":2,\"name\":\"Checkout Settings\",\"item\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/checkout-settings\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"name\":\"Customize Checkout Page\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"position\":3,\"name\":\"Customize Checkout Page\",\"item\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/customize-checkout\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/#listItem\",\"name\":\"Using MemberMouse Button Styles\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/checkout-settings\\\/#listItem\",\"name\":\"Checkout Settings\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/#listItem\",\"position\":4,\"name\":\"Using MemberMouse Button Styles\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/article-categories\\\/customize-checkout\\\/#listItem\",\"name\":\"Customize Checkout Page\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/#organization\",\"name\":\"MemberMouse\",\"url\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/membermouse\",\"https:\\\/\\\/twitter.com\\\/MemberMouse\",\"https:\\\/\\\/www.instagram.com\\\/membermouse\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/membermouse\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/membermouse\\\/\",\"https:\\\/\\\/soundcloud.com\\\/membermouse\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/author\\\/blaircaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/author\\\/blaircaseproof-com\\\/\",\"name\":\"Blair\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/membermouse.com\\\/wp-content\\\/litespeed\\\/avatar\\\/5b6227a6ed29e339c22d01fe541a969c.jpg?ver=1784588305\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/#webpage\",\"url\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/\",\"name\":\"Using MemberMouse Button Styles | MemberMouse\",\"description\":\"When MemberMouse is activated on your website you'll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the 'mm-button' class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/docs\\\/mm-button-styles\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/author\\\/blaircaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/author\\\/blaircaseproof-com\\\/#author\"},\"datePublished\":\"2023-08-12T07:33:24-04:00\",\"dateModified\":\"2025-01-17T10:30:01-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/\",\"name\":\"MemberMouse\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/membermouse.com\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Using MemberMouse Button Styles | MemberMouse<\/title>\n\n","aioseo_head_json":{"title":"Utilisation des styles de boutons de MemberMouse | MemberMouse","description":"Lorsque MemberMouse est activ\u00e9 sur votre site Web, vous avez acc\u00e8s \u00e0 plus de 60 styles de boutons Web 2.0. Vous pouvez facilement transformer n'importe quel lien en bouton en utilisant la classe \"mm-button\" comme suit : Exemple de bouton Le r\u00e9sultat ressemblera \u00e0 ceci : Modifier la taille Il existe trois tailles de boutons diff\u00e9rentes : petite, moyenne et grande.","canonical_url":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"RIQFHn-t5QxsuMU4pLG9xaceb-mmGuRaOWAEU1Q078U","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr#listItem","position":1,"name":"Home","item":"https:\/\/membermouse.com\/fr","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/#listItem","name":"Checkout Settings"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/#listItem","position":2,"name":"Checkout Settings","item":"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/#listItem","name":"Customize Checkout Page"},"previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/#listItem","position":3,"name":"Customize Checkout Page","item":"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/","nextItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/#listItem","name":"Using MemberMouse Button Styles"},"previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/#listItem","name":"Checkout Settings"}},{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/#listItem","position":4,"name":"Using MemberMouse Button Styles","previousItem":{"@type":"ListItem","@id":"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/#listItem","name":"Customize Checkout Page"}}]},{"@type":"Organization","@id":"https:\/\/membermouse.com\/fr\/#organization","name":"MemberMouse","url":"https:\/\/membermouse.com\/fr\/","sameAs":["https:\/\/www.facebook.com\/membermouse","https:\/\/twitter.com\/MemberMouse","https:\/\/www.instagram.com\/membermouse\/","https:\/\/www.youtube.com\/user\/membermouse","https:\/\/www.linkedin.com\/company\/membermouse\/","https:\/\/soundcloud.com\/membermouse"]},{"@type":"Person","@id":"https:\/\/membermouse.com\/fr\/author\/blaircaseproof-com\/#author","url":"https:\/\/membermouse.com\/fr\/author\/blaircaseproof-com\/","name":"Blair","image":{"@type":"ImageObject","url":"https:\/\/membermouse.com\/wp-content\/litespeed\/avatar\/5b6227a6ed29e339c22d01fe541a969c.jpg?ver=1784588305"}},{"@type":"WebPage","@id":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/#webpage","url":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/","name":"Using MemberMouse Button Styles | MemberMouse","description":"When MemberMouse is activated on your website you'll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the 'mm-button' class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/membermouse.com\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/#breadcrumblist"},"author":{"@id":"https:\/\/membermouse.com\/fr\/author\/blaircaseproof-com\/#author"},"creator":{"@id":"https:\/\/membermouse.com\/fr\/author\/blaircaseproof-com\/#author"},"datePublished":"2023-08-12T07:33:24-04:00","dateModified":"2025-01-17T10:30:01-05:00"},{"@type":"WebSite","@id":"https:\/\/membermouse.com\/fr\/#website","url":"https:\/\/membermouse.com\/fr\/","name":"MemberMouse","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/membermouse.com\/fr\/#organization"}}]},"og:locale":"fr_FR","og:site_name":"MemberMouse |","og:type":"article","og:title":"Using MemberMouse Button Styles | MemberMouse","og:description":"When MemberMouse is activated on your website you'll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the 'mm-button' class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","og:url":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/","article:published_time":"2023-08-12T14:33:24+00:00","article:modified_time":"2025-01-17T15:30:01+00:00","article:publisher":"https:\/\/www.facebook.com\/membermouse","twitter:card":"summary_large_image","twitter:site":"@MemberMouse","twitter:title":"Using MemberMouse Button Styles | MemberMouse","twitter:description":"When MemberMouse is activated on your website you'll get access to over 60 web 2.0 button styles. You can easily transform any link into a button by using the 'mm-button' class as follows: Sample Button The result will look like this: Change the Size There are 3 different button sizes supported: small, medium and large.","twitter:creator":"@MemberMouse"},"aioseo_meta_data":{"post_id":"7732","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":"{\"title\":{\"suggestions\":[],\"usage\":0},\"description\":{\"suggestions\":[],\"usage\":0}}","created":"2023-10-11 18:17:49","updated":"2026-06-03 04:18:35","ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":"2026-06-02 23:50:57"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/fr\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/\" title=\"Checkout Settings\">Checkout Settings<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/\" title=\"Customize Checkout Page\">Customize Checkout Page<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tUsing MemberMouse Button Styles\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/membermouse.com\/fr"},{"label":"Checkout Settings","link":"https:\/\/membermouse.com\/fr\/article-categories\/checkout-settings\/"},{"label":"Customize Checkout Page","link":"https:\/\/membermouse.com\/fr\/article-categories\/customize-checkout\/"},{"label":"Using MemberMouse Button Styles","link":"https:\/\/membermouse.com\/fr\/docs\/mm-button-styles\/"}],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/20918"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=7732"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions"}],"predecessor-version":[{"id":20467,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/7732\/revisions\/20467"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=7732"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=7732"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=7732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}