{"id":5758,"date":"2017-09-17T19:00:13","date_gmt":"2017-09-17T19:00:13","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr-tutoriels\/?p=5758"},"modified":"2025-07-10T18:55:56","modified_gmt":"2025-07-10T18:55:56","slug":"do_shortcode-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/do_shortcode-wordpress","title":{"rendered":"Utiliser do_shortcode rapidement et efficacement sur WordPress"},"content":{"rendered":"<p>Les shortcodes de WordPress vous offrent des fonctionnalit&eacute;s suppl&eacute;mentaires et vous permettent d&rsquo;int&eacute;grer du contenu dans des pages, des messages et des barres lat&eacute;rales. De nombreux plugins et th&egrave;mes utilisent des shortcodes et permettent aux utilisateurs d&rsquo;ajouter dynamiquement du contenu &agrave; leurs blogs. Pour mieux illustrer comment fonctionnent les shortcodes, prenons le shortcode Contact Form 7 comme exemple :<\/p><pre class=\"wp-block-preformatted\">[contact-form-7 id=\"12\" title=\"hostinger-tutorials.com Contact Form\"]<\/pre><p>Comme vous pouvez le voir, c&rsquo;est plut&ocirc;t simple. Nous avons la macro Contact Form 7 dans les crochets. La macro est g&eacute;n&eacute;r&eacute;e par le plugin Contact Form 7. WordPress remplace la macro par un contenu g&eacute;n&eacute;r&eacute; par une fonction php. Si nous ajoutons ce shortcode &agrave; la publication, la page ou la barre lat&eacute;rale, WordPress montrera notre formulaire de contact.<\/p><p>Mais que faire si vous voulez utiliser les shortcodes de WordPress dans les fichiers de th&egrave;me ? Eh bien, vous pouvez le faire &agrave; l&rsquo;aide de la fonction WordPress <strong>do_shortcode<\/strong>.<\/p><p>Allons plus loin et voyons comment utiliser la fonction WordPress <strong>do_shortcode<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-FR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-ce-dont-vous-aurez-besoin\">Ce dont vous aurez besoin<\/h2><p>Avant de commencer ce tutoriel, vous aurez besoin de ce qui suit :<\/p><ul class=\"wp-block-list\">\n<li>Acc&egrave;s &agrave; votre espace administrateur WordPress<\/li>\n<\/ul><p>\n\n\n<div><p class=\"important\">Ce tutoriel montre comment modifier les fichiers de th&egrave;me WordPress. Ainsi, avant de commencer, nous recommandons <strong>fortement<\/strong> de proc&eacute;der &agrave; une <strong>sauvegarde compl&egrave;te de votre site WordPress<\/strong>, et d&rsquo;utiliser un <strong>th&egrave;me enfant WordPress<\/strong>.<\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-utilisation-de-wordpress-do-shortcode\">Utilisation de WordPress do_shortcode<\/h2><p>Maintenant que vous avez une id&eacute;e de base de ce que sont les shortcodes WordPress, avan&ccedil;ons et voyons comment vous pouvez les utiliser pour am&eacute;liorer la fonctionnalit&eacute; de votre site web.<\/p><p>Par exemple, supposons que vous souhaitez inclure un plugin WordPress Word 7 dans votre en-t&ecirc;te de th&egrave;me. Mais le probl&egrave;me, c&rsquo;est que vous n&rsquo;avez pas de widgets dans l&rsquo;en-t&ecirc;te.<\/p><p>Tout d&rsquo;abord, vous devez obtenir le shortcode du plugin que vous souhaitez utiliser. Par exemple, nous utiliserons le m&ecirc;me shortcode Contact Form 7 :<\/p><ol class=\"wp-block-list\">\n<li>Acc&eacute;dez au tableau de bord WordPress et cliquez sur <strong>Contact -&gt; Formulaires de contact<\/strong>.<\/li>\n\n\n\n<li>Vous trouverez le shortcode pour votre formulaire sur le c&ocirc;t&eacute; droit, pr&egrave;s du titre du formulaire :\n<pre class=\"lang:default decode:true \">[contact-form-7 id=\"12\" title=\"hostinger-tutorials.com Contact Form\"]<\/pre>\n<figure><img decoding=\"async\" class=\"aligncenter size-full wp-image-4781\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/06\/contact-form-shortcode.png\" alt=\"WordPress Contact Form 7 Shortcode\" width=\"704\" height=\"164\"><\/figure><p><\/p>\n<\/li>\n\n\n\n<li>Double-cliquez sur le shortcode et copiez-le.<\/li>\n<\/ol><p>&Eacute;tant donn&eacute; que notre th&egrave;me n&rsquo;a pas de widgets dans l&rsquo;en-t&ecirc;te et que nous ne pouvons pas simplement copier et coller le shortcode, nous devrons utiliser la fonction <strong>do_shortcode<\/strong> de WordPress. Cela ressemble &agrave; ceci :<\/p><pre class=\"wp-block-preformatted\">&lt;?php echo do_shortcode( '[votre shortcode va ici]' ); ?&gt;<\/pre><p>Maintenant, pour ajouter Contact Form 7 &agrave; notre en-t&ecirc;te, nous devrons modifier le fichier <strong>header.php<\/strong>. Comme mentionn&eacute; pr&eacute;c&eacute;demment, il est fortement recommand&eacute; de sauvegarder votre WordPress avant de modifier les fichiers principaux de WordPress, et d&rsquo;utiliser le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/theme-enfant-wordpress\">th&egrave;me enfant WordPress<\/a>.<br>Les &eacute;tapes suivantes montrent comment &eacute;diter les fichiers WordPress avec le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/gestionnaire-fichiers-hostinger\">gestionnaire de fichiers Hostinger<\/a>, mais le m&ecirc;me r&eacute;sultat peut &ecirc;tre obtenu &agrave; l&rsquo;aide d&rsquo;un <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/utiliser-filezilla\">client FTP<\/a> :<\/p><ol class=\"wp-block-list\">\n<li>Acc&eacute;dez au panneau de configuration Hostinger et cliquez sur le <strong>Gestionnaire de fichiers<\/strong>.<\/li>\n\n\n\n<li>Ensuite, recherchez le dossier d&rsquo;installation WordPress (g&eacute;n&eacute;ralement, c&rsquo;est <strong>public_html<\/strong>) et acc&eacute;dez au dossier <strong>wp-contents -&gt; themes<\/strong>.<\/li>\n\n\n\n<li>Trouvez le dossier de th&egrave;me qui est actuellement actif et ouvrez-le.<\/li>\n\n\n\n<li>Comme nous voulons ajouter un formulaire de contact dans l&rsquo;en-t&ecirc;te, ouvrez <strong>header.php<\/strong>.<\/li>\n\n\n\n<li>Faites d&eacute;filer la page et s&eacute;lectionnez l&rsquo;emplacement exact et la div o&ugrave; vous souhaitez ajouter le formulaire. Notre shortcode WordPress avec la fonction do_shortcode ressemblera &agrave; ceci :\n<pre class=\"lang:default decode:true \">&lt;?php echo do_shortcode(&ldquo;[contact-form-7 id=\"12\" title=\"hostinger-tutorials.com Contact Form\"]&rdquo;); ?&gt;<\/pre>\n<\/li>\n\n\n\n<li><strong>Enregistrez<\/strong> le fichier et v&eacute;rifiez l&rsquo;apparence de votre site.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2017\/06\/add-do_shortcode-header-php-1024x249.png\" alt=\"Add WordPress do_shortcode to header.php\" class=\"wp-image-4782\"><\/figure>\n<\/div><p>Remarque : dans la plupart des cas, l&rsquo;&eacute;dition des fichiers principaux du th&egrave;me va casser votre mod&egrave;le WordPress. Tr&egrave;s probablement, vous devrez modifier le CSS pour que WordPress ait une belle apparence. <\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Nous esp&eacute;rons que vous avez compris l&rsquo;utilit&eacute; des shortcodes, et leur capacit&eacute; &agrave; am&eacute;liorer l&rsquo;apparence et la fonctionnalit&eacute; de votre site. Nous esp&eacute;rons que le tutoriel ci-dessus a &eacute;t&eacute; facile &agrave; suivre, et que vous savez maintenant comment utiliser la fonction WordPress <strong>do_shortcode<\/strong>. Si toutefois vous avez des questions, posez-les dans la section commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les shortcodes de WordPress vous offrent des fonctionnalit&eacute;s suppl&eacute;mentaires et vous permettent d&rsquo;int&eacute;grer du contenu dans des pages, des messages et des barres lat&eacute;rales. De nombreux plugins et th&egrave;mes utilisent des shortcodes et permettent aux utilisateurs d&rsquo;ajouter dynamiquement du contenu &agrave; leurs blogs. Pour mieux illustrer comment fonctionnent les shortcodes, prenons le shortcode Contact Form [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/do_shortcode-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":261,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Utiliser la fonction do_shortcode efficacement sur WordPress","rank_math_description":"Vous voulez apprendre \u00e0 utiliser la fonction do_shortcode de Wordpress? Voici un tutoriel d\u00e9taill\u00e9 pour savoir comment faire !","rank_math_focus_keyword":"do_shortcode","footnotes":""},"categories":[4809],"tags":[5125,5124,5126,5127],"class_list":["post-5758","post","type-post","status-publish","format-standard","hentry","category-php","tag-do-shortcode","tag-do_shortcode","tag-wordpress-do_shortcode","tag-wordpress-shortcode"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/do_shortcode-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/do_shortcode-wordpress","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/usar-do_shortcode-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-usar-do-shortcode-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-do_shortcode","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-do_shortcode","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/5758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/261"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=5758"}],"version-history":[{"count":14,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/5758\/revisions"}],"predecessor-version":[{"id":41387,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/5758\/revisions\/41387"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=5758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=5758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=5758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}