{"id":232095,"date":"2021-12-11T14:31:00","date_gmt":"2021-12-11T11:31:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=232095"},"modified":"2021-12-04T11:03:08","modified_gmt":"2021-12-04T08:03:08","slug":"comment-ajouter-du-contenu-dynamique-avec-des-codes-courts","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-du-contenu-dynamique-avec-des-codes-courts\/","title":{"rendered":"Comment ajouter du contenu dynamique avec des codes courts"},"content":{"rendered":"<p>Voici le probl\u00e8me\u00a0:<\/p>\n<p>Vous souhaitez inclure un formulaire, un curseur ou un autre \u00e9l\u00e9ment dynamique dans l&rsquo;un de vos articles ou pages. Comment faites-vous?<\/p>\n<p>Heureusement, les d\u00e9veloppeurs WordPress ont cr\u00e9\u00e9 une solution simple appel\u00e9e shortcodes.<\/p>\n<h2>Que sont les shortcodes ?<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ticI--IjCt8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous aux th\u00e8mes de comp\u00e9tition sur Youtube<\/a><\/p>\n<p>Les shortcodes sont des codes simples que vous pouvez ajouter dans l&rsquo;\u00e9diteur de publication pour inclure le contenu dynamique d&rsquo;un plugin.<\/p>\n<p>Par exemple, le plugin <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MetaSlider<\/a> vous permet de cr\u00e9er et de personnaliser des curseurs d&rsquo;image dans votre tableau de bord WordPress. Une fois que vous avez termin\u00e9 de cr\u00e9er votre curseur, vous pouvez le sortir sur votre site \u00e0 l&rsquo;aide du widget ou d&rsquo;un shortcode.<\/p>\n<p><strong>Presque tous les plugins qui cr\u00e9ent du contenu vous donneront \u00e0 la fois un widget et un shortcode \u00e0 utiliser.<\/strong><\/p>\n<p>Voici un exemple de ce \u00e0 quoi ressemble un shortcode fourni par le plugin MetaSlider\u00a0:<\/p>\n<p>[metaslider id=&quot;267\u2033]<\/p>\n<p>Les shortcodes sont toujours plac\u00e9s entre parenth\u00e8ses et commencent par un nom attribu\u00e9 par le plugin. Dans ce cas, ce nom est &quot;m\u00e9taslider&quot;. Ensuite, il y a une s\u00e9rie de param\u00e8tres. Le shortcode ci-dessus a un param\u00e8tre appel\u00e9 &quot;id&quot; qui est \u00e9gal \u00e0 267.<\/p>\n<h2>Comment utiliser les shortcodes<\/h2>\n<p>L&rsquo;utilisation de shortcodes est tr\u00e8s simple.<\/p>\n<p>Quel que soit le plugin que vous utilisez, le shortcode vous sera fourni quelque part dans l&rsquo;interface du plugin. Par exemple, WPForms r\u00e9pertorie le shortcode pour afficher chaque formulaire dans le menu Tous les formulaires.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b8881b872.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-219847-6171b8881b872.png\" alt=\"Comment ajouter du contenu dynamique avec des codes courts\" ><\/a><\/p>\n<p>Les shortcodes peuvent simplement \u00eatre copi\u00e9s et coll\u00e9s dans l&rsquo;\u00e9diteur de publication. Par exemple, voici \u00e0 quoi ressemble notre page de contact dans le tableau de bord WP :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b889de853.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-219847-6171b889de853.png\" alt=\"Comment ajouter du contenu dynamique avec des codes courts\" ><\/a><\/p>\n<p>Voir comment le shortcode est visible ?<\/p>\n<p>Le formulaire lui-m\u00eame ne s&rsquo;affichera pas dans l&rsquo;\u00e9diteur. Cependant, si vous visitez la page de contact de notre site, vous verrez le formulaire s&rsquo;afficher \u00e0 la place du shortcode trouv\u00e9 dans l&rsquo;\u00e9diteur.<\/p>\n<p>Si vous modifiez un brouillon plut\u00f4t qu&rsquo;une page\/un article publi\u00e9, vous devrez enregistrer le brouillon avant que le shortcode ne s&rsquo;ex\u00e9cute dans l&rsquo;aper\u00e7u.<\/p>\n<p>Des tonnes de plugins utilisent des shortcodes, vous \u00eates donc s\u00fbr de les rencontrer \u00e0 un moment donn\u00e9 si vous ne l&rsquo;avez pas d\u00e9j\u00e0 fait.<\/p>\n<h2>Conclusion<\/h2>\n<p>Bien que les codes courts ne soient pas parfaitement intuitifs en raison de leur capacit\u00e9 limit\u00e9e \u00e0 pr\u00e9visualiser le contenu dans l&rsquo;\u00e9diteur, ils fonctionnent bien pour ajouter des \u00e9l\u00e9ments dynamiques \u00e0 l&rsquo;int\u00e9rieur des articles et des pages.<\/p>\n<p>Une fois que vous savez qu&rsquo;il vous suffit de les copier-coller dans l&rsquo;\u00e9diteur, ils deviennent tr\u00e8s faciles \u00e0 utiliser. Certains plugins ont m\u00eame des param\u00e8tres suppl\u00e9mentaires pour leurs shortcodes que vous pouvez utiliser pour personnaliser la sortie.<\/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 utiliser les shortcodes pour afficher toutes sortes de contenu dynamique \u00e0 partir de plugins sur n&rsquo;importe quel article ou page de votre site.<\/p>\n","protected":false},"author":1,"featured_media":257956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-232095","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\/232095","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=232095"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/232095\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257956"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=232095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=232095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=232095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}