{"id":231702,"date":"2021-11-27T13:51:00","date_gmt":"2021-11-27T10:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231702"},"modified":"2022-05-16T10:40:18","modified_gmt":"2022-05-16T07:40:18","slug":"comment-ajouter-un-bouton-a-nimporte-quel-article-ou-page","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-bouton-a-nimporte-quel-article-ou-page\/","title":{"rendered":"Comment ajouter un bouton \u00e0 n&rsquo;importe quel article ou page"},"content":{"rendered":"<p>Sur lequel pr\u00e9f\u00e9reriez-vous cliquer, le lien simple ou le bouton\u00a0?<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cliquez sur moi<\/a> \u00a0\u00a0<a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cliquez sur moi<\/a><\/p>\n<p>Ils vous emm\u00e8nent tous les deux au m\u00eame endroit, mais le bouton est plus joli et plus cliquable. Remplacer les liens simples par des boutons peut g\u00e9n\u00e9rer plus de clics et am\u00e9liorer l&rsquo;apparence de votre page.<\/p>\n<p>Dans cet article, vous apprendrez comment ajouter des boutons de n&rsquo;importe quelle couleur et style imaginables \u00e0 n&rsquo;importe quel article ou page de votre site WordPress.<\/p>\n<h2>Mise \u00e0 jour\u00a0: essayez Elementor<\/h2>\n<p>Il existe un autre excellent moyen d&rsquo;ajouter des boutons \u00e0 WordPress !<\/p>\n<p>Le plugin gratuit <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> est une solution compl\u00e8te de cr\u00e9ation de pages par glisser-d\u00e9poser, mais il peut \u00e9galement g\u00e9rer des t\u00e2ches simples comme l&rsquo;ajout de boutons \u00e0 vos publications facilement.<\/p>\n<p>Voici comment\u2026<\/p>\n<h3>Modifier avec Elementor<\/h3>\n<p>Une fois le plugin Elementor install\u00e9, vous trouverez un nouveau bouton Modifier avec Elementor ajout\u00e9 \u00e0 tous vos articles et pages.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Cliquez sur ce bouton et vous serez redirig\u00e9 vers l&rsquo;\u00e9diteur Elementor qui ressemble beaucoup au personnalisateur natif trouv\u00e9 dans WordPress.<\/p>\n<p>Dans la partie gauche se trouve le panneau de contr\u00f4le o\u00f9 vous pouvez trouver tous les \u00e9l\u00e9ments disponibles. L&rsquo;\u00e9l\u00e9ment bouton est facilement disponible dans la section \u00c9l\u00e9ments de base.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Cliquez et faites glisser l&rsquo;\u00e9l\u00e9ment de bouton n&rsquo;importe o\u00f9 dans la publication et vous le verrez automatiquement ajout\u00e9 \u00e0 votre publication. Une fois ajout\u00e9, vous verrez la mise \u00e0 jour du panneau de gauche avec les param\u00e8tres pour modifier le bouton.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Le bouton est vert par d\u00e9faut, mais cela peut \u00eatre modifi\u00e9 facilement.<\/p>\n<p>Comme vous pouvez le voir, il est facile de modifier le texte et l&rsquo;URL du bouton, ainsi que d&rsquo;autres options telles que l&rsquo;alignement du texte et la possibilit\u00e9 d&rsquo;ajouter une ic\u00f4ne.<\/p>\n<p>Il y a une tonne d&rsquo;autres options disponibles dans les onglets Style et Avanc\u00e9 du panneau des param\u00e8tres.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Comme vous pouvez le voir, vous pouvez cr\u00e9er n&rsquo;importe quel type de bouton que vous pouvez imaginer en utilisant <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a>.<\/p>\n<p>Ce plugin peut \u00eatre un peu exag\u00e9r\u00e9 pour simplement inclure un bouton dans un message, mais je pense que vous pourriez \u00eatre enthousiasm\u00e9 par toutes les autres possibilit\u00e9s qui viennent avec ce plugin.<\/p>\n<p>Si vous souhaitez en savoir plus sur l&rsquo;utilisation d&rsquo;Elementor sur votre site, consultez notre <a href=\"https:\/\/themewp.inform.click\/fr\/comment-utiliser-le-plugin-elementor-page-builder\/\" title=\"guide complet de cr\u00e9ation de page Elementor\">guide complet de cr\u00e9ation de page Elementor<\/a>.<\/p>\n<h3>Ajouter des boutons dans le contenu de la publication<\/h3>\n<p>\u00c9tant donn\u00e9 qu&rsquo;Elementor est un <a href=\"https:\/\/themewp.inform.click\/fr\/les-5-meilleurs-plugins-de-creation-de-pages-2021\/\" title=\"constructeur de pages\">constructeur de pages<\/a> et poss\u00e8de son propre syst\u00e8me d&rsquo;\u00e9l\u00e9ments, vous remarquerez tout de suite que vous ne pouvez pas ajouter de boutons dans le contenu de la publication, uniquement avant ou apr\u00e8s.<\/p>\n<p>La solution de contournement simple consiste \u00e0 copier et coller une partie de la publication dans un \u00e9l\u00e9ment de l&rsquo;\u00e9diteur de texte, puis vous pouvez inclure n&rsquo;importe quel \u00e9l\u00e9ment Elementor avant\/apr\u00e8s, comme un bouton.<\/p>\n<p>Voici maintenant la m\u00e9thode originale recommand\u00e9e dans cet article pour ajouter des boutons \u00e0 vos articles et pages.<\/p>\n<h2>Comment utiliser Shortcodes Ultimate<\/h2>\n<p>Le moyen le plus simple d&rsquo;ajouter des boutons \u00e9l\u00e9gants \u00e0 vos publications et pages est d&rsquo; <a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">utiliser le<\/a> plugin <a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Shortcodes Ultimate<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85d1bc61.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\" \/><\/a><\/p>\n<p>Ce plugin est incroyable.<\/p>\n<p>Vous trouverez des tonnes d&rsquo;autres utilisations pour Shortcodes Ultimate, mais plus important encore, cela rend la cr\u00e9ation de boutons sans effort. Voici une capture d&rsquo;\u00e9cran du plugin avec quelques exemples des diff\u00e9rents styles de boutons.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Vous pouvez m\u00e9langer et assortir les couleurs, les tailles, les styles d&rsquo;arri\u00e8re-plan &#8211; n&rsquo;importe quelle propri\u00e9t\u00e9 qu&rsquo;un bouton peut avoir.<\/p>\n<p>Vous ne savez pas comment utiliser les shortcodes\u00a0? Jetez un \u0153il \u00e0 ce <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-du-contenu-dynamique-avec-des-codes-courts\/\" title=\"tutoriel sur les shortcodes\">tutoriel sur les shortcodes<\/a>.<\/p>\n<p>Vous avez probablement h\u00e2te de commencer maintenant, alors voici pas \u00e0 pas comment vous pouvez utiliser ce plugin de bouton sur votre site.<\/p>\n<h3>Installer et activer<\/h3>\n<p>Recherchez \u00abShortcodes Ultimate\u00bb dans votre menu Plugins et installez-le comme n&rsquo;importe quel autre plugin WordPress.<\/p>\n<p>L&rsquo;activation du plugin ajoutera un nouveau menu de niveau sup\u00e9rieur \u00e0 votre tableau de bord.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<h3>Utilisez le bouton d&rsquo;insertion de shortcode<\/h3>\n<p>Shortcodes Ultimate ajoute \u00e9galement un nouveau bouton Ins\u00e9rer un shortcode \u00e0 l&rsquo;\u00e9diteur.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Cliquer sur ce bouton r\u00e9v\u00e9lera la vaste gamme de types de contenu disponibles dans Shortcodes Ultimate, y compris l&rsquo;option de bouton dont nous avons besoin.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 le shortcode du bouton, vous serez directement dirig\u00e9 vers l&rsquo;\u00e9cran de configuration du bouton.<\/p>\n<p>Shortcodes Ultimate propose \u00e9galement <a href=\"https:\/\/gndev.info\/shortcodes-ultimate\/add-ons-bundle\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">des modules compl\u00e9mentaires premium<\/a> qui ajoutent encore plus de types et de styles de shortcode.<\/p>\n<h3>Configurer le bouton<\/h3>\n<p>Il existe une quantit\u00e9 \u00e9norme de param\u00e8tres que vous pouvez utiliser pour personnaliser chaque bouton que vous cr\u00e9ez, notamment\u00a0:<\/p>\n<ul>\n<li>Couleur de l&rsquo;arri\u00e8re plan<\/li>\n<li>Texte du bouton<\/li>\n<li>Couleur du texte<\/li>\n<li>Lien bouton<\/li>\n<li>Ic\u00f4nes<\/li>\n<\/ul>\n<p>J&rsquo;ai pris une capture d&rsquo;\u00e9cran de toute la section de style, mais elle est trop volumineuse pour \u00eatre incluse dans le message. Vous pouvez <a href=\"https:\/\/mlqmtwka8c9g.i.optimole.com\/gOh5_1g.Ga1T~1cfa5\/w:auto\/h:auto\/q:75\/https:\/\/www.competethemes.com\/wp-content\/uploads\/2017\/03\/button-style-settings.png\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cliquer ici pour afficher<\/a> la page compl\u00e8te des param\u00e8tres de style.<\/p>\n<h3>Examinez et ins\u00e9rez le bouton<\/h3>\n<p>Lorsque vous modifiez le style, vous pouvez utiliser le bouton Aper\u00e7u en direct en bas pour avoir un aper\u00e7u rapide de l&rsquo;apparence de votre bouton.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Lorsque vous avez termin\u00e9, vous pouvez enregistrer votre bouton en tant que pr\u00e9r\u00e9glage afin de pouvoir r\u00e9utiliser le m\u00eame style ailleurs sur votre site.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Enfin, appuyez sur le bouton Ins\u00e9rer un code court et un code court sera ajout\u00e9 pour le bouton.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" alt=\"Comment ajouter un bouton \u00e0 n&#039;importe quel article ou page\"><\/a><\/p>\n<p>Bien que vous ne voyiez qu&rsquo;un shortcode dans l&rsquo;\u00e9diteur, il sera rendu sous la forme d&rsquo;un bouton exactement de la m\u00eame mani\u00e8re que vous l&rsquo;avez pr\u00e9visualis\u00e9 lorsque vous visitez la publication.<\/p>\n<h2>Ajouter des boutons \u00e0 WordPress<\/h2>\n<p>Vous n&rsquo;avez pas besoin d&rsquo;\u00eatre un ma\u00eetre CSS pour commencer \u00e0 ajouter des boutons attrayants \u00e0 votre site Web WordPress.<\/p>\n<p>Shortcodes Ultimate rend la cr\u00e9ation de boutons simple et incroyablement flexible. Et vous lui trouverez probablement une douzaine d&rsquo;autres utilisations une fois que vous l&rsquo;aurez install\u00e9 sur votre site.<\/p>\n<p>Vous avez des questions sur l&rsquo;ajout de boutons \u00e0 vos articles et pages\u00a0? Laissez un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter des boutons \u00e0 vos publications et pages WordPress. Cr\u00e9ez des boutons avec n&rsquo;importe quel texte et n&rsquo;importe quel style avec l&rsquo;utilisation d&rsquo;un plugin incroyable.<\/p>\n","protected":false},"author":1,"featured_media":257500,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-231702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/231702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=231702"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/231702\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257500"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=231702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=231702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=231702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}