{"id":67675,"date":"2021-10-30T23:15:40","date_gmt":"2021-10-30T23:15:40","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/"},"modified":"2021-10-30T23:15:40","modified_gmt":"2021-10-30T23:15:40","slug":"crochets-wordpress-guide-du-debutant","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/","title":{"rendered":"Crochets WordPress : Guide du d\u00e9butant"},"content":{"rendered":"<p>Essayez-vous d&#8217;apporter des modifications \u00e0 votre site Web WordPress ?  HTML et CSS ne peuvent aller plus loin.<\/p>\n<p>Si vous devez apporter des modifications au comportement de WordPress et que vous ne trouvez pas de th\u00e8me ou de plugin qui fait ce que vous voulez, les crochets WordPress peuvent \u00eatre la r\u00e9ponse que vous recherchez.<\/p>\n<p>Comprendre les hooks est une \u00e9tape essentielle pour apprendre \u00e0 modifier ou cr\u00e9er des plugins et des th\u00e8mes.  Mais si vous essayez de rechercher des r\u00e9ponses sur ce que sont exactement les crochets et comment ils fonctionnent, il y a de fortes chances que vous trouviez principalement des articles techniques \u00e9crits pour les d\u00e9veloppeurs.<\/p>\n<p>Et si vous \u00eates d\u00e9butant ou si vous ne savez pas coder et que vous voulez comprendre les hooks ?<\/p>\n<p>Cet article expliquera les crochets WordPress pour les d\u00e9butants et vous apprendra comment vous pouvez les utiliser pour modifier en toute confiance votre propre site WordPress.<\/p>\n<p>Presque tout dans WordPress fonctionne avec des crochets, donc une fois que vous avez compris ce concept, vous pouvez pratiquement tout modifier.<\/p>\n<h2 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Que_sont_les_crochets_WordPress\"><\/span>Que sont les crochets WordPress ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Imaginez votre site WordPress comme un collage g\u00e9ant de m\u00e9dias mixtes sur un mur.  M\u00e9lang\u00e9 \u00e0 des \u00e9claboussures de peinture, des cartes de v\u0153ux recycl\u00e9es et des coupures de magazines (leur th\u00e8me, leurs modules compl\u00e9mentaires et leur contenu) se trouvent quelques crochets.<\/p>\n<p>Ces crochets sont l\u00e0 pour que vous puissiez ajouter votre propre illustration au collage, en le personnalisant comme vous le souhaitez.<\/p>\n<p>Les hooks WordPress fonctionnent ainsi, vous permettant de \u00ab\u00a0accrocher\u00a0\u00bb votre propre code \u00e0 certains endroits.<\/p>\n<p>Vous pouvez \u00e9galement consid\u00e9rer les crochets comme des d\u00e9clencheurs.  Selon le hook sp\u00e9cifique que vous utilisez, votre code se d\u00e9clenchera dans certaines zones.<\/p>\n<p>Voici comment le codex WordPress d\u00e9crit les hooks :<\/p>\n<p>\u00ab\u00a0WordPress fournit les crochets pour permettre \u00e0 votre plugin de \u00ab\u00a0s&#8217;accrocher\u00a0\u00bb au reste de WordPress\u00a0;  c&#8217;est-\u00e0-dire d&#8217;appeler des fonctions dans votre plugin \u00e0 des moments pr\u00e9cis et ainsi mettre votre plugin en mouvement.&#8221;<\/p>\n<p>Il existe deux types de crochets : <strong>comportement<\/strong> et <strong>filtres<\/strong>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Une_metaphore_du_crochet_daction_WordPress\"><\/span>Une m\u00e9taphore du crochet d&#8217;action WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les crochets d&#8217;action d\u00e9finissent des fonctions personnalis\u00e9es \u00e0 d\u00e9clencher sur des \u00e9v\u00e9nements WordPress sp\u00e9cifiques.<\/p>\n<p>Disons que vous attendez qu&#8217;un colis important arrive chez vous samedi, mais que vous avez des courses \u00e0 faire et que vous \u00eates impatient de signer chez vous.  Alors vous allez voir votre voisine, Sara, et lui demandez de signer votre colis \u00e0 son arriv\u00e9e.<\/p>\n<p>Si votre requ\u00eate \u00e9tait un hook WordPress, cela ressemblerait \u00e0 ceci :<\/p>\n<pre class=\"wp-block-preformatted\">function sign_for_package( $sara_is_home ) {\n\nif ( $sara_is_home ) {\n\necho 'I\u2019ll sign for that package!';\n\n}\n\n}\n\nadd_action( 'when_package_arrives' , 'sign_for_package', 10 , 1 );<\/pre>\n<p>Dans l&#8217;exemple ci-dessus, le code attend l&#8217;arriv\u00e9e du colis puis envoie Sara le signer (si elle est \u00e0 la maison !).<\/p>\n<p>Quels sont les nombres 10 et 1 ?<\/p>\n<p>Le premier chiffre d\u00e9finit la priorit\u00e9 de la fonction : faut-il le faire avant ou apr\u00e8s d&#8217;autres fonctions ?  La valeur par d\u00e9faut est 10, nous allons donc en rester l\u00e0.  La plupart du temps, cela ne fera aucune diff\u00e9rence.<\/p>\n<p>Le deuxi\u00e8me nombre est le nombre d&#8217;arguments ou de variables dans la fonction.  Nous n&#8217;utilisons que la variable $ sara_is_home, elle est donc d\u00e9finie sur 1.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Une_metaphore_pour_le_crochet_de_filtre_WordPress\"><\/span>Une m\u00e9taphore pour le crochet de filtre WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les liaisons de filtre sont des fonctions qui modifient ou filtrent les donn\u00e9es, juste avant d&#8217;agir sur ces donn\u00e9es.<\/p>\n<p>Disons que Sara accepte de signer votre colis, si vous acceptez de calmer votre chien la prochaine fois qu&#8217;il se mettra \u00e0 aboyer trop fort.<\/p>\n<p>Nous pouvons cr\u00e9er un crochet de filtre pour votre demande :<\/p>\n<pre class=\"wp-block-preformatted\">function quiet_down($dog) {\n\n$dog = str_replace ( \"bark\" , \"silence\" , $dog );\n\nreturn $dog;\n\n}\n\nadd_filter( dog_barking' , 'quiet_down');<\/pre>\n<p>Avec ce filtre, le d\u00e9clencheur est l&#8217;aboiement du chien.  Lorsque cela se produit, chaque aboiement est remplac\u00e9 par le silence.<\/p>\n<p>Ceci est un filtre, pas une action, car nous modifions quelque chose qui existe d\u00e9j\u00e0 (aboyer dans le silence), plut\u00f4t que d&#8217;ajouter quelque chose de nouveau.<\/p>\n<h2 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Un_exemple_utile_et_concret\"><\/span>Un exemple utile et concret<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00ab\u00a0Donc\u00a0\u00bb, pensez-vous peut-\u00eatre, \u00ab\u00a0j&#8217;aimerais vraiment pouvoir emp\u00eacher les chiens de mon voisin d&#8217;aboyer avec un filtre WordPress, mais je ne peux pas.  Quelles sont les utilisations pratiques des actions et des filtres\u00a0?  &#8220;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Ajoutez_du_contenu_apres_chaque_publication_meme_sur_RSS\"><\/span>Ajoutez du contenu apr\u00e8s chaque publication, m\u00eame sur RSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Supposons que vous souhaitiez ajouter automatiquement du contenu apr\u00e8s chaque publication.<\/p>\n<p>Vous pouvez le faire en modifiant votre fichier mod\u00e8le single.php ou en utilisant une zone de widget post-publication.  Mais avec aucune de ces m\u00e9thodes, votre nouveau contenu n&#8217;appara\u00eetra pas dans votre flux RSS.<\/p>\n<p>Pour modifier le contenu \u00e0 afficher dans votre flux RSS, vous pouvez utiliser un filtre\u00a0:<\/p>\n<pre class=\"wp-block-preformatted\">function after_post_content($content) {\n\nif(!is_feed() && !is_home()) {\n\n$content.= '<h4><span class=\"ez-toc-section\" id=\"Like_this_post\"><\/span>Like this post?<span class=\"ez-toc-section-end\"><\/span><\/h4>';\n\n$content.= '<p><a href=\"http:\/\/example.com\/subscribe\" rel=\"nofollow noopener\" target=\"_blank\">Subscribe to our newsletter<\/a>!<\/p>';\n\n}\n\nreturn $content;\n\n}\n\nadd_filter ('the_content', 'after_post_content');<\/pre>\n<p>Il s&#8217;agit d&#8217;un filtre, pas d&#8217;une action, car vous modifiez le contenu de votre message, sans ajouter une toute nouvelle fonction.<\/p>\n<p>Des hooks WordPress peuvent \u00eatre ajout\u00e9s \u00e0 la fin de votre fichier functions.php dans votre r\u00e9pertoire de th\u00e8me actuel.  Vous pouvez \u00e9galement les utiliser pour cr\u00e9er vos propres plugins.  Assurez-vous de sauvegarder votre site avant d&#8217;apporter des modifications.<\/p>\n<h2 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Quelques_choses_a_garder_a_lesprit\"><\/span>Quelques choses \u00e0 garder \u00e0 l&#8217;esprit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Passez_en_revue_les_normes_de_codage_PHP_pour_WordPress\"><\/span>Passez en revue les normes de codage PHP pour WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Avant de commencer \u00e0 cr\u00e9er vos propres actions et filtres, jetez un \u0153il aux normes de codage PHP pour WordPress.<\/p>\n<p>WordPress est un projet collaboratif, et ses fonctions interagiront non seulement avec le noyau WordPress mais \u00e9galement avec d&#8217;autres th\u00e8mes et plugins.  Aidez tout le monde \u00e0 s&#8217;entendre et \u00e0 bien jouer ensemble si nous utilisons tous le code de mani\u00e8re coh\u00e9rente.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Utiliser_un_nom_unique_pour_les_fonctions\"><\/span>Utiliser un nom unique pour les fonctions<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Lors de la cr\u00e9ation de vos propres fonctions de liaison, veillez \u00e0 utiliser un nom unique.  Si vous utilisez un nom de fonction d\u00e9j\u00e0 utilis\u00e9 quelque part sur votre site, tout votre site pourrait s&#8217;arr\u00eater.<\/p>\n<p>La pratique standard pour cela est d&#8217;utiliser un pr\u00e9fixe qui correspond au nom de votre th\u00e8me ou plugin.  Par exemple, si vous cr\u00e9ez un plugin appel\u00e9 Awesome WordPress Plugin, vous pouvez pr\u00e9fixer toutes ses fonctions avec awp_.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Utilisez_beaucoup_de_commentaires\"><\/span>Utilisez beaucoup de commentaires<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les commentaires sont utiles non seulement aux autres personnes qui consultent votre code, mais aussi \u00e0 vous.  Vous devrez peut-\u00eatre revenir en arri\u00e8re et modifier votre code des mois ou des ann\u00e9es plus tard, et oublier exactement ce que vous avez fait.  Les commentaires facilitent \u00e9galement la lecture et la compr\u00e9hension rapide du code.  Pour vous \u00e9pargner du temps et des maux de t\u00eate, utilisez des commentaires pour expliquer ce qui se passe avec votre code, m\u00eame si cela vous semble d\u00e9sormais \u00e9vident.<\/p>\n<h2 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"conclusion\"><\/span>conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>WordPress est facile \u00e0 modifier avec les bons th\u00e8mes ou plugins, mais parfois vous souhaitez effectuer un changement unique pour lequel vous ne trouvez pas de th\u00e8me ou de plugin.  En apprenant comment fonctionnent les hooks WordPress, vous comprendrez mieux WordPress dans son ensemble.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 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\/crochets-wordpress-guide-du-debutant\/#Que_sont_les_crochets_WordPress\" >Que sont les crochets WordPress ?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Une_metaphore_du_crochet_daction_WordPress\" >Une m\u00e9taphore du crochet d&#8217;action WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Une_metaphore_pour_le_crochet_de_filtre_WordPress\" >Une m\u00e9taphore pour le crochet de filtre WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Un_exemple_utile_et_concret\" >Un exemple utile et concret<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Ajoutez_du_contenu_apres_chaque_publication_meme_sur_RSS\" >Ajoutez du contenu apr\u00e8s chaque publication, m\u00eame sur RSS<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Like_this_post\" >Like this post?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Quelques_choses_a_garder_a_lesprit\" >Quelques choses \u00e0 garder \u00e0 l&#8217;esprit<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Passez_en_revue_les_normes_de_codage_PHP_pour_WordPress\" >Passez en revue les normes de codage PHP pour WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Utiliser_un_nom_unique_pour_les_fonctions\" >Utiliser un nom unique pour les fonctions<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#Utilisez_beaucoup_de_commentaires\" >Utilisez beaucoup de commentaires<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blogging-techies.com\/fr\/crochets-wordpress-guide-du-debutant\/#conclusion\" >conclusion<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Essayez-vous d&#8217;apporter des modifications \u00e0 votre site Web WordPress ? HTML et CSS ne peuvent aller plus loin. Si vous devez apporter des modifications au comportement de WordPress et que vous ne trouvez pas de th\u00e8me ou de plugin qui fait ce que vous voulez, les crochets WordPress peuvent \u00eatre la r\u00e9ponse que vous recherchez. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":67676,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-67675","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/67675","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=67675"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/67675\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/67676"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=67675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=67675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=67675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}