{"id":23316,"date":"2021-04-27T13:16:00","date_gmt":"2021-04-27T10:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23316"},"modified":"2021-10-18T02:25:32","modified_gmt":"2021-10-17T23:25:32","slug":"un-guide-sur-la-facon-d-ameliorer-les-normes-de-codage-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/un-guide-sur-la-facon-d-ameliorer-les-normes-de-codage-wordpress\/","title":{"rendered":"Un guide sur la fa\u00e7on d&rsquo;am\u00e9liorer les normes de codage WordPress"},"content":{"rendered":"<p>Si vous \u00eates un d\u00e9veloppeur, vous cherchez certainement \u00e0 am\u00e9liorer vos normes de codage. Chaque langage de programmation et leur CMS\/Frameworks ont mis en place leurs propres normes de codage. Dans cet article, nous \u00e9tudions comment am\u00e9liorer les normes de codage WordPress.<\/p>\n<p>Nous avons \u00e9crit un article sur l&rsquo; <a href=\"https:\/\/themewp.inform.click\/fr\/php_codesniffer-une-bibliotheque-pour-ameliorer-vos-normes-de-codage-php\/\" title=\"am\u00e9lioration des normes de codage PHP\">am\u00e9lioration des normes de codage PHP<\/a>. Vous devez d&rsquo;abord consulter cet article avant de proc\u00e9der aux normes de codage pour le d\u00e9veloppement WordPress.<\/p>\n<h3>Erreurs que nous faisons lors de la programmation WordPress<\/h3>\n<p>Chaque travail de d\u00e9veloppement a des solutions diff\u00e9rentes. Il est probable que chaque d\u00e9veloppeur impl\u00e9mente une mani\u00e8re\/une logique diff\u00e9rente pour donner le m\u00eame r\u00e9sultat. C&rsquo;est naturel dans le monde de la programmation.<\/p>\n<p>Par exemple, disons que nous avons ajout\u00e9 du nonce dans notre formulaire d&rsquo;inscription pour \u00e9viter les attaques CSRF.<\/p>\n<pre><code>&lt;form method=\"post\"&gt;\n&lt;?php wp_nonce_field( 'signup_nonce', 'signup_form_nonce' ); ?&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>Lors de la soumission d&rsquo;un formulaire, nous devons v\u00e9rifier si le nonce est correct ou non. Normalement, un d\u00e9veloppeur qui ne conna\u00eet pas les normes de codage le fait de la mani\u00e8re suivante.<\/p>\n<pre><code>&lt;?php\nif (! isset( $_POST['signup_form_nonce']) ||! wp_verify_nonce( $_POST['signup_form_nonce'], 'signup_nonce')) {\n\u00a0\n\u00a0\u00a0\u00a0print 'Sorry, your nonce did not verify.';\n\u00a0\u00a0\u00a0exit;\n\u00a0\n} else {\n\u00a0\n\u00a0\u00a0\u00a0\/\/ process form data\n}\n?&gt;<\/code><\/pre>\n<p>Il n&rsquo;y a rien de mal dans le code ci-dessus. Mais, ce n&rsquo;est pas une bonne pratique. Lors de la r\u00e9cup\u00e9ration des valeurs de champ de texte, nous devons utiliser <code>sanitize_text_field()<\/code>et des <code>wp_unslash()<\/code>fonctions sur les valeurs de champ d&rsquo;entr\u00e9e.<\/p>\n<p><a href=\"https:\/\/codex.wordpress.org\/Validating_Sanitizing_and_Escaping_User_Data\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">La<\/a> m\u00e9thode <a href=\"https:\/\/codex.wordpress.org\/Validating_Sanitizing_and_Escaping_User_Data\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sanitize_text_field<\/a> effectue le processus suivant en arri\u00e8re-plan.<\/p>\n<ul>\n<li>V\u00e9rifie l&rsquo;UTF-8 non valide<\/li>\n<li>Convertit les caract\u00e8res &lt; simples en entit\u00e9<\/li>\n<li>Supprime toutes les balises<\/li>\n<li>Supprimez les sauts de ligne, les tabulations et les espaces blancs suppl\u00e9mentaires<\/li>\n<li>Supprimer les octets<\/li>\n<\/ul>\n<p><a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_unslash\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">La<\/a> m\u00e9thode <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_unslash\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_unsplash<\/a> supprime les barres obliques d&rsquo;une cha\u00eene ou d&rsquo;un tableau de cha\u00eenes.<\/p>\n<p>Cela dit, notre code pr\u00e9c\u00e9dent devrait aimer ci-dessous.<\/p>\n<pre><code>&lt;?php\nif (! isset( $_POST['signup_form_nonce']) ||! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['signup_form_nonce']) ), 'signup_nonce')) {\n\u00a0\n\u00a0\u00a0\u00a0print 'Sorry, your nonce did not verify.';\n\u00a0\u00a0\u00a0exit;\n\u00a0\n} else {\n\u00a0\n\u00a0\u00a0\u00a0\/\/ process form data\n}\n?&gt;<\/code><\/pre>\n<p>Ceci est un exemple. Il y a plusieurs autres erreurs que nous faisons dans notre programmation WordPress.<\/p>\n<h3>Installer la biblioth\u00e8que de normes de codage WordPress<\/h3>\n<p><a href=\"https:\/\/github.com\/WordPress-Coding-Standards\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cette biblioth\u00e8que<\/a> nous aidera \u00e0 am\u00e9liorer nos normes de codage dans le d\u00e9veloppement WordPress et \u00e0 nous \u00e9tablir comme un meilleur d\u00e9veloppeur WordPress.<\/p>\n<p>Pour installer cette biblioth\u00e8que, ouvrez votre invite de commande dans le r\u00e9pertoire racine d&rsquo;un projet et ex\u00e9cutez la commande ci-dessous.<\/p>\n<p><code>composer create-project wp-coding-standards\/wpcs --no-dev<\/code><\/p>\n<p><strong>Remarque :<\/strong> vous devez avoir install\u00e9 <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">composer<\/a> sur votre syst\u00e8me pour ex\u00e9cuter la commande ci-dessus.<\/p>\n<p>Apr\u00e8s avoir ex\u00e9cut\u00e9 la commande, il cr\u00e9era un dossier appel\u00e9 &lsquo;wpcs&rsquo; dans votre r\u00e9pertoire racine d&rsquo;un projet.<\/p>\n<p>Nous supposons que vous avez lu notre article sur l&rsquo; <a href=\"https:\/\/themewp.inform.click\/fr\/php_codesniffer-une-bibliotheque-pour-ameliorer-vos-normes-de-codage-php\/\" title=\"am\u00e9lioration des normes de codage PHP\">am\u00e9lioration des normes de codage PHP<\/a> et que vous avez install\u00e9 la biblioth\u00e8que PHP_CodeSniffer dans le dossier &lsquo;php_codesniffer&rsquo; du r\u00e9pertoire racine du projet.<\/p>\n<p>Ensuite, nous devons enregistrer les normes WordPress dans la configuration PHP_CodeSniffer. Ouvrez l&rsquo;invite de commande sous &lsquo;php_codesniffer\/vendor\/bin&rsquo; et ex\u00e9cutez la commande ci-dessous.<\/p>\n<p><code>phpcs --config-set installed_paths \/path\/to\/wpcs<\/code><\/p>\n<p>Remplacez &lsquo;\/path\/to\/wpcs&rsquo; par votre chemin. Dans notre cas, sur la plate-forme Windows, nous \u00e9crivons la commande comme suit.<\/p>\n<p><code>phpcs --config-set installed_paths D:wampwwwwp1wpcs<\/code><\/p>\n<h3>D\u00e9couvrons nos erreurs et am\u00e9liorons les normes de codage WordPress<\/h3>\n<p>Nous avons mis avec notre biblioth\u00e8que. Maintenant, il est temps de trouver nos erreurs et de les \u00e9viter la prochaine fois.<\/p>\n<p>Disons que nous avons cr\u00e9\u00e9 un plugin &lsquo;test-plugin&rsquo; et que nous devons valider un fichier nomm\u00e9 &lsquo;core.php&rsquo;.<\/p>\n<p>Ouvrez l&rsquo;invite de commande sous le r\u00e9pertoire &lsquo;wpcs\/vendor\/bin&rsquo; et ex\u00e9cutez la commande ci-dessous.<\/p>\n<p><code>phpcs --standard=WordPress D:wampwwwwp1wp-contentpluginstest-plugincore.php<\/code><\/p>\n<p>Apr\u00e8s avoir ex\u00e9cut\u00e9 la commande, vous serez invit\u00e9 avec les erreurs et les avertissements. Toutes ces erreurs et avertissements s&rsquo;affichent parce que nous n&rsquo;avons pas suivi les pratiques de codage standard pour le d\u00e9veloppement WordPress.<\/p>\n<p>Une bonne partie est que nous obtenons le rapport d\u00e9taill\u00e9 sur les num\u00e9ros de ligne et comment corriger cette erreur sp\u00e9cifique. Nous avons juste besoin d&rsquo;examiner les lignes directrices et de corriger les erreurs une par une.<\/p>\n<p><code>phpcbf<\/code> La commande peut \u00e9galement corriger certaines erreurs mineures comme l&rsquo;indentation, les espaces, etc.<\/p>\n<p><code>phpcbf --standard=WordPress D:wampwwwwp1wp-contentpluginstest-plugincore.php<\/code><\/p>\n<p>Nous esp\u00e9rons que vous comprendrez comment utiliser la biblioth\u00e8que de normes de codage WordPress pour am\u00e9liorer les normes de codage WordPress. Si vous avez des questions ou des suggestions, veuillez laisser un commentaire ci-dessous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous voulez am\u00e9liorer vos normes de codage WordPress ? Dans cet article, nous vous montrons comment d\u00e9couvrir les erreurs de normes de codage dans notre programmation WordPress et<\/p>\n","protected":false},"author":1,"featured_media":21633,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[412,608],"tags":[844],"class_list":["post-23316","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divers","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23316","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=23316"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23316\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21633"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}