{"id":68122,"date":"2024-05-02T03:53:24","date_gmt":"2024-05-02T06:53:24","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=68122&#038;preview=true&#038;preview_id=68122"},"modified":"2024-05-07T10:10:17","modified_gmt":"2024-05-07T13:10:17","slug":"padroes-de-codificacao-do-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/","title":{"rendered":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress"},"content":{"rendered":"<p>Os padr\u00f5es de codifica\u00e7\u00e3o no <a href=\"https:\/\/kinqsta.com\/wordpress\">desenvolvimento do WordPress<\/a> s\u00e3o essenciais para uma base de c\u00f3digo robusta e sustent\u00e1vel. Eles servem como diretrizes e conven\u00e7\u00f5es \u00e0s quais os desenvolvedores aderem ao escrever c\u00f3digos, ajudando a aprimorar a colabora\u00e7\u00e3o, simplificar a manuten\u00e7\u00e3o e garantir a confiabilidade geral.<\/p>\n<p>Al\u00e9m disso, os padr\u00f5es de codifica\u00e7\u00e3o protegem voc\u00ea contra erros e armadilhas comuns, melhorando a qualidade do c\u00f3digo. No desenvolvimento do WordPress, em que v\u00e1rios colaboradores frequentemente colaboram em um \u00fanico projeto, os padr\u00f5es de codifica\u00e7\u00e3o sustentam o trabalho em equipe eficaz. Eles facilitam a comunica\u00e7\u00e3o, atenuam poss\u00edveis conflitos e contribuem para um processo de desenvolvimento mais eficiente.<\/p>\n<p>A ades\u00e3o aos padr\u00f5es de codifica\u00e7\u00e3o promove a consist\u00eancia entre os projetos, facilitando para voc\u00ea alternar entre diferentes bases de c\u00f3digo sem problemas. Essa consist\u00eancia se estende \u00e0 legibilidade e \u00e0 capacidade de manuten\u00e7\u00e3o do c\u00f3digo e promove um entendimento compartilhado entre os membros da equipe.<\/p>\n<p>Os padr\u00f5es oficiais de codifica\u00e7\u00e3o do WordPress abrangem cinco \u00e1reas principais para que voc\u00ea tenha um processo de desenvolvimento coeso e eficiente:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/php\/\">PHP<\/a> para garantir a consist\u00eancia do c\u00f3digo no lado do servidor<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-html\/\">HTML<\/a> para promover a marca\u00e7\u00e3o estruturada e sem\u00e2ntica<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/javascript\/\">JavaScript<\/a> para uma funcionalidade eficaz no lado do cliente<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-praticas-css\/\">CSS<\/a> para manter uma abordagem de estilo consistente<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-acessivel\/\">Acessibilidade<\/a> para garantir que o produto final seja inclusivo e f\u00e1cil de usar para pessoas com necessidades diversas<\/li>\n<\/ul>\n<p>Neste artigo, exploramos esses padr\u00f5es de codifica\u00e7\u00e3o para ajudar voc\u00ea a come\u00e7ar a criar sites em conformidade e, talvez, contribuir para a comunidade de desenvolvimento do 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>Padr\u00f5es PHP no desenvolvimento do WordPress<\/h2>\n<p>Os <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\" target=\"_blank\" rel=\"noopener noreferrer\">padr\u00f5es de codifica\u00e7\u00e3o PHP<\/a> espec\u00edficos do WordPress garantem a consist\u00eancia e a legibilidade do c\u00f3digo do WordPress. Eles s\u00e3o obrigat\u00f3rios para o WordPress Core e altamente recomendados para temas e plugins. Esses padr\u00f5es abrangem v\u00e1rios aspectos, incluindo conven\u00e7\u00f5es de nomenclatura, indenta\u00e7\u00e3o e estrutura de c\u00f3digo para melhorar a legibilidade e facilitar a colabora\u00e7\u00e3o.<\/p>\n<p>Os padr\u00f5es PHP do WordPress abrangem as seguintes categorias:<\/p>\n<ul>\n<li><strong>Geral<\/strong> &#8211; Esses padr\u00f5es incluem colocar as tags PHP de abertura e fechamento em uma linha por si s\u00f3 ao incorporar um snippet PHP de v\u00e1rias linhas em um bloco HTML, evitar tags PHP abreviadas ao usar aspas simples e duplas e diretrizes para escrever declara\u00e7\u00f5es <code>include<\/code> e <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>Nomenclatura<\/strong> &#8211; Os padr\u00f5es de nomenclatura incluem Conven\u00e7\u00f5es de Nomenclatura\u00a0e interpola\u00e7\u00e3o para nomear hooks din\u00e2micos:<\/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>Espa\u00e7o em branco<\/strong> &#8211; Os padr\u00f5es de espa\u00e7o em branco definem diretrizes para o uso de espa\u00e7o, indenta\u00e7\u00e3o e remo\u00e7\u00e3o de espa\u00e7os finais. (Se voc\u00ea quer iniciar um debate animado entre desenvolvedores, \u00e9 s\u00f3 perguntar se eles preferem usar tabs ou espa\u00e7os para indentar o c\u00f3digo. Independentemente da sua prefer\u00eancia, a recomenda\u00e7\u00e3o oficial para desenvolvedores de WordPress \u00e9 usar tabs \u2014 e isso vale para JavaScript e CSS, al\u00e9m de PHP. Ent\u00e3o, tenha isso em mente ao trabalhar em projetos colaborativos.)<\/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>Formata\u00e7\u00e3o<\/strong> &#8211; Os padr\u00f5es de formata\u00e7\u00e3o para o desenvolvimento PHP no WordPress incluem estilos de chaves, declara\u00e7\u00f5es de arrays, diretrizes para chamadas de fun\u00e7\u00e3o multi-linha, declara\u00e7\u00f5es de tipo, constantes m\u00e1gicas e o operador de espalhamento:<\/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>Declara\u00e7\u00f5es &#8220;Declare&#8221;, namespace e importa\u00e7\u00e3o<\/strong> &#8211; Esses padr\u00f5es de codifica\u00e7\u00e3o abrangem declara\u00e7\u00f5es de namespace e declara\u00e7\u00f5es <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>Programa\u00e7\u00e3o orientada a objetos (OOP)<\/strong> &#8211; Esses padr\u00f5es incluem o uso de apenas uma estrutura de objeto por arquivo, fornecendo diretrizes para o uso de declara\u00e7\u00f5es trait <code>use<\/code>, garantindo que a visibilidade seja sempre declarada, delineando a ordem da visibilidade e do modificador e apresentando uma vis\u00e3o geral das regras de instancia\u00e7\u00e3o de objetos:<\/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>Estruturas de controle<\/strong> &#8211; As estruturas de controle incluem o uso de <code>elseif<\/code>, e n\u00e3o <code>else if<\/code>, e diretrizes para condi\u00e7\u00f5es Yoda. Declara\u00e7\u00f5es Yoda: Ao misturar vari\u00e1veis com constantes, literais ou chamadas de fun\u00e7\u00e3o em compara\u00e7\u00f5es l\u00f3gicas, coloque a vari\u00e1vel \u00e0 direita para evitar a atribui\u00e7\u00e3o acidental, conforme mostrado abaixo:<\/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>Operadores<\/strong> &#8211; Esses padr\u00f5es abrangem operadores tern\u00e1rios, o operador de controle de erros (<code>@<\/code>) e operadores de incremento\/decremento:<\/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>Banco de dados<\/strong> &#8211; Os padr\u00f5es de codifica\u00e7\u00e3o de banco de dados fornecem instru\u00e7\u00f5es para a realiza\u00e7\u00e3o de consultas a bancos de dados e formata\u00e7\u00e3o de instru\u00e7\u00f5es SQL.<\/li>\n<li><strong>Recomenda\u00e7\u00f5es adicionais<\/strong> &#8211; As recomenda\u00e7\u00f5es adicionais incluem padr\u00f5es como o uso de valores de sinaliza\u00e7\u00e3o autoexplicativos para argumentos de fun\u00e7\u00f5es, c\u00f3digo inteligente, fechamentos (fun\u00e7\u00f5es an\u00f4nimas), express\u00f5es regulares, comandos de shell e instru\u00e7\u00f5es para evitar <code>extract()<\/code>.<\/li>\n<\/ul>\n<h3>Padr\u00f5es de documenta\u00e7\u00e3o inline do WordPress para c\u00f3digo PHP<\/h3>\n<p>Al\u00e9m das diretrizes acima, o WordPress fornece <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/php\/\" target=\"_blank\" rel=\"noopener noreferrer\">padr\u00f5es de documenta\u00e7\u00e3o em linha<\/a> para c\u00f3digo PHP. O WordPress usa um esquema de documenta\u00e7\u00e3o personalizado que se inspira na sintaxe do PHPDoc, um padr\u00e3o em evolu\u00e7\u00e3o para fornecer documenta\u00e7\u00e3o ao c\u00f3digo PHP mantido pelo <a href=\"http:\/\/phpdoc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">phpDocumentor<\/a>. Esses padr\u00f5es simplificam a gera\u00e7\u00e3o de documenta\u00e7\u00e3o externa e contribuem para a comunidade mais ampla de desenvolvedores do WordPress, promovendo um entendimento compartilhado das estruturas da base de c\u00f3digo.<\/p>\n<p>A documenta\u00e7\u00e3o do PHP no WordPress aparece principalmente como blocos formatados ou coment\u00e1rios em linha. Documente o seguinte nos arquivos do WordPress:<\/p>\n<ul>\n<li>Fun\u00e7\u00f5es e m\u00e9todos de classe<\/li>\n<li>Classes<\/li>\n<li>Membros da classe, incluindo propriedades e constantes<\/li>\n<li>Requerimentos e inclus\u00f5es<\/li>\n<li>Hooks (a\u00e7\u00f5es e filtros)<\/li>\n<li>Coment\u00e1rios em linha<\/li>\n<li>Cabe\u00e7alhos de arquivos<\/li>\n<li>Constantes<\/li>\n<\/ul>\n<h2>Padr\u00f5es HTML e CSS no WordPress<\/h2>\n<p>Os temas e plugins de WordPress seguem <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/html\/\">padr\u00f5es r\u00edgidos de codifica\u00e7\u00e3o HTML<\/a> para garantir consist\u00eancia, acessibilidade e facilidade de manuten\u00e7\u00e3o. As diretrizes enfatizam a marca\u00e7\u00e3o sem\u00e2ntica, incentivando os desenvolvedores a usar elementos HTML para os fins pretendidos. Essa pr\u00e1tica aprimora a estrutura do conte\u00fado e melhora o desempenho da otimiza\u00e7\u00e3o de mecanismos de pesquisa (SEO). Al\u00e9m disso, voc\u00ea \u00e9 incentivado a validar seu HTML para garantir a compatibilidade entre os navegadores.<\/p>\n<p>Os padr\u00f5es de c\u00f3digo HTML fornecem diretrizes para:<\/p>\n<ul>\n<li><strong>Valida\u00e7\u00e3o <\/strong>&#8211; Voc\u00ea deve validar todas as suas p\u00e1ginas HTML com o <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">validador W3C<\/a> para garantir que sua marca\u00e7\u00e3o esteja bem formada.<\/li>\n<li><strong>Elementos<\/strong> <strong>de fechamento autom\u00e1tico<\/strong> &#8211; A barra nos elementos de fechamento autom\u00e1tico deve ter um espa\u00e7o antes dela.<\/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>Atributos e tags<\/strong> &#8211; Todos os atributos e tags devem estar em letras min\u00fasculas. Al\u00e9m disso, os valores de atributos s\u00f3 devem estar em min\u00fasculas quando voc\u00ea estiver interpretando para m\u00e1quinas. Se voc\u00ea estiver escrevendo para humanos, use a capitaliza\u00e7\u00e3o adequada para o t\u00edtulo.<\/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<!-- DON'T -->&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>Aspas<\/strong> &#8211; Todos os atributos devem ter um valor e devem usar aspas simples ou duplas. Se voc\u00ea n\u00e3o colocar aspas nos valores, poder\u00e1 ter vulnerabilidades de seguran\u00e7a.<\/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<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;input type=text name=email disabled&gt;<\/code><\/pre>\n<ul>\n<li><strong>Indenta\u00e7\u00e3o<\/strong> &#8211; A indenta\u00e7\u00e3o do HTML deve sempre refletir a estrutura l\u00f3gica. Ao misturar PHP e HTML, recue os blocos PHP para corresponderem ao c\u00f3digo HTML ao redor.<\/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>Al\u00e9m desses padr\u00f5es HTML, os <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">padr\u00f5es CSS do WordPress<\/a> ajudam voc\u00ea a criar folhas de estilo limpas, modulares e responsivas. Eles definem uma linha de base para colabora\u00e7\u00e3o e revis\u00e3o, desde o c\u00f3digo principal at\u00e9 os temas e plugins. Essas diretrizes ajudam a garantir que seu c\u00f3digo seja leg\u00edvel, consistente e significativo.<\/p>\n<p>Os padr\u00f5es de c\u00f3digo CSS do WordPress enfatizam o uso de classes espec\u00edficas para direcionar elementos, promovendo uma estrutura consistente e organizada. Especificamente, eles definem padr\u00f5es para:<\/p>\n<ul>\n<li><strong>Estrutura<\/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>Seletores<\/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>Propriedades<\/strong> (prefixos de pedido e fornecedor):<\/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>Valores<\/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>Consultas de m\u00eddia<\/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>Coment\u00e1rios<\/strong>:<\/li>\n<\/ul>\n<p>Desde sua cria\u00e7\u00e3o em 2003, os padr\u00f5es de codifica\u00e7\u00e3o do WordPress para HTML e CSS est\u00e3o alinhados com as diretrizes do World Wide Web Consortium (W3C) para HTML e CSS. Enfatizando a integra\u00e7\u00e3o de princ\u00edpios de design responsivo e marca\u00e7\u00e3o sem\u00e2ntica, os padr\u00f5es do W3C influenciaram o desenvolvimento de temas e plugins, come\u00e7ando com o lan\u00e7amento do HTML5 e do CSS3.<\/p>\n<p>Essa ado\u00e7\u00e3o das diretrizes do W3C garante que os sites WordPress sigam os padr\u00f5es globais da web, aprimorando a interoperabilidade e a experi\u00eancia do usu\u00e1rio e refletindo o compromisso de se manter atualizado, seguro e compat\u00edvel com o ecossistema mais amplo da web.<\/p>\n<p>A ades\u00e3o a essas diretrizes no WordPress enfatiza a verifica\u00e7\u00e3o da qualidade do HTML com o <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">validador de marca\u00e7\u00e3o HTML do W3C<\/a>.<\/p>\n<p>Esses padr\u00f5es HTML e CSS garantem uma apresenta\u00e7\u00e3o visualmente atraente, f\u00e1cil de usar e eficiente dos sites WordPress em todas as plataformas. Eles oferecem suporte a uma experi\u00eancia de usu\u00e1rio perfeita e facilitam a colabora\u00e7\u00e3o entre os desenvolvedores que trabalham em diversos aspectos do ecossistema do WordPress.<\/p>\n<h2>Padr\u00f5es de codifica\u00e7\u00e3o JavaScript no WordPress<\/h2>\n<p>Os padr\u00f5es de codifica\u00e7\u00e3o do WordPress tamb\u00e9m fornecem diretrizes para a formata\u00e7\u00e3o e o estilo do c\u00f3digo JavaScript para temas e plugins. Al\u00e9m disso, esses padr\u00f5es ajudam a promover a consist\u00eancia do c\u00f3digo juntamente com o c\u00f3digo PHP, HTML e CSS principal.<\/p>\n<p>Os <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/\" target=\"blank\" rel=\"noopener\">padr\u00f5es de codifica\u00e7\u00e3o JavaScript<\/a> do WordPress foram criados com base no <a href=\"https:\/\/contribute.jquery.org\/style-guide\/js\" target=\"blank\" rel=\"noopener\">Guia de estilo JavaScript do jQuery<\/a>, que surgiu em 2012 como um conjunto abrangente de conven\u00e7\u00f5es de codifica\u00e7\u00e3o que aprimora a consist\u00eancia e a legibilidade do c\u00f3digo. Inicialmente, ele atendia especificamente a projetos jQuery, mas seu sucesso levou a uma ampla ado\u00e7\u00e3o al\u00e9m da estrutura.<\/p>\n<p>Embora as diretrizes do jQuery informem os padr\u00f5es do WordPress, h\u00e1 algumas diferen\u00e7as not\u00e1veis para o desenvolvimento do WordPress:<\/p>\n<ul>\n<li>O WordPress usa aspas simples para declara\u00e7\u00f5es de strings.<\/li>\n<li>As declara\u00e7\u00f5es de caso s\u00e3o recuadas nos blocos de switch.<\/li>\n<li>O conte\u00fado da fun\u00e7\u00e3o \u00e9 recuado de forma consistente, incluindo os wrappers de fechamento de arquivo completo.<\/li>\n<li>Algumas regras de espa\u00e7o em branco diferem para que voc\u00ea se alinhe aos padr\u00f5es PHP do WordPress, como o uso de tabs ou indenta\u00e7\u00e3o.<\/li>\n<li>\n<div class=\"flex-1 overflow-hidden\">\n<div class=\"react-scroll-to-bottom--css-fpqio-79elbk h-full\">\n<div class=\"react-scroll-to-bottom--css-fpqio-1n7m0yu\">\n<div>\n<div class=\"flex flex-col text-sm pb-9\">\n<div class=\"w-full text-token-text-primary\" dir=\"auto\" data-testid=\"conversation-turn-21\" data-scroll-anchor=\"true\">\n<div class=\"py-2 px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex flex-grow flex-col max-w-full\">\n<div class=\"min-h-[20px] text-message flex flex-col items-start whitespace-pre-wrap break-words [.text-message+&#038;]:mt-5 overflow-x-auto gap-3\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"03f50c1e-cf72-4e14-aadf-5e7cd31a44bb\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>O limite r\u00edgido de 100 caracteres do jQuery, embora recomendado, n\u00e3o \u00e9 estritamente aplicado.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"w-full md:pt-0 dark:border-white\/20 md:border-transparent md:dark:border-transparent md:w-[calc(100%-.5rem)] juice:w-full\">\n<div class=\"px-3 text-base md:px-4 m-auto md:px-5 lg:px-1 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-3 text-base juice:gap-4 juice:md:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\"><\/div>\n<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<p>Os padr\u00f5es de codifica\u00e7\u00e3o JavaScript do WordPress abrangem as seguintes \u00e1reas:<\/p>\n<ul>\n<li><strong>Refatora\u00e7\u00e3o de c\u00f3digo<\/strong>.<\/li>\n<li><strong>Espa\u00e7amento de c\u00f3digo<\/strong>, incluindo declara\u00e7\u00f5es de objetos, arrays e chamadas de fun\u00e7\u00e3o:<\/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>Uso de ponto e v\u00edrgula:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Always use semicolons\narray = [ 1, 2 ];<\/code><\/pre>\n<ul>\n<li><strong>Indenta\u00e7\u00e3o e quebras de linha<\/strong>, incluindo blocos e chaves, instru\u00e7\u00f5es de v\u00e1rias linhas e chamadas de m\u00e9todos encadeados:<\/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>Atribui\u00e7\u00f5es e globais<\/strong>, incluindo a declara\u00e7\u00e3o de vari\u00e1veis com <code>const<\/code> e <code>let<\/code>, a declara\u00e7\u00e3o de vari\u00e1veis com <code>var<\/code>, globais e bibliotecas comuns.<\/li>\n<li><strong>Conven\u00e7\u00f5es de nomenclatura<\/strong>, como abrevia\u00e7\u00f5es e acr\u00f4nimos, defini\u00e7\u00f5es de classe e 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>Igualdade:<\/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>Strings<\/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>Declara\u00e7\u00f5es de troca<\/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>Al\u00e9m disso, os padr\u00f5es de codifica\u00e7\u00e3o do WordPress descrevem v\u00e1rias <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/#best-practices\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e1ticas recomendadas<\/a> para voc\u00ea escrever c\u00f3digo JavaScript.<\/p>\n<p>Assim como no PHP, o WordPress fornece <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">padr\u00f5es de documenta\u00e7\u00e3o<\/a> em linha para o c\u00f3digo JavaScript. Esses padr\u00f5es em linha, que s\u00e3o blocos formatados de documenta\u00e7\u00e3o ou coment\u00e1rios em linha, seguem o <a href=\"http:\/\/jsdoc.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">padr\u00e3o JSDoc 3<\/a> para documenta\u00e7\u00e3o em linha de JavaScript. Os padr\u00f5es em linha abrangem fun\u00e7\u00f5es, m\u00e9todos de classe, objetos, fechamentos, propriedades de objetos, eventos e cabe\u00e7alhos de arquivos.<\/p>\n<h2>Como garantir a acessibilidade no desenvolvimento do WordPress<\/h2>\n<p>Os padr\u00f5es de acessibilidade s\u00e3o cruciais para garantir que o conte\u00fado digital, incluindo sites criados em plataformas como o WordPress, possa ser usado por pessoas de todas as habilidades. Ao adotar os padr\u00f5es de acessibilidade do W3C, voc\u00ea garante que os sites criados com o WordPress sejam inclusivos e acess\u00edveis a pessoas com defici\u00eancias.<\/p>\n<p>As diretrizes de acessibilidade da W3C, especificamente as Diretrizes de Acessibilidade para Conte\u00fado Web (WCAG), fornecem um quadro abrangente para tornar o conte\u00fado web mais acess\u00edvel. Reconhecendo a import\u00e2ncia da inclusividade, o WordPress incorporou essas diretrizes \u00e0s suas funcionalidades principais.<\/p>\n<p>Por exemplo, WCAG medem a conformidade com a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ato-europeu-de-acessibilidad\/\">Lei de Acessibilidade Europeia<\/a>, que ser\u00e1 aplicada a muitas organiza\u00e7\u00f5es na UE a partir de junho de 2025.<\/p>\n<p>Atender a diversas necessidades envolve a implementa\u00e7\u00e3o de recursos e princ\u00edpios de design, como compatibilidade com leitores de tela, navega\u00e7\u00e3o por teclado e alternativas de texto para conte\u00fado n\u00e3o textual.<\/p>\n<p>Garantir a <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-acessivel\/\">acessibilidade no WordPress<\/a> n\u00e3o \u00e9 apenas uma quest\u00e3o de conformidade. \u00c9 um compromisso de fornecer a <em>todos<\/em> acesso igualit\u00e1rio a informa\u00e7\u00f5es e servi\u00e7os. Ao aderir \u00e0s diretrizes da W3C, os Sites WordPress se tornam mais acess\u00edveis e f\u00e1ceis de usar, promovendo um ambiente on-line mais inclusivo.<\/p>\n<p>Alguns exemplos pr\u00e1ticos de implementa\u00e7\u00e3o de recursos de acessibilidade em seus temas e plugins s\u00e3o os seguintes:<\/p>\n<ul>\n<li><strong>Use HTML sem\u00e2ntico<\/strong> &#8211; Garanta o uso adequado de tags HTML sem\u00e2nticas. Por exemplo, use <code>&lt;nav&gt;<\/code> para menus de navega\u00e7\u00e3o, <code>&lt;header&gt;<\/code> para cabe\u00e7alhos de sites e <code>&lt;main&gt;<\/code> para o conte\u00fado principal. Essas tags ajudam os leitores de tela e outras tecnologias de assist\u00eancia a entender a estrutura da p\u00e1gina.<\/li>\n<li><strong>Adicione alternativas de texto para conte\u00fado de imagens, v\u00eddeo e \u00e1udio <\/strong>&#8211; Forne\u00e7a texto alternativo descritivo para imagens a fim de transmitir seu significado aos usu\u00e1rios que n\u00e3o podem v\u00ea-las. No WordPress, adicione atributos descritivos <code>alt<\/code> \u00e0 biblioteca de m\u00eddia ao adicionar imagens. Inclua legendas e transcri\u00e7\u00f5es para v\u00eddeos e forne\u00e7a alternativas de texto para o conte\u00fado de \u00e1udio para garantir que os usu\u00e1rios surdos ou com defici\u00eancia auditiva possam acessar as informa\u00e7\u00f5es.<\/li>\n<li><strong>Crie com o design responsivo em mente<\/strong> &#8211; Certifique-se de que seu tema ou plugin seja responsivo e se adapte bem a diferentes tamanhos de tela. Essa abordagem beneficia os usu\u00e1rios com v\u00e1rios dispositivos e garante uma experi\u00eancia consistente em todas as plataformas.<\/li>\n<li><strong>Crie formul\u00e1rios acess\u00edveis<\/strong> &#8211; Forne\u00e7a etiquetas e instru\u00e7\u00f5es claros para os campos de formul\u00e1rio. Use os tipos de entrada apropriados, como e-mail ou telefone, para acionar o teclado correto em dispositivos m\u00f3veis e tecnologias assistivas.<\/li>\n<li><strong>Use a navega\u00e7\u00e3o por teclado<\/strong> &#8211; Certifique-se de que todos os elementos interativos possam ser navegados por meio de um teclado. Os usu\u00e1rios devem ser capazes de navegar por links, bot\u00f5es e campos de formul\u00e1rio. Teste e aprimore a acessibilidade do teclado, evitando a depend\u00eancia de intera\u00e7\u00f5es somente com o mouse.<\/li>\n<\/ul>\n<h2>Ferramentas para aderir aos padr\u00f5es de codifica\u00e7\u00e3o do WordPress<\/h2>\n<p>H\u00e1 muitas ferramentas de detec\u00e7\u00e3o de c\u00f3digo dispon\u00edveis que podem ajudar voc\u00ea a aderir aos padr\u00f5es de codifica\u00e7\u00e3o da plataforma descritos acima. Vamos analisar apenas algumas das ferramentas de valida\u00e7\u00e3o que voc\u00ea pode usar para verificar os padr\u00f5es de codifica\u00e7\u00e3o do WordPress.<\/p>\n<h3>PHP_CodeSniffer<\/h3>\n<p>O <a href=\"https:\/\/github.com\/WordPress\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener noreferrer\">PHP_CodeSniffer<\/a> examina sua base de c\u00f3digo PHP para identificar desvios das normas estabelecidas. Ele facilita um c\u00f3digo mais limpo e eficiente, identificando infra\u00e7\u00f5es de codifica\u00e7\u00e3o e discrep\u00e2ncias de estilo. Isso leva a um melhor desempenho dos sites do WordPress e garante uma compatibilidade perfeita com futuras atualiza\u00e7\u00f5es e plugins.<\/p>\n<h3>Servi\u00e7o de valida\u00e7\u00e3o de CSS da W3 Org<\/h3>\n<p>O <a href=\"https:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">servi\u00e7o de valida\u00e7\u00e3o de CSS da W3 Org<\/a> examina as folhas de estilo CSS, identificando e corrigindo poss\u00edveis erros que possam impedir o desempenho ideal do site. Ele desempenha um papel fundamental na manuten\u00e7\u00e3o da consist\u00eancia e da ades\u00e3o aos padr\u00f5es da W3C, garantindo uma experi\u00eancia de usu\u00e1rio tranquila em v\u00e1rios dispositivos. Como resultado, os sites apresentam melhores tempos de carregamento e atendem aos rigorosos padr\u00f5es de codifica\u00e7\u00e3o CSS definidos pelo WordPress.<\/p>\n<h3>JSHint<\/h3>\n<p>O <a href=\"https:\/\/jshint.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSHint<\/a> analisa o c\u00f3digo JavaScript, identificando poss\u00edveis erros, inconsist\u00eancias estil\u00edsticas e ader\u00eancia \u00e0s melhores pr\u00e1ticas. Ele ajuda voc\u00ea a escrever um c\u00f3digo mais limpo e eficiente, otimizando o desempenho do site. Seu foco atento nos padr\u00f5es de codifica\u00e7\u00e3o do WordPress garante que o c\u00f3digo JavaScript se integre perfeitamente \u00e0 arquitetura geral do WordPress, ajudando voc\u00ea a manter um ambiente de codifica\u00e7\u00e3o coeso e padronizado.<\/p>\n<h3>WebAIM Contrast Checker<\/h3>\n<p>O <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contrast Checker da WebAIM<\/a> ajuda voc\u00ea a avaliar e melhorar a acessibilidade dos seus sites WordPress. Essa ferramenta simplifica o processo, muitas vezes complexo, de obter o contraste de cores ideal para promover a acessibilidade. Usando o feedback em tempo real do verificador de contraste, voc\u00ea pode identificar \u00e1reas para melhorar a legibilidade e a leitura do texto para todos os visitantes.<\/p>\n<h2>Resumo<\/h2>\n<p>Os padr\u00f5es de codifica\u00e7\u00e3o formam a base do desenvolvimento de software eficiente e colaborativo. Eles asseguram a consist\u00eancia e a legibilidade do c\u00f3digo, simplificam o processo de programa\u00e7\u00e3o, melhoram a manuten\u00e7\u00e3o e facilitam o trabalho em equipe. Para os desenvolvedores do WordPress, seguir esses padr\u00f5es \u00e9 essencial para construir sites s\u00f3lidos e escal\u00e1veis.<\/p>\n<p>A Kinsta pode auxiliar voc\u00ea a atender a esses padr\u00f5es, oferecendo suporte a ambientes de desenvolvimento que permitem que voc\u00ea se concentre em seu trabalho. Nossa pr\u00f3pria <a href=\"https:\/\/kinqsta.com\/pt\/devkinsta\/caracteristicas\/\">su\u00edte DevKinsta<\/a> baseada em Docker permite que voc\u00ea projete e desenvolva sites WordPress em sua m\u00e1quina local e, em seguida, implemente sem problemas em seus ambientes de produ\u00e7\u00e3o. Combine o DevKinsta com nossa <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\">Hospedagem gerenciada de WordPress<\/a> e voc\u00ea poder\u00e1 passar mais tempo com seu c\u00f3digo e menos tempo configurando servidores da web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os padr\u00f5es de codifica\u00e7\u00e3o no desenvolvimento do WordPress s\u00e3o essenciais para uma base de c\u00f3digo robusta e sustent\u00e1vel. Eles servem como diretrizes e conven\u00e7\u00f5es \u00e0s quais &#8230;<\/p>\n","protected":false},"author":259,"featured_media":68123,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026,1017],"class_list":["post-68122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-wordpress","topic-linguagens-desenvolvimento-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>Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress\" \/>\n<meta property=\"og:description\" content=\"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T06:53:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T13:10:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress\",\"datePublished\":\"2024-05-02T06:53:24+00:00\",\"dateModified\":\"2024-05-07T13:10:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\"},\"wordCount\":3005,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\",\"name\":\"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png\",\"datePublished\":\"2024-05-02T06:53:24+00:00\",\"dateModified\":\"2024-05-07T13:10:17+00:00\",\"description\":\"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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:\/\/kinqsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/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:\/\/kinqsta.com\/pt\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress - Kinsta\u00ae","description":"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.","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:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/","og_locale":"pt_PT","og_type":"article","og_title":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress","og_description":"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2024-05-02T06:53:24+00:00","article_modified_time":"2024-05-07T13:10:17+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards-1024x512.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Steve Bonisteel","Tempo estimado de leitura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress","datePublished":"2024-05-02T06:53:24+00:00","dateModified":"2024-05-07T13:10:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/"},"wordCount":3005,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/","url":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/","name":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png","datePublished":"2024-05-02T06:53:24+00:00","dateModified":"2024-05-07T13:10:17+00:00","description":"Atender aos padr\u00f5es de codifica\u00e7\u00e3o para o desenvolvimento WordPress n\u00e3o s\u00f3 facilita a colabora\u00e7\u00e3o com outros, mas tamb\u00e9m ajuda a manter seus projetos individuais organizados.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/05\/wordpress-coding-standards.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/padroes-de-codificacao-do-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Uma Introdu\u00e7\u00e3o aos Padr\u00f5es de Codifica\u00e7\u00e3o do WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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:\/\/kinqsta.com\/pt\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/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:\/\/kinqsta.com\/pt\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=68122"}],"version-history":[{"count":7,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68122\/revisions"}],"predecessor-version":[{"id":68198,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/68122\/revisions\/68198"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/68122\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/68123"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=68122"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=68122"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=68122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}