{"id":10778,"date":"2020-05-16T08:35:21","date_gmt":"2020-05-16T08:35:21","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-afficher-des-champs-personnalises-en-dehors-de-la-boucle-dans-wordpress\/"},"modified":"2020-05-16T08:35:21","modified_gmt":"2020-05-16T08:35:21","slug":"comment-afficher-des-champs-personnalises-en-dehors-de-la-boucle-dans-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-afficher-des-champs-personnalises-en-dehors-de-la-boucle-dans-wordpress\/","title":{"rendered":"Comment afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress"},"content":{"rendered":"<p>Vous souhaitez afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress? Normalement, les champs personnalis\u00e9s sont affich\u00e9s dans la boucle WordPress avec d&#8217;autres contenus et m\u00e9tadonn\u00e9es. Dans cet article, nous vous montrerons comment afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Comment afficher des champs personnalis\u00e9s en dehors de la boucle WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/cfoutsideloop.png\" alt=\"Comment afficher des champs personnalis\u00e9s en dehors de la boucle WordPress\" width=\"550\" height=\"340\" class=\"alignnone size-full wp-image-45174\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Que_sont_les_champs_personnalises_dans_WordPress\"><\/span>Que sont les champs personnalis\u00e9s dans WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Les champs personnalis\u00e9s vous permettent d&#8217;ajouter des m\u00e9tadonn\u00e9es suppl\u00e9mentaires \u00e0 vos publications WordPress, puis de les afficher avec le contenu de votre publication. <\/p>\n<p>Vous pouvez ajouter des champs personnalis\u00e9s simplement en activant la m\u00e9taboxe des champs personnalis\u00e9s dans les options d&#8217;affichage. Vous pouvez \u00e9galement cr\u00e9er des m\u00e9taboxes personnalis\u00e9es dans WordPress pour donner \u00e0 vos champs personnalis\u00e9s une meilleure interface utilisateur. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajouter un champ personnalis\u00e9 \u00e0 une publication ou une page WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/addingcustomfield-1.png\" alt=\"Ajouter un champ personnalis\u00e9 \u00e0 une publication ou une page WordPress\" width=\"550\" height=\"227\" class=\"alignnone size-full wp-image-45172\"><\/p>\n<p>Pour plus de d\u00e9tails, consultez notre guide du d\u00e9butant sur l&#8217;utilisation des champs personnalis\u00e9s WordPress. <\/p>\n<p>\u00c9tant donn\u00e9 que les champs personnalis\u00e9s ajoutent des m\u00e9tadonn\u00e9es aux publications, elles peuvent \u00eatre facilement affich\u00e9es dans la boucle WordPress avec d&#8217;autres contenus de publication. Cependant, vous souhaiterez parfois les afficher en dehors de la boucle. Par exemple, dans un widget de la barre lat\u00e9rale. C&#8217;est quand \u00e7a devient un peu compliqu\u00e9. <\/p>\n<p>Cela dit, regardons comment afficher facilement des champs personnalis\u00e9s en dehors de la boucle dans WordPress. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Afficher_les_donnees_de_champ_personnalisees_en_dehors_de_la_boucle_dans_WordPress\"><\/span>Afficher les donn\u00e9es de champ personnalis\u00e9es en dehors de la boucle dans WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Au lieu d&#8217;afficher des m\u00e9tadonn\u00e9es de champ personnalis\u00e9es en dehors de la boucle, nous vous montrerons en fait comment utiliser plusieurs boucles dans vos th\u00e8mes WordPress sans affecter la boucle principale. <\/p>\n<p>Cet article vous oblige \u00e0 ajouter du code \u00e0 vos fichiers de th\u00e8me WordPress. Si vous ne l&#8217;avez pas encore fait, vous pouvez consulter notre guide sur la fa\u00e7on de copier et coller du code dans WordPress. <\/p>\n<p>Vous devrez ajouter le code suivant \u00e0 vos fichiers de th\u00e8me dans lesquels vous souhaitez afficher les donn\u00e9es de champ personnalis\u00e9 dans WordPress. <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">post->ID;\r\necho get_post_meta($postid, 'Your-Custom-Field', true);\r\nwp_reset_query();\r\n?>\r\n<\/pre>\n<p>Ce code charge simplement la variable globale $ wp_query pour obtenir l&#8217;ID de publication. Apr\u00e8s cela, il utilise la fonction get_post_meta () pour obtenir et g\u00e9n\u00e9rer vos donn\u00e9es de champ personnalis\u00e9es.  <\/p>\n<p>N&#8217;oubliez pas de modifier votre champ personnalis\u00e9 par votre champ personnalis\u00e9 r\u00e9el. <\/p>\n<p>Vous pouvez personnaliser le code en fonction de vos besoins. Vous pouvez \u00e9galement utiliser d&#8217;autres arguments de requ\u00eate pour rechercher et afficher des donn\u00e9es de champ personnalis\u00e9es pour diff\u00e9rentes publications et pages. <\/p>\n<p>Jetons un coup d&#8217;\u0153il \u00e0 un autre exemple. Cela utilise la classe WP_Query, qui est un moyen bien meilleur et plus flexible d&#8217;utiliser plusieurs boucles dans vos fichiers de th\u00e8me WordPress. <\/p>\n<p>Ajoutez simplement ce code \u00e0 votre th\u00e8me ou th\u00e8me enfant o\u00f9 vous souhaitez afficher le champ personnalis\u00e9. <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">$args = array ( \r\n\/\/ Post or Page ID\r\n'p' => 231,\r\n);\r\n\r\n\/\/ The Query\r\n$the_query = new WP_Query( $args );\r\n\r\n\/\/ The Loop\r\nif ( $the_query->have_posts() ) {\r\n\r\n\twhile ( $the_query->have_posts() ) {\r\n\t\t$the_query->the_post();\r\n\t\techo get_post_meta( get_the_ID(), 'Mood', true);\r\n\t\t}\r\n\r\n\t\r\n\t\/* Restore original Post Data *\/\r\n\twp_reset_postdata();\r\n\r\n} else {\r\n\r\necho 'Nothing found';\r\n\t\r\n}\r\n<\/pre>\n<p>N&#8217;oubliez pas de remplacer Mood par votre propre nom de champ personnalis\u00e9 et votre ID de publication par votre propre ID de publication ou de page. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Champ personnalis\u00e9 dans le widget de la barre lat\u00e9rale WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/cfsidebarwidget.png\" alt=\"Champ personnalis\u00e9 dans le widget de la barre lat\u00e9rale WordPress\" width=\"550\" height=\"250\" class=\"alignnone size-full wp-image-45170\"><\/p>\n<p>C&#8217;est tout pour le moment. <\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress. Vous pouvez \u00e9galement consulter notre aide-m\u00e9moire sur le th\u00e8me WordPress pour les d\u00e9butants. <\/p>\n<p>Si vous avez aim\u00e9 cet article, abonnez-vous \u00e0 notre cha\u00eene YouTube pour regarder des vid\u00e9os de didacticiel WordPress. Vous pouvez \u00e9galement nous trouver sur Twitter et Facebook.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-afficher-des-champs-personnalises-en-dehors-de-la-boucle-dans-wordpress\/#Que_sont_les_champs_personnalises_dans_WordPress\" >Que sont les champs personnalis\u00e9s dans WordPress?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-afficher-des-champs-personnalises-en-dehors-de-la-boucle-dans-wordpress\/#Afficher_les_donnees_de_champ_personnalisees_en_dehors_de_la_boucle_dans_WordPress\" >Afficher les donn\u00e9es de champ personnalis\u00e9es en dehors de la boucle dans WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Vous souhaitez afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress? Normalement, les champs personnalis\u00e9s sont affich\u00e9s dans la boucle WordPress avec d&#8217;autres contenus et m\u00e9tadonn\u00e9es. Dans cet article, nous vous montrerons comment afficher des champs personnalis\u00e9s en dehors de la boucle dans WordPress. Que sont les champs personnalis\u00e9s dans WordPress? Les champs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10779,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-10778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/10778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=10778"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/10778\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/10779"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=10778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=10778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=10778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}