{"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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"announcement-block announcement-block--important\">\n            <span class=\"announcement-block__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                          d=\"M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM13.637 7.65198C13.637 6.74791 12.9041 6.01501 12 6.01501C11.0959 6.01501 10.363 6.74791 10.363 7.65198C10.5335 9.53749 10.875 13.383 10.875 13.383C10.875 14.0043 11.3787 14.508 12 14.508C12.6213 14.508 13.125 14.0043 13.125 13.383V13.38L13.637 7.65198ZM11.9927 15.714C11.3714 15.714 10.8677 16.2177 10.8677 16.839C10.8677 17.4603 11.3714 17.964 11.9927 17.964H12.0073C12.6286 17.964 13.1323 17.4603 13.1323 16.839C13.1323 16.2177 12.6286 15.714 12.0073 15.714H11.9927Z\"\n                          fill=\"#FEA419\"\/>\n                <\/svg>\n                Important\n            <\/span>\n            <p class=\"announcement-block__content\">\n                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>.\n            <\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">&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 class=\"wp-block-paragraph\">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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2017\/06\/add-do_shortcode-header-php.png\/public\" alt=\"Add WordPress do_shortcode to header.php\" class=\"wp-image-4782\"><\/figure>\n<\/div><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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":1},{"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-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-do_shortcode\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-do_shortcode\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-do_shortcode\/","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},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/usar-do_shortcode-wordpress\/","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":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-usar-do-shortcode-wordpress\/","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}]}}