{"id":76899,"date":"2024-05-02T07:51:54","date_gmt":"2024-05-02T06:51:54","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=76899&#038;preview=true&#038;preview_id=76899"},"modified":"2024-05-03T12:13:05","modified_gmt":"2024-05-03T11:13:05","slug":"normes-codage-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/","title":{"rendered":"Une introduction aux normes de codage de WordPress"},"content":{"rendered":"<p>Les normes de codage dans le <a href=\"https:\/\/kinsta.com\/wordpress\">d\u00e9veloppement de WordPress<\/a> sont essentielles pour une base de code robuste et durable. Elles servent de lignes directrices et de conventions auxquelles les d\u00e9veloppeurs adh\u00e8rent lorsqu&rsquo;ils \u00e9crivent du code, ce qui permet d&rsquo;am\u00e9liorer la collaboration, de rationaliser la maintenance et d&rsquo;assurer la fiabilit\u00e9 g\u00e9n\u00e9rale.<\/p>\n<p>En outre, les normes de codage permettent de se pr\u00e9munir contre les pi\u00e8ges et les erreurs courantes, am\u00e9liorant ainsi la qualit\u00e9 du code. Dans le d\u00e9veloppement de WordPress, o\u00f9 plusieurs contributeurs collaborent souvent sur un m\u00eame projet, les normes de codage sont \u00e0 la base d&rsquo;un travail d&rsquo;\u00e9quipe efficace. Elles facilitent la communication, att\u00e9nuent les conflits potentiels et contribuent \u00e0 un processus de d\u00e9veloppement plus efficace.<\/p>\n<p>Le respect des normes de codage favorise la coh\u00e9rence entre les projets, ce qui vous permet de passer plus facilement d&rsquo;une base de code \u00e0 l&rsquo;autre. Cette coh\u00e9rence s&rsquo;\u00e9tend \u00e0 la lisibilit\u00e9 et \u00e0 la maintenabilit\u00e9 du code et favorise une compr\u00e9hension commune entre les membres de l&rsquo;\u00e9quipe.<\/p>\n<p>Les normes de codage officielles de WordPress couvrent cinq domaines cl\u00e9s pour un processus de d\u00e9veloppement coh\u00e9rent et efficace :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/php\/\">PHP<\/a> pour assurer la coh\u00e9rence du code c\u00f4t\u00e9 serveur<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">HTML<\/a> pour promouvoir un balisage structur\u00e9 et s\u00e9mantique<\/li>\n<li><a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> pour une fonctionnalit\u00e9 efficace c\u00f4t\u00e9 client<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-pratiques-css\/\">CSS<\/a> pour maintenir une approche stylistique coh\u00e9rente<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-accessible\/\">Accessibilit\u00e9<\/a> pour garantir que le produit final est inclusif et convivial pour les personnes ayant des besoins divers<\/li>\n<\/ul>\n<p>Dans cet article, nous explorons ces normes de codage pour vous aider \u00e0 construire des sites web conformes et peut-\u00eatre \u00e0 contribuer \u00e0 la communaut\u00e9 de d\u00e9veloppement de WordPress.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Les normes PHP dans le d\u00e9veloppement de WordPress<\/h2>\n<p>Les <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\" target=\"_blank\" rel=\"noopener noreferrer\">normes de codage PHP<\/a> sp\u00e9cifiques \u00e0 WordPress assurent la coh\u00e9rence et la lisibilit\u00e9 du code WordPress. Elles sont obligatoires pour le noyau de WordPress et fortement recommand\u00e9es pour les th\u00e8mes et les extensions. Ces normes couvrent diff\u00e9rents aspects, notamment les conventions de d\u00e9nomination, l&rsquo;indentation et la structure du code, afin d&rsquo;am\u00e9liorer la lisibilit\u00e9 et de faciliter la collaboration.<\/p>\n<p>Les normes PHP de WordPress couvrent les cat\u00e9gories suivantes :<\/p>\n<ul>\n<li><strong>G\u00e9n\u00e9ral<\/strong> &#8211; Ces standards incluent le placement des balises PHP d&rsquo;ouverture et de fermeture sur une ligne lorsque vous int\u00e9grez un extrait de PHP de plusieurs lignes dans un bloc HTML, l&rsquo;\u00e9vitement des balises PHP abr\u00e9g\u00e9es lors de l&rsquo;utilisation de guillemets simples et doubles, et les directives pour l&rsquo;\u00e9criture des d\u00e9clarations <code>include<\/code> et <code>require<\/code>:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Opening and closing PHP tags within HTML:\n\/\/ Put open\/close tags on their own lines.\n\n## DO\nfunction foo() {\n  ?&gt;\n  &lt;div&gt;\n    &lt;?php\n    echo esc_html (\n      bar (\n        $param1,\n        $param2\n      )\n    );\n    ?&gt;\n  &lt;\/div&gt;\n  &lt;?php\n}\n\n## DON'T\nif ( $x === $y ) { ?&gt;\n  &lt;div&gt;\n    <!-- HTML content -->\n  &lt;?php }<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Avoid shorthand PHP tags\n\n## DO\n&lt;?php ... ?&gt;\n&lt;?php esc_html( $x ); ?&gt;\n\n## DON'T\n&lt;? ... ?&gt;\n&lt;? esc_html( $x ); ?&gt;\n<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Writing include\/require statements:\n\/\/ Avoid include_once as it continues execution \n\/\/ even if the file is not found. \n\/\/ Do not use brackets around the file path.\n\n## DO\nrequire_once ABSPATH . 'file-name.php'\n\n## DON'T\nrequire_once  __DIR__ . '\/file-name.php'\ninclude_once  ( ABSPATH . 'file-name.php' );<\/code><\/pre>\n<ul>\n<li><strong>D\u00e9nomination<\/strong> &#8211; Les normes de d\u00e9nomination comprennent les conventions de d\u00e9nomination et l&rsquo;interpolation pour la d\u00e9nomination des crochets dynamiques :<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Use lowercase letters for function and variable names.\nfunction my_function( $some_variable ) {}\n\n\/\/ Use uppercase letters for constant names.\ndefine('MAX_AGE', 60);\n\n## DON'T\n\/\/ Use camelCase.\nfunction myFunction( $someVariable ) {}<\/code><\/pre>\n<ul>\n<li><strong>Espace blanc<\/strong> &#8211; Les normes relatives \u00e0 l&rsquo;espace blanc d\u00e9finissent des lignes directrices pour l&rsquo;utilisation de l&rsquo;espace, l&rsquo;indentation et la suppression des espaces de fin. (Si vous voulez lancer un d\u00e9bat enthousiaste parmi les d\u00e9veloppeurs, demandez-leur simplement s&rsquo;ils pr\u00e9f\u00e8rent les tabulations ou les espaces pour l&rsquo;indentation du code. Quelle que soit votre pr\u00e9f\u00e9rence, la recommandation officielle pour les d\u00e9veloppeurs WordPress est la tabulation &#8211; et cela vaut pour JavaScript et CSS, en plus de PHP. Gardez donc cela \u00e0 l&rsquo;esprit lorsque vous travaillez sur des projets collaboratifs)<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Put spaces after commas.\n$colors = ['red', 'green', 'blue']\n\n\/\/ Put spaces on both sides of the opening and \n\/\/ closing brackets of control structures. \nforeach( $foo as $bar ) { ...\n\n\/\/ Defining a function:\nfunction my_function() { ...\n\n\/\/ Logical comparisons:\nif ( ! $foo ) { ...\n\n\/\/ Accessing array items:\n$a = $foo['bar']\n$a = $foo[ $bar ]\n\n## DON'T\n$colors = ['red','green','blue']\nforeach($foo as $bar){ ...\nfunction my_function(){ ...\nif (!$foo) { ...\n$a = $foo[ \u2018bar\u2019 ]\n$a = $foo[$bar]<\/code><\/pre>\n<ul>\n<li><strong>Formatage<\/strong> &#8211; Les normes de formatage pour le d\u00e9veloppement WordPress PHP incluent les styles d&rsquo;accolades, les d\u00e9clarations de tableaux, les directives pour les appels de fonctions sur plusieurs lignes, les d\u00e9clarations de types, les constantes magiques et l&rsquo;op\u00e9rateur de propagation :<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ DO\n\/\/ Use the following brace style.\nif ( condition ) {\n    action();\n} elseif ( condition2 ) {\n    action2();\n} else {\n    default_action();\n}\n\n\/\/ Declare arrays using the long syntax.\n$numbers_long = array(1, 2, 3, 4, 5);\n\/* In multi-line function calls, each parameter should only take up one line.\nMulti-line parameter values should be assigned a variable, and the variable passed to the function call. *\/\n$data = array(\n    'user_name' =&gt; 'John Doe',\n    'email'     =&gt; 'john@example.com',\n    'address'   =&gt; '123 Main Street, Cityville',\n);\n$greeting_message = sprintf(\n    \/* translation function. %s maps to User's name *\/\n    __( 'Hello, %s!', 'yourtextdomain' ),\n    $data['user_name']\n);\n$result = some_function (\n    $data,\n    $greeting_message,\n    \/* translation function %s maps to city name*\/\n    sprintf( __( 'User resides in %s.' ), 'Cityville' )\n);\n\n\/\/ Magic constants should be uppercase.\n\/\/ The ::class constant should be lowercase with no spaces around the scope resolution operator (::).\nadd_action( my_action, array( __CLASS__, my_method ) );\nadd_action( my_action, array( My_Class::class, my_method ) );\n\n\/* Add a space or new line with appropriate\n   indentation before a spread operator.\n\n   There should be:\n\n   * No space between the spread operator and the \n     variable\/function it applies to.\n\n   * No space between the spread and the reference \n     operators when combined.\n*\/\n\n\/\/DO\nfunction some_func( &...$arg1 ) {\n    bar( ...$arg2 );\n    bar(\n        array( ...$arg3 ),\n        ...array_values( $array_vals )\n    );\n}\n\n\/\/DONT\nfunction some_func( &   ...  $arg1 ) {\n    bar(...\n        $arg2 );\n    bar(\n        array( ...$arg3 ),...array_values( $array_vals )\n    );\n}<\/code><\/pre>\n<ul>\n<li><strong>D\u00e9clarations, espace de noms et d\u00e9clarations d&rsquo;importation<\/strong> &#8211; Ces normes de codage couvrent les d\u00e9clarations d&rsquo;espace de noms et les d\u00e9clarations <code>use<\/code>:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Each namespace declaration should contain \n\/\/ capitalized words separated by underscores.\nnamespace My_CompanyProjectKinsta_ProjectUtilities;\n\n\/\/ Import use statements can use aliases \n\/\/ to prevent name collisions.\nuse Project_NameFeatureClass_C as Aliased_Class_C;<\/code><\/pre>\n<ul>\n<li><strong>Programmation orient\u00e9e objet (POO)<\/strong> &#8211; Ces normes comprennent l&rsquo;utilisation d&rsquo;une seule structure d&rsquo;objet par fichier, la fourniture de lignes directrices pour l&rsquo;utilisation des d\u00e9clarations trait <code>use<\/code>, la garantie que la visibilit\u00e9 est toujours d\u00e9clar\u00e9e, la d\u00e9finition de l&rsquo;ordre de la visibilit\u00e9 et du modificateur, et la pr\u00e9sentation des r\u00e8gles d&rsquo;instanciation des objets :<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Trait use statements should be at the top of a class.\n\/\/ Trait use should have at least one line before and after\n\/\/ the first and last statements.\n\/\/ Always declare visibility.\nclass Foo {\n    use Bar_Trait;\n    public $baz = true;\n    ...\n}\n\n\/\/ Always use parentheses when instantiating a new \n\/\/ object instance.\n\/\/ Don't add space between a class name and the opening bracket.\n$foo = new Foo();<\/code><\/pre>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Structures de contr\u00f4le<\/strong> &#8211; Les structures de contr\u00f4le comprennent l&rsquo;utilisation de <code>elseif<\/code>, et non de <code>else if<\/code>, ainsi que des lignes directrices pour les conditions Yoda : Lorsque vous m\u00e9langez des variables avec des constantes, des litt\u00e9raux ou des appels de fonction dans des comparaisons logiques, placez la variable \u00e0 droite pour \u00e9viter une affectation accidentelle, comme indiqu\u00e9 ci-dessous :<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ A \"legal\" comparison:\nif ( true === $result ) {\n    \/\/ Do something with $result\n}\n\n\/\/ But a typo like this could get past you:\nif ( $result = true ) {\n    \/\/ We will always end up here\n}<\/code><\/pre>\n<ul>\n<li><strong>Op\u00e9rateurs<\/strong> &#8211; Ces normes couvrent les op\u00e9rateurs ternaires, l&rsquo;op\u00e9rateur de contr\u00f4le d&rsquo;erreur (<code>@<\/code>) et les op\u00e9rateurs d&rsquo;incr\u00e9mentation\/d\u00e9cr\u00e9mentation :<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Always have ternary operators \n\/\/ test if the statement is true, not false.\n$programming_language = ( 'PHP' === $language ) ? 'cool' : 'meh'; \n\n\/\/ Favor pre-increment\/decrement over post-increment\/decrement\n\/\/ for stand-alone statements.\n\n\/\/ DO\n--$a;\n\n\/\/ DON'T\n$a--;<\/code><\/pre>\n<ul>\n<li><strong>Base de donn\u00e9es<\/strong> &#8211; Les normes de codage des bases de donn\u00e9es fournissent des instructions pour l&rsquo;ex\u00e9cution de requ\u00eates dans les bases de donn\u00e9es et le formatage des instructions SQL.<\/li>\n<li><strong>Recommandations suppl\u00e9mentaires<\/strong> &#8211; Les recommandations suppl\u00e9mentaires comprennent des normes telles que l&rsquo;utilisation de valeurs d&rsquo;indicateur explicites pour les arguments de fonction, le code intelligent, les fermetures (fonctions anonymes), les expressions r\u00e9guli\u00e8res, les commandes shell et les instructions pour \u00e9viter <code>extract()<\/code>.<\/li>\n<\/ul>\n<h3>Normes de documentation en ligne de WordPress pour le code PHP<\/h3>\n<p>En plus des directives ci-dessus, WordPress fournit des <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/php\/\" target=\"_blank\" rel=\"noopener noreferrer\">normes de documentation en ligne<\/a> pour le code PHP. WordPress utilise un sch\u00e9ma de documentation personnalis\u00e9 qui s&rsquo;inspire de la syntaxe PHPDoc, un standard \u00e9volutif pour fournir de la documentation au code PHP maintenu par <a href=\"http:\/\/phpdoc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">phpDocumentor<\/a>. Ces standards simplifient la g\u00e9n\u00e9ration de documentation externe et contribuent \u00e0 la communaut\u00e9 des d\u00e9veloppeurs WordPress en favorisant une compr\u00e9hension commune des structures de la base de code.<\/p>\n<p>La documentation PHP dans WordPress apparait principalement sous forme de blocs format\u00e9s ou de commentaires en ligne. Documentez les \u00e9l\u00e9ments suivants dans les fichiers WordPress :<\/p>\n<ul>\n<li>Fonctions et m\u00e9thodes de classe<\/li>\n<li>Les classes<\/li>\n<li>Les membres de la classe, y compris les propri\u00e9t\u00e9s et les constantes<\/li>\n<li>Exigences et inclusions<\/li>\n<li>Crochets (actions et filtres)<\/li>\n<li>Commentaires en ligne<\/li>\n<li>En-t\u00eates de fichiers<\/li>\n<li>Constantes<\/li>\n<\/ul>\n<h2>Normes HTML et CSS dans WordPress<\/h2>\n<p>Les th\u00e8mes et les extensions WordPress respectent des <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/html\/\" target=\"_blank\" rel=\"noopener noreferrer\">normes de codage HTML<\/a> strictes afin de garantir la coh\u00e9rence, l&rsquo;accessibilit\u00e9 et la facilit\u00e9 de maintenance. Les lignes directrices mettent l&rsquo;accent sur le balisage s\u00e9mantique, encourageant les d\u00e9veloppeurs \u00e0 utiliser les \u00e9l\u00e9ments HTML dans le but pour lequel ils ont \u00e9t\u00e9 con\u00e7us. Cette pratique am\u00e9liore la structure du contenu et les performances de l&rsquo;optimisation pour les moteurs de recherche (SEO). En outre, vous \u00eates encourag\u00e9 \u00e0 valider votre HTML pour garantir la compatibilit\u00e9 entre les navigateurs.<\/p>\n<p>Les normes du code HTML fournissent des lignes directrices pour :<\/p>\n<ul>\n<li><strong>Validation &#8211; <\/strong>Vous devez valider toutes vos pages HTML \u00e0 l&rsquo;aide du <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">validateur du W3C<\/a> pour vous assurer que votre balisage est bien form\u00e9.<\/li>\n<li><strong>\u00c9l\u00e9ments auto-fermants<\/strong> &#8211; La barre oblique des \u00e9l\u00e9ments auto-fermants doit \u00eatre pr\u00e9c\u00e9d\u00e9e d&rsquo;un espace.<\/li>\n<\/ul>\n<pre><code class=\"language-html\">&lt;!-- DO --&gt;\n&lt;br \/&gt;\n\n&lt;!-- DON'T \u2013&gt;\n&lt;br\/&gt;<\/code><\/pre>\n<ul>\n<li><strong>Attributs et balises<\/strong> &#8211; Tous les attributs et balises doivent \u00eatre en minuscules. En outre, les valeurs des attributs ne doivent \u00eatre en minuscules que lorsqu&rsquo;elles sont destin\u00e9es \u00e0 \u00eatre interpr\u00e9t\u00e9es par une machine. Si vous \u00e9crivez pour des humains, utilisez des titres en majuscules.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;a href=\"http:\/\/example.com\/\" title=\"Link Description\"&gt;Descriptive text&lt;\/a&gt;\n&lt;meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\" \/&gt;\n\n&lt;!-- DON'T --&gt;\n&lt;a HREF=\"http:\/\/example.com\/\" TITLE=\"link description\"&gt;Click here&lt;\/a&gt;<\/code><\/pre>\n<ul>\n<li><strong>Guillemets<\/strong> &#8211; Tous les attributs doivent avoir une valeur et utiliser des guillemets simples ou doubles. L&rsquo;absence de guillemets peut entrainer des failles de s\u00e9curit\u00e9.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;input type=\"text\" name=\"email\" disabled=\"disabled\" \/&gt;\n&lt;input type='text' name='email' disabled='disabled' \/&gt;\n\n&lt;!-- DON'T --&gt;\n&lt;input type=text name=email disabled&gt;<\/code><\/pre>\n<ul>\n<li><strong>Indentation<\/strong> &#8211; L&rsquo;indentation HTML doit toujours refl\u00e9ter la structure logique. Lorsque vous m\u00e9langez PHP et HTML, indentez les blocs PHP pour qu&rsquo;ils correspondent au code HTML environnant.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n    &lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n    &lt;div class=\"article-content\"&gt;\n        &lt;p&gt;No results were found.&lt;\/p&gt;\n        &lt;?php get_error_msg(); ?&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n&lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n&lt;div class=\"article-content\"&gt;\n&lt;p&gt;No results were found.&lt;\/p&gt;\n&lt;?php get_error_msg(); ?&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n<p>En plus de ces normes HTML, les <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">normes CSS de WordPress<\/a> vous aident \u00e0 cr\u00e9er des feuilles de style propres, modulaires et r\u00e9actives. Elles \u00e9tablissent une base de collaboration et de r\u00e9vision, depuis le code principal jusqu&rsquo;aux th\u00e8mes et aux extensions. Ces directives permettent de s&rsquo;assurer que votre code est lisible, coh\u00e9rent et significatif.<\/p>\n<p>Les normes de code CSS de WordPress mettent l&rsquo;accent sur l&rsquo;utilisation de classes sp\u00e9cifiques pour cibler les \u00e9l\u00e9ments, favorisant ainsi une structure coh\u00e9rente et organis\u00e9e. Plus pr\u00e9cis\u00e9ment, elles d\u00e9finissent des normes pour :<\/p>\n<ul>\n<li><strong>La structure :<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nEach selector should be on its own line ending with \na comma or curly brace. The closing brace should occupy \nthe same indentation level as the opening selector. *\/\n#selector-1,\n#selector-2 {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Les s\u00e9lecteurs<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nUse lowercase and separate words using hyphens.\nUse double quotes around values for attribute selectors.\nAvoid overqualified selectors, such as div.container. *\/\n#contact-form {\n    property: value;\n}\ninput[type=\"text\"] {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Les propri\u00e9t\u00e9s<\/strong> (pr\u00e9fixes d&rsquo;ordre et de fournisseur) :<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Append properties with a colon and a space. \nProperties should be lowercase \u2014 except font names \nsnd vendor-specific properties \u2014 and use shorthand. *\/\n#selector {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Les valeurs <\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Add a space before the value and a semicolon after.\nUse double quotes.\n0 values should not have units.\nUse a leading zero for decimal values.\nDelineate multiple comma-separated values for \na single property with a space or new line. *\/\n#contact-form {\n    font-family: \"Helvetica Neue\", sans-serif;\n    opacity: 0.9;\n    box-shadow:\n        0 0 0 1px #5b9dd9,\n        0 0 2px 1px rgba(20, 120, 170, 0.9);\n}<\/code><\/pre>\n<ul>\n<li><strong>Les requ\u00eates de m\u00e9dias <\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Rules set for media queries should be indented one level in.\nKeep media queries grouped by media at the bottom of the stylesheet. *\/\n@media all and (max-width: 1024px) and (min-width: 780px) {\n    $selector {\n        property: value;\n    }        \n}<\/code><\/pre>\n<ul>\n<li><strong>Les commentaires <\/strong>:<\/li>\n<\/ul>\n<p>Depuis sa cr\u00e9ation en 2003, les normes de codage de WordPress pour HTML et CSS ont \u00e9t\u00e9 align\u00e9es sur les lignes directrices du World Wide Web Consortium (W3C) pour HTML et CSS. Mettant l&rsquo;accent sur l&rsquo;int\u00e9gration des principes du responsive design et du balisage s\u00e9mantique, les normes du W3C ont influenc\u00e9 le d\u00e9veloppement des th\u00e8mes et des extensions, en commen\u00e7ant par la publication de HTML5 et CSS3.<\/p>\n<p>L&rsquo;adoption des directives du W3C garantit que les sites web WordPress respectent les normes web mondiales, am\u00e9liorant ainsi l&rsquo;interop\u00e9rabilit\u00e9 et l&rsquo;exp\u00e9rience de l&rsquo;utilisateur et refl\u00e9tant un engagement \u00e0 rester \u00e0 jour, s\u00e9curis\u00e9 et compatible au sein de l&rsquo;\u00e9cosyst\u00e8me web au sens large.<\/p>\n<p>L&rsquo;adh\u00e9sion \u00e0 ces lignes directrices dans WordPress met l&rsquo;accent sur la v\u00e9rification de la qualit\u00e9 HTML \u00e0 l&rsquo;aide du <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">validateur de balisage HTML du W3C<\/a>.<\/p>\n<p>Ces normes HTML et CSS garantissent une pr\u00e9sentation visuellement attrayante, conviviale et efficace des sites WordPress sur toutes les plateformes. Elles favorisent une exp\u00e9rience utilisateur transparente et facilitent la collaboration entre les d\u00e9veloppeurs travaillant sur divers aspects de l&rsquo;\u00e9cosyst\u00e8me WordPress.<\/p>\n<h2>Normes de codage JavaScript dans WordPress<\/h2>\n<p>Les normes de codage de WordPress fournissent \u00e9galement des lignes directrices pour le formatage et le style du code JavaScript pour les th\u00e8mes et les extensions. En outre, ces normes contribuent \u00e0 promouvoir la coh\u00e9rence du code avec le code PHP, HTML et CSS.<\/p>\n<p>Les <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/\" target=\"blank\" rel=\"noopener\">normes de codage JavaScript<\/a> de WordPress s&rsquo;appuient sur le <a href=\"https:\/\/contribute.jquery.org\/style-guide\/js\" target=\"blank\" rel=\"noopener\">guide de style JavaScript de jQuery<\/a>, qui est apparu en 2012 comme un ensemble complet de conventions de codage visant \u00e0 am\u00e9liorer la coh\u00e9rence et la lisibilit\u00e9 du code. Au d\u00e9part, il s&rsquo;adressait sp\u00e9cifiquement aux projets jQuery, mais son succ\u00e8s a entra\u00een\u00e9 une adoption g\u00e9n\u00e9ralis\u00e9e au-del\u00e0 du framework.<\/p>\n<p>Bien que les lignes directrices de jQuery s&rsquo;inspirent des normes de WordPress, il existe quelques diff\u00e9rences notables pour le d\u00e9veloppement de WordPress :<\/p>\n<ul>\n<li>WordPress utilise des guillemets simples pour les d\u00e9clarations de cha\u00eenes de caract\u00e8res.<\/li>\n<li>Les d\u00e9clarations de cas sont indent\u00e9es dans les blocs de commutation.<\/li>\n<li>Le contenu des fonctions est syst\u00e9matiquement indent\u00e9, y compris les enveloppes de fermeture de fichiers complets.<\/li>\n<li>Certaines r\u00e8gles d&rsquo;espacement diff\u00e8rent pour s&rsquo;aligner sur les standards PHP de WordPress, comme l&rsquo;utilisation des tabulations ou de l&rsquo;indentation.<\/li>\n<li>la limite de 100 caract\u00e8res de jQuery, bien qu&rsquo;encourag\u00e9e, n&rsquo;est pas strictement appliqu\u00e9e.<\/li>\n<\/ul>\n<p>Les normes de codage JavaScript de WordPress couvrent les domaines suivants :<\/p>\n<ul>\n<li><strong>Refonte du code<\/strong>.<\/li>\n<li><strong>Espacement du code<\/strong>, y compris les d\u00e9clarations d&rsquo;objets, les tableaux et les appels de fonctions :<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Object declarations\n\/\/ DO\nvar obj = {\n    name: 'John',\n    age: 27,\n    height: 179\n}\n\n\/\/ DON'T\nvar obj = {\n    name: 'John',  age: 27,\n    height: 179\n}\n\n\/\/ Arrays and function calls\n\/\/ Include extra spaces around elements and arguments.\narray = [ 1, 2 ];\nfoo( arg1, arg2 );<\/code><\/pre>\n<ul>\n<li><strong>Utilisation du point-virgule :<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Always use semicolons\narray = [ 1, 2 ];<\/code><\/pre>\n<ul>\n<li><strong>Indentation et retours \u00e0 la ligne<\/strong>, y compris les blocs et les accolades, les d\u00e9clarations sur plusieurs lignes et les appels de m\u00e9thodes encha\u00een\u00e9s :<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use tabs for indentation\n( function ( $ ) {\n    \/\/ Expressions indented\n    function doSomething() {\n        \/\/ Expressions indented\n    }\n} )( jQuery );\n\n\/\/ if, else, for, while, and try blocks should span multiple lines\nif ( condition ) {\n    \/\/ Expressions\n} else if ( ( condition && condition ) || condition ) {\n    \/\/ Expressions\n} else {\n    \/\/ Expressions\n}\n\n\/\/ Line breaks must occur after an operator if the statement\n\/\/ is too long to fit on one line.\nvar html = '&lt;p&gt;The sum of ' + a + ' and ' + b + ' plus ' + c +\n    ' is ' + ( a + b + c ) + '&lt;\/p&gt;';\n\/* If a chain of method calls is too long to fit on a single line, \n   use one call per line. The first call should be on a separate line from\n   the object on which the methods are called. *\/\nelements\n    .addClass( 'foo' )\n    .children()\n        .html( 'hello' )\n    .end()\n    .appendTo( 'body' );<\/code><\/pre>\n<ul>\n<li><strong>Les affectations et les globales<\/strong>, y compris la d\u00e9claration de variables avec <code>const<\/code> et <code>let<\/code>, la d\u00e9claration de variables avec <code>var<\/code>, les globales et les biblioth\u00e8ques communes.<\/li>\n<li><strong>Les conventions d&rsquo;appellation<\/strong> telles que les abr\u00e9viations et les acronymes, les d\u00e9finitions de classes et les constantes :<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Abbreviations must be written in camelCase.\n\/\/ All letters of acronyms should be capitalized.\nconst userId = 1;\nconst currentDOMDocument = window.document;\n\n\/\/ Class definition must use UpperCamelCaseConvention.\nclass Human {\n    ...\n}\n\n\/\/ Constants should use SCREAMING_SNAKE_CASE convention.\nconst SESSION_DURATION = 60<\/code><\/pre>\n<ul>\n<li><strong>L&rsquo;\u00e9galit\u00e9 :<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use strict equality\/inequality checks (=== and !==)\n\/\/ instead of abstract checks (== and !=).\nif ( name === \"John\" ) {\n    ...\n}\nif ( result !== false ) {\n    ...\n}\n\n\/\/ Also, with negation:\nif !( result === false ) {\n    ...\n}<\/code><\/pre>\n<ul>\n<li><strong>Les chaines <\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use single-quotes for string literals.\n    var myString = 'Hello world!'<\/code><\/pre>\n<ul>\n<li><strong>\u00c9nonc\u00e9s de l&rsquo;interrupteur <\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use a break for each case other than default.\n\/\/ Indent case statements one tab within the switch.\nswitch ( event.keyCode ) {\n    \/\/ ENTER and SPACE both trigger x()\n    case $.ui.keyCode.ENTER:\n    case $.ui.keyCode.SPACE:\n        x();\n        break;\n    case $.ui.keyCode.ESCAPE:\n        y();\n        break;\n    default:\n        z();\n}<\/code><\/pre>\n<p>En outre, les normes de codage de WordPress d\u00e9crivent plusieurs <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/#best-practices\" target=\"_blank\" rel=\"noopener noreferrer\">bonnes pratiques<\/a> pour l&rsquo;\u00e9criture du code JavaScript.<\/p>\n<p>Comme pour PHP, WordPress fournit des <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">normes de documentation en ligne<\/a> pour le code JavaScript. Ces normes en ligne, qui sont soit des blocs de documentation format\u00e9s, soit des commentaires en ligne, suivent la <a href=\"http:\/\/jsdoc.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">norme JSDoc 3<\/a> pour la documentation JavaScript en ligne. Les normes en ligne couvrent les fonctions, les m\u00e9thodes de classe, les objets, les fermetures, les propri\u00e9t\u00e9s des objets, les \u00e9v\u00e9nements et les en-t\u00eates de fichiers.<\/p>\n<h2>Comment garantir l&rsquo;accessibilit\u00e9 dans le d\u00e9veloppement de WordPress<\/h2>\n<p>Les normes d&rsquo;accessibilit\u00e9 sont essentielles pour garantir que le contenu num\u00e9rique, y compris les sites web construits sur des plateformes comme WordPress, soit utilisable par des personnes de toutes capacit\u00e9s. L&rsquo;adoption des normes d&rsquo;accessibilit\u00e9 du W3C garantit que les sites web cr\u00e9\u00e9s avec WordPress sont inclusifs et accessibles aux personnes handicap\u00e9es.<\/p>\n<p>Les directives d&rsquo;accessibilit\u00e9 du W3C, en particulier les directives d&rsquo;accessibilit\u00e9 au contenu web (WCAG), fournissent un cadre complet pour rendre le contenu web plus accessible. Reconnaissant l&rsquo;importance de l&rsquo;inclusion, WordPress a int\u00e9gr\u00e9 ces directives dans ses fonctionnalit\u00e9s de base.<\/p>\n<p>Par exemple, les WCAG mesurent la conformit\u00e9 \u00e0 la <a href=\"https:\/\/kinsta.com\/fr\/blog\/acte-europeen-accessibilite\/\">loi europ\u00e9enne sur l&rsquo;accessibilit\u00e9<\/a>, qui s&rsquo;appliquera \u00e0 de nombreuses organisations dans l&rsquo;UE \u00e0 partir de juin 2025.<\/p>\n<p>Pour r\u00e9pondre \u00e0 des besoins divers, il faut mettre en \u0153uvre des fonctionnalit\u00e9s et des principes de conception tels que la compatibilit\u00e9 avec les lecteurs d&rsquo;\u00e9cran, la navigation au clavier et les alternatives textuelles pour les contenus non textuels.<\/p>\n<p>Garantir l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-accessible\/\">accessibilit\u00e9 de WordPress<\/a> n&rsquo;est pas seulement une question de conformit\u00e9. C&rsquo;est un engagement \u00e0 fournir \u00e0 <em>chacun<\/em> un acc\u00e8s \u00e9gal \u00e0 l&rsquo;information et aux services. En adh\u00e9rant aux lignes directrices du W3C, les sites web WordPress deviennent plus accessibles et plus conviviaux, ce qui favorise un environnement en ligne plus inclusif.<\/p>\n<p>Voici quelques exemples pratiques de mise en \u0153uvre de fonctions d&rsquo;accessibilit\u00e9 dans vos th\u00e8mes et extensions :<\/p>\n<ul>\n<li><strong>Utilisez du HTML s\u00e9mantique<\/strong> &#8211; Veillez \u00e0 utiliser correctement les balises HTML s\u00e9mantiques. Par exemple, utilisez <code>&lt;nav&gt;<\/code> pour les menus de navigation, <code>&lt;header&gt;<\/code> pour les en-t\u00eates de site et <code>&lt;main&gt;<\/code> pour le contenu principal. Ces balises aident les lecteurs d&rsquo;\u00e9cran et autres technologies d&rsquo;assistance \u00e0 comprendre la structure de la page.<\/li>\n<li><strong>Ajoutez des alternatives textuelles pour les images, les vid\u00e9os et le contenu audio <\/strong>&#8211; Fournissez un texte alt descriptif pour les images afin de transmettre leur signification aux utilisateurs qui ne peuvent pas les voir. Dans WordPress, ajoutez les attributs descriptifs <code>alt<\/code> \u00e0 la m\u00e9diath\u00e8que lorsque vous ajoutez des images. Incluez des sous-titres et des transcriptions pour les vid\u00e9os et fournissez des alternatives textuelles pour le contenu audio afin de garantir que les utilisateurs sourds ou malentendants puissent acc\u00e9der \u00e0 l&rsquo;information.<\/li>\n<li><strong>Concevez votre site en tenant compte du responsive design<\/strong> &#8211; Veillez \u00e0 ce que votre th\u00e8me ou votre extension soit responsive et s&rsquo;adapte bien aux diff\u00e9rentes tailles d&rsquo;\u00e9cran. Cette approche est b\u00e9n\u00e9fique pour les utilisateurs de diff\u00e9rents appareils et garantit une exp\u00e9rience coh\u00e9rente sur toutes les plateformes.<\/li>\n<li><strong>Concevez des formulaires accessibles<\/strong> &#8211; Fournissez des libell\u00e9s et des instructions claires pour les champs de formulaire. Utilisez les types de saisie appropri\u00e9s, comme l&rsquo;e-mail ou le t\u00e9l\u00e9phone, pour d\u00e9clencher le clavier ad\u00e9quat sur les appareils mobiles et les technologies d&rsquo;assistance.<\/li>\n<li><strong>Utilisez la navigation au clavier<\/strong> &#8211; Veillez \u00e0 ce que tous les \u00e9l\u00e9ments interactifs soient navigables \u00e0 l&rsquo;aide d&rsquo;un clavier. Les utilisateurs doivent pouvoir parcourir les liens, les boutons et les champs de formulaire \u00e0 l&rsquo;aide d&rsquo;une touche de tabulation. Testez et am\u00e9liorez l&rsquo;accessibilit\u00e9 au clavier en \u00e9vitant de vous fier aux interactions \u00e0 l&rsquo;aide de la souris.<\/li>\n<\/ul>\n<h2>Outils permettant de respecter les normes de codage de WordPress<\/h2>\n<p>Il existe de nombreux outils de d\u00e9tection de code qui peuvent vous aider \u00e0 respecter les normes de codage de la plateforme d\u00e9crites ci-dessus. Passons en revue quelques-uns des outils de validation que vous pouvez utiliser pour v\u00e9rifier les normes de codage de WordPress.<\/p>\n<h3>PHP_CodeSniffer<\/h3>\n<p><a href=\"https:\/\/github.com\/WordPress\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener noreferrer\">PHP_CodeSniffer<\/a> analyse votre base de code PHP pour identifier les \u00e9carts par rapport aux normes \u00e9tablies. Il permet d&rsquo;obtenir un code plus propre et plus efficace en rep\u00e9rant les infractions de codage et les divergences de style. Cela permet d&rsquo;am\u00e9liorer les performances des sites web WordPress et d&rsquo;assurer une compatibilit\u00e9 parfaite avec les mises \u00e0 jour et les extensions \u00e0 venir.<\/p>\n<h3>Le service de validation CSS de W3 Org<\/h3>\n<p>Le <a href=\"https:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">service de validation CSS de W3 Org<\/a> analyse les feuilles de style CSS, identifie et rectifie les erreurs potentielles susceptibles d&rsquo;entraver les performances optimales du site. Il joue un r\u00f4le crucial dans le maintien de la coh\u00e9rence et de l&rsquo;adh\u00e9sion aux normes du W3C, garantissant une exp\u00e9rience utilisateur fluide sur diff\u00e9rents appareils. Les sites web b\u00e9n\u00e9ficient ainsi de meilleurs temps de chargement et respectent les normes de codage CSS rigoureuses d\u00e9finies par WordPress.<\/p>\n<h3>JSHint<\/h3>\n<p><a href=\"https:\/\/jshint.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSHint<\/a> analyse le code JavaScript, identifiant les erreurs potentielles, les incoh\u00e9rences stylistiques et le respect des meilleures pratiques. Il vous aide \u00e0 \u00e9crire un code plus propre et plus efficace, ce qui permet d&rsquo;optimiser les performances du site web. Son attention particuli\u00e8re pour les standards de codage de WordPress assure que le code JavaScript s&rsquo;int\u00e8gre parfaitement \u00e0 l&rsquo;architecture globale de WordPress, vous aidant \u00e0 maintenir un environnement de codage coh\u00e9rent et standardis\u00e9.<\/p>\n<h3>WebAIM Contrast Checker<\/h3>\n<p>Le <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contrast Checker de WebAIM<\/a> vous aide \u00e0 \u00e9valuer et \u00e0 am\u00e9liorer l&rsquo;accessibilit\u00e9 de vos sites WordPress. Cet outil simplifie le processus souvent complexe d&rsquo;obtention d&rsquo;un contraste de couleurs optimal pour promouvoir l&rsquo;accessibilit\u00e9. En utilisant le feedback en temps r\u00e9el du Contrast Checker, vous pouvez identifier les zones o\u00f9 am\u00e9liorer la lisibilit\u00e9 du texte et la lisibilit\u00e9 pour tous les visiteurs.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Les normes de codage constituent l&rsquo;\u00e9pine dorsale d&rsquo;un d\u00e9veloppement logiciel efficace et collaboratif. Elles garantissent la coh\u00e9rence et la lisibilit\u00e9 du code, rationalisent le processus de codage, am\u00e9liorent la maintenabilit\u00e9 et facilitent le travail d&rsquo;\u00e9quipe. Pour les d\u00e9veloppeurs WordPress, le respect des normes de codage est essentiel pour cr\u00e9er des sites web robustes et \u00e9volutifs.<\/p>\n<p>Kinsta peut vous aider dans vos efforts pour respecter de telles normes en soutenant des environnements de d\u00e9veloppement qui vous permettent de vous concentrer sur votre travail. Notre propre <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/fonctionnalites\/\">suite DevKinsta<\/a> bas\u00e9e sur Docker vous permet de concevoir et de d\u00e9velopper des sites WordPress sur votre machine locale, puis de les d\u00e9ployer de mani\u00e8re transparente dans vos environnements de production. Combinez DevKinsta avec notre <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress infog\u00e9r\u00e9<\/a>, et vous pourrez passer plus de temps avec votre code et moins de temps \u00e0 configurer des serveurs web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les normes de codage dans le d\u00e9veloppement de WordPress sont essentielles pour une base de code robuste et durable. Elles servent de lignes directrices et de &#8230;<\/p>\n","protected":false},"author":259,"featured_media":76900,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028,1019],"class_list":["post-76899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress","topic-languages-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Une introduction aux normes de codage de WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Une introduction aux normes de codage de WordPress\" \/>\n<meta property=\"og:description\" content=\"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T06:51:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-03T11:13:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Une introduction aux normes de codage de WordPress\",\"datePublished\":\"2024-05-02T06:51:54+00:00\",\"dateModified\":\"2024-05-03T11:13:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\"},\"wordCount\":3133,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\",\"name\":\"Une introduction aux normes de codage de WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png\",\"datePublished\":\"2024-05-02T06:51:54+00:00\",\"dateModified\":\"2024-05-03T11:13:05+00:00\",\"description\":\"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Une introduction aux normes de codage de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Une introduction aux normes de codage de WordPress - Kinsta\u00ae","description":"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Une introduction aux normes de codage de WordPress","og_description":"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.","og_url":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-05-02T06:51:54+00:00","article_modified_time":"2024-05-03T11:13:05+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards-1024x512.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Steve Bonisteel","Dur\u00e9e de lecture estim\u00e9e":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Une introduction aux normes de codage de WordPress","datePublished":"2024-05-02T06:51:54+00:00","dateModified":"2024-05-03T11:13:05+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/"},"wordCount":3133,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/","name":"Une introduction aux normes de codage de WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png","datePublished":"2024-05-02T06:51:54+00:00","dateModified":"2024-05-03T11:13:05+00:00","description":"Le respect des normes de codage pour le d\u00e9veloppement WordPress vous aide \u00e0 collaborer avec les autres, mais peut \u00e9galement contribuer \u00e0 maintenir vos projets solo en forme.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/05\/wordpress-coding-standards.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/normes-codage-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Une introduction aux normes de codage de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=76899"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76899\/revisions"}],"predecessor-version":[{"id":76921,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/76899\/revisions\/76921"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/76899\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/76900"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=76899"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=76899"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=76899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}