{"id":74807,"date":"2024-05-02T08:51:33","date_gmt":"2024-05-02T06:51:33","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=74807&#038;preview=true&#038;preview_id=74807"},"modified":"2024-05-06T16:38:28","modified_gmt":"2024-05-06T14:38:28","slug":"estandares-de-codificacion-de-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/","title":{"rendered":"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress"},"content":{"rendered":"<p>Los est\u00e1ndares de programaci\u00f3n en el <a href=\"https:\/\/kinsta.com\/wordpress\">desarrollo de WordPress<\/a> son fundamentales para una base de c\u00f3digo s\u00f3lida y sostenible. Sirven como directrices y convenciones a las que se adhieren los desarrolladores cuando escriben c\u00f3digo, ayudando a mejorar la colaboraci\u00f3n, agilizar el mantenimiento y garantizar la fiabilidad general.<\/p>\n<p>Adem\u00e1s, los est\u00e1ndares de programaci\u00f3n protegen contra errores y problemas comunes, mejorando la calidad del c\u00f3digo. En el desarrollo de WordPress, donde a menudo colaboran varios desarrolladores en un mismo proyecto, los est\u00e1ndares de programaci\u00f3n sustentan un trabajo en equipo eficaz. Facilitan la comunicaci\u00f3n, mitigan los posibles conflictos y contribuyen a un proceso de desarrollo m\u00e1s eficiente.<\/p>\n<p>El cumplimiento de los est\u00e1ndares de programaci\u00f3n fomenta la coherencia entre proyectos, facilitando el cambio entre diferentes bases de c\u00f3digo sin problemas. Esta coherencia se extiende a la legibilidad y mantenibilidad del c\u00f3digo y fomenta un entendimiento compartido entre los miembros del equipo.<\/p>\n<p>Los est\u00e1ndares oficiales de programaci\u00f3n de WordPress cubren cinco \u00e1reas clave para un proceso de desarrollo cohesivo y eficiente:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/php\/\">PHP<\/a> para garantizar la coherencia del c\u00f3digo del lado del servidor<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-el-html\/\">HTML<\/a> para promover el marcado estructurado y sem\u00e1ntico<\/li>\n<li><a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> para una funcionalidad eficaz del lado del cliente<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/buenas-practicas-css\/\">CSS<\/a> para mantener un enfoque de estilo coherente<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-accesible\/\">Accesibilidad<\/a> para garantizar que el producto final sea inclusivo y f\u00e1cil de usar para personas con necesidades diversas<\/li>\n<\/ul>\n<p>En este art\u00edculo, exploramos estos est\u00e1ndares de codificaci\u00f3n para ayudarte a comenzar a construir sitios web que cumplan con ellos y, quiz\u00e1s, a contribuir a la comunidad de desarrollo 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>Est\u00e1ndares PHP en el desarrollo de WordPress<\/h2>\n<p>Los <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\">est\u00e1ndares de codificaci\u00f3n espec\u00edficos de PHP<\/a> para WordPress garantizan la coherencia y legibilidad del c\u00f3digo de WordPress. Son obligatorias para WordPress Core y muy recomendables para temas y plugins. Estos est\u00e1ndares cubren varios aspectos, como las convenciones de nomenclatura, indentaci\u00f3n y la estructura del c\u00f3digo para mejorar la legibilidad y facilitar la colaboraci\u00f3n.<\/p>\n<p>Los est\u00e1ndares PHP de WordPress abarcan las siguientes categor\u00edas:<\/p>\n<ul>\n<li><strong>General<\/strong> \u2014 Estos est\u00e1ndares incluyen la colocaci\u00f3n de las etiquetas PHP de apertura y cierre en una l\u00ednea por s\u00ed mismas al incrustar un fragmento PHP de varias l\u00edneas en un bloque HTML, evitar las etiquetas PHP abreviadas al utilizar comillas simples y dobles, y directrices para escribir declaraciones <code>include<\/code> y <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> \u2014 Los est\u00e1ndares para la nomenclatura incluyen convenciones de nomenclatura e interpolaci\u00f3n para nombrar hooks din\u00e1micos:<\/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>Espacios en blanco<\/strong> \u2014 Los est\u00e1ndares sobre espacios en blanco establecen directrices para el uso de espacios, indentaci\u00f3n y la eliminaci\u00f3n de espacios finales. (Si quieres iniciar un debate entusiasta entre desarrolladores, preg\u00fantales si prefieren tabuladores o espacios para la indentaci\u00f3n del c\u00f3digo. Sea cual sea tu preferencia, la recomendaci\u00f3n oficial para los desarrolladores de WordPress son las tabulaciones, y esto es v\u00e1lido para JavaScript y CSS, adem\u00e1s de para PHP. As\u00ed que tenlo en cuenta cuando trabajes en proyectos 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>Formato<\/strong> \u2014 Los est\u00e1ndares de formato para el desarrollo PHP en WordPress incluyen estilos de llaves, declaraciones de array, directrices para llamadas a funciones de varias l\u00edneas, declaraciones de tipos, constantes m\u00e1gicas y el operador de propagaci\u00f3n:<\/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>Declaraciones, espacio de nombres y declaraciones de importaci\u00f3n<\/strong> \u2014 Estos est\u00e1ndares de codificaci\u00f3n se aplican a las declaraciones de espacios de nombres y a las declaraciones <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>Programaci\u00f3n orientada a objetos (POO, Object-oriented programming)<\/strong> \u2014 Estos est\u00e1ndares incluyen el uso de una sola estructura de objetos por archivo, proporcionando directrices para el uso de las declaraciones trait <code>use<\/code>, garantizando que siempre se declare la visibilidad, detallando el orden de visibilidad y modificador, y resumir las reglas para la instanciaci\u00f3n 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><strong>Estructuras de control<\/strong> \u2014 Las estructuras de control incluyen el uso de <code>elseif<\/code>, no de <code>else if<\/code>, y directrices para las condiciones Yoda. Declaraciones Yoda: Cuando mezcles variables con constantes, literales o llamadas a funciones en comparaciones l\u00f3gicas, coloca la variable a la derecha para evitar asignaciones accidentales, como se muestra a continuaci\u00f3n:<\/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> \u2014 Estos est\u00e1ndares incluyen los operadores ternarios, el operador de control de errores (<code>@<\/code>) y los 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>Base de datos<\/strong> \u2014 Los est\u00e1ndares de codificaci\u00f3n de bases de datos proporcionan instrucciones para realizar consultas a la base de datos y dar formato a las sentencias SQL.<\/li>\n<li><strong>Recomendaciones adicionales<\/strong> \u2014 Las recomendaciones adicionales incluyen est\u00e1ndares como utilizar valores de bandera autoexplicativos para los argumentos de las funciones, c\u00f3digo inteligente, cierres (funciones an\u00f3nimas), expresiones regulares, comandos shell e instrucciones para evitar <code>extract()<\/code>.<\/li>\n<\/ul>\n<h3>Est\u00e1ndares de documentaci\u00f3n inline de WordPress para el c\u00f3digo PHP<\/h3>\n<p>Adem\u00e1s de las directrices anteriores, WordPress proporciona <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/php\/\">est\u00e1ndares de documentaci\u00f3n inline<\/a> para el c\u00f3digo PHP. WordPress utiliza un esquema de documentaci\u00f3n personalizado que se inspira en la sintaxis PHPDoc, un est\u00e1ndar en evoluci\u00f3n para proporcionar documentaci\u00f3n al c\u00f3digo PHP mantenido por <a href=\"http:\/\/phpdoc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">phpDocumentor<\/a>. Estos est\u00e1ndares agilizan la generaci\u00f3n de documentaci\u00f3n externa y contribuyen a la comunidad de desarrolladores de WordPress en general, fomentando una comprensi\u00f3n compartida de las estructuras de la base de c\u00f3digo.<\/p>\n<p>La documentaci\u00f3n PHP en WordPress aparece principalmente como bloques formateados o comentarios inline. Documenta lo siguiente en los archivos de WordPress:<\/p>\n<ul>\n<li>Funciones y m\u00e9todos de clase<\/li>\n<li>Clases<\/li>\n<li>Miembros de la clase, incluyendo propiedades y constantes<\/li>\n<li>Requerimientos e inclusiones<\/li>\n<li>Hooks (acciones y filtros)<\/li>\n<li>Comentarios inline<\/li>\n<li>Cabeceras de archivo<\/li>\n<li>Constantes<\/li>\n<\/ul>\n<h2>Est\u00e1ndares HTML y CSS en WordPress<\/h2>\n<p>Los temas y plugins de WordPress se adhieren a estrictos <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/html\/\" target=\"_blank\" rel=\"noopener noreferrer\">est\u00e1ndares de codificaci\u00f3n HTML<\/a> para garantizar la coherencia, la accesibilidad y la facilidad de mantenimiento. Las directrices hacen hincapi\u00e9 en el marcado sem\u00e1ntico, animando a los desarrolladores a utilizar los elementos HTML para los fines previstos. Esta pr\u00e1ctica mejora la estructura del contenido y el rendimiento de la optimizaci\u00f3n para motores de b\u00fasqueda (SEO). Adem\u00e1s, se te anima a validar tu HTML para garantizar la compatibilidad entre navegadores.<\/p>\n<p>Los est\u00e1ndares de c\u00f3digo HTML proporcionan directrices para:<\/p>\n<ul>\n<li><strong>Validaci\u00f3n \u2014<\/strong> Deber\u00edas validar todas tus p\u00e1ginas HTML con <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C validator<\/a>\u00a0para asegurarte de que tu marcado est\u00e1 bien formado.<\/li>\n<li><strong>Elementos que se cierran solos<\/strong> \u2014 La barra oblicua de los elementos que se cierran solos debe ir precedida de un espacio.<\/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 y etiquetas<\/strong> \u2014 Todos los atributos y etiquetas deben ir en min\u00fasculas. Adem\u00e1s, los valores de los atributos s\u00f3lo deben ir en min\u00fasculas cuando sean para interpretaci\u00f3n autom\u00e1tica. Si escribes para humanos, utiliza las may\u00fasculas adecuadas.<\/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>Comillas<\/strong> \u2014 Todos los atributos deben tener un valor y deben utilizar comillas simples o dobles. No entrecomillar los valores puede dar lugar a vulnerabilidades de seguridad.<\/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>Indentaci\u00f3n<\/strong> \u2014 La indentaci\u00f3n HTML debe reflejar siempre la estructura l\u00f3gica. Cuando mezcles PHP y HTML, aplica indentaci\u00f3n a los bloques PHP para que coincidan con el c\u00f3digo HTML circundante.<\/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>Adem\u00e1s de estos est\u00e1ndares HTML, los <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">est\u00e1ndares CSS de WordPress<\/a> te ayudan a crear hojas de estilo limpias, modulares y con capacidad de respuesta. Establecen una l\u00ednea de base para la colaboraci\u00f3n y la revisi\u00f3n, desde el c\u00f3digo central hasta los temas y plugins. Estas directrices ayudan a garantizar que tu c\u00f3digo sea legible, coherente y tenga sentido.<\/p>\n<p>Los est\u00e1ndares de c\u00f3digo CSS de WordPress hacen hincapi\u00e9 en el uso de clases espec\u00edficas para dirigirse a elementos, promoviendo una estructura coherente y organizada. En concreto, describen est\u00e1ndares para:<\/p>\n<ul>\n<li><strong>Estructura<\/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>Selectores<\/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>Propiedades<\/strong> (prefijos de ordenaci\u00f3n y de proveedor):<\/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 medios<\/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>Comentarios<\/strong>:<\/li>\n<\/ul>\n<p>Desde su creaci\u00f3n en 2003, los est\u00e1ndares de codificaci\u00f3n de WordPress para HTML y CSS se han alineado con las directrices del Consorcio World Wide Web (W3C) para HTML y CSS. Enfatizando la integraci\u00f3n de los principios del dise\u00f1o adaptable y el marcado sem\u00e1ntico, los est\u00e1ndares del W3C han influido en el desarrollo de temas y plugins, comenzando con el lanzamiento de HTML5 y CSS3.<\/p>\n<p>Esta adopci\u00f3n de las directrices del W3C garantiza que los sitios web de WordPress se adhieran a los est\u00e1ndares web globales, mejorando la interoperabilidad y la experiencia del usuario y reflejando el compromiso de mantenerse actualizado, seguro y compatible dentro del ecosistema web m\u00e1s amplio.<\/p>\n<p>La adhesi\u00f3n a estas directrices en WordPress hace hincapi\u00e9 en la verificaci\u00f3n de la calidad HTML con el <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C HTML markup validator<\/a>.<\/p>\n<p>Estos est\u00e1ndares HTML y CSS garantizan una presentaci\u00f3n visualmente atractiva, f\u00e1cil de usar y eficiente de los sitios web de WordPress en todas las plataformas. Favorecen una experiencia de usuario fluida y facilitan la colaboraci\u00f3n entre los desarrolladores que trabajan en diversos aspectos del ecosistema de WordPress.<\/p>\n<h2>Est\u00e1ndares de codificaci\u00f3n JavaScript en WordPress<\/h2>\n<p>Los est\u00e1ndares de codificaci\u00f3n de WordPress tambi\u00e9n proporcionan directrices para dar formato y estilo al c\u00f3digo JavaScript de temas y plugins. Adem\u00e1s, estos est\u00e1ndares ayudan a promover la coherencia del c\u00f3digo junto con el c\u00f3digo PHP, HTML y CSS b\u00e1sico.<\/p>\n<p>Los <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/\">est\u00e1ndares de codificaci\u00f3n JavaScript<\/a> de WordPress se basan en la <a href=\"https:\/\/contribute.jquery.org\/style-guide\/js\" target=\"blank\" rel=\"noopener\">Gu\u00eda de estilo JavaScript de jQuery<\/a>, que surgi\u00f3 en 2012 como un conjunto integral de convenciones de codificaci\u00f3n que mejoran la coherencia y legibilidad del c\u00f3digo. Inicialmente, se dirig\u00eda espec\u00edficamente a proyectos jQuery, pero su \u00e9xito impuls\u00f3 una adopci\u00f3n generalizada m\u00e1s all\u00e1 del framework.<\/p>\n<p>Aunque las directrices de jQuery gu\u00edan los est\u00e1ndares de WordPress, hay algunas diferencias notables para el desarrollo de WordPress:<\/p>\n<ul>\n<li>WordPress utiliza comillas simples para las declaraciones de cadenas.<\/li>\n<li>Las sentencias Case est\u00e1n indentadas dentro de los bloques switch.<\/li>\n<li>El contenido de las funciones est\u00e1 indentado de forma consistente, incluyendo las envolturas de cierre de archivo completo.<\/li>\n<li>Algunas reglas de espacio en blanco difieren para alinearse con los est\u00e1ndares PHP de WordPress, como el uso de tabulaciones o indentaci\u00f3n.<\/li>\n<li>El l\u00edmite estricto de 100 caracteres de jQuery, aunque se recomienda, no se aplica estrictamente.<\/li>\n<\/ul>\n<p>Los est\u00e1ndares de codificaci\u00f3n JavaScript de WordPress cubren las siguientes \u00e1reas:<\/p>\n<ul>\n<li><strong>Refactorizaci\u00f3n del c\u00f3digo<\/strong>.<\/li>\n<li><strong>Espaciado del c\u00f3digo<\/strong>, incluyendo declaraciones de objetos, arrays y llamadas a funciones:<\/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 del punto y coma:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Always use semicolons\narray = [ 1, 2 ];<\/code><\/pre>\n<ul>\n<li><strong>Indentaci\u00f3n y saltos de l\u00ednea<\/strong>, incluyendo bloques y llaves, sentencias de varias l\u00edneas y llamadas a m\u00e9todos encadenados:<\/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>Asignaciones y globales<\/strong>, incluyendo la declaraci\u00f3n de variables con <code>const<\/code> y <code>let<\/code>, la declaraci\u00f3n de variables con <code>var<\/code>, globales y bibliotecas comunes.<\/li>\n<li><strong>Convenciones de nomenclatura<\/strong> como abreviaturas y acr\u00f3nimos, definiciones de clases y 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>Igualdad:<\/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>Cadenas<\/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>Declaraciones de cambio<\/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>Adem\u00e1s, los est\u00e1ndares de codificaci\u00f3n de WordPress describen varias <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/#best-practices\" target=\"_blank\" rel=\"noopener noreferrer\">pr\u00e1cticas recomendadas<\/a> para escribir c\u00f3digo JavaScript.<\/p>\n<p>Al igual que con PHP, WordPress proporciona <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/javascript\/\">est\u00e1ndares de documentaci\u00f3n inline<\/a> para el c\u00f3digo JavaScript. Estos est\u00e1ndares inline, que son bloques formateados de documentaci\u00f3n o comentarios inline, siguen el <a href=\"http:\/\/jsdoc.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">estandar JSDoc 3<\/a> para la documentaci\u00f3n inline de JavaScript. Los est\u00e1ndares inline cubren funciones, m\u00e9todos de clases, objetos, cierres, propiedades de objetos, eventos y cabeceras de archivos.<\/p>\n<h2>C\u00f3mo garantizar la accesibilidad en el desarrollo de WordPress<\/h2>\n<p>Los est\u00e1ndares de accesibilidad son cruciales para garantizar que los contenidos digitales, incluidos los sitios web creados en plataformas como WordPress, puedan ser utilizados por personas de todas las capacidades. Adoptar los est\u00e1ndares de accesibilidad del W3C garantiza que los sitios web creados con WordPress sean inclusivos y accesibles para las personas con discapacidad.<\/p>\n<p>Las pautas de accesibilidad del W3C, en concreto las Pautas de Accesibilidad al Contenido en la Web (WCAG), proporcionan un framework exhaustivo para hacer que el contenido web sea m\u00e1s accesible. Reconociendo la importancia de la inclusi\u00f3n, WordPress ha incorporado estas directrices a sus funcionalidades b\u00e1sicas.<\/p>\n<p>Por ejemplo, las WCAG miden el cumplimiento de la <a href=\"https:\/\/kinsta.com\/es\/blog\/acta-europea-de-accesibilidad\/\">Ley Europea de Accesibilidad<\/a>, que se aplicar\u00e1 a muchas organizaciones de la UE a partir de junio de 2025.<\/p>\n<p>Satisfacer las diversas necesidades implica implementar funciones y principios de dise\u00f1o como la compatibilidad con lectores de pantalla, la navegaci\u00f3n mediante teclado y las alternativas de texto para el contenido no textual.<\/p>\n<p>Garantizar la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-accesible\/\">accesibilidad en WordPress<\/a> no es s\u00f3lo una cuesti\u00f3n de cumplimiento. Es un compromiso para proporcionar a <em>todos<\/em> el mismo acceso a la informaci\u00f3n y los servicios. Al cumplir las directrices del W3C, los sitios web de WordPress son m\u00e1s accesibles y f\u00e1ciles de usar, lo que fomenta un entorno online m\u00e1s inclusivo.<\/p>\n<p>Algunos ejemplos pr\u00e1cticos de implementaci\u00f3n de funciones de accesibilidad en tus temas y plugins son los siguientes:<\/p>\n<ul>\n<li><strong>Utiliza HTML sem\u00e1ntico<\/strong> \u2014 Aseg\u00farate de utilizar correctamente las etiquetas HTML sem\u00e1nticas. Por ejemplo, utiliza <code>&lt;nav&gt;<\/code> para los men\u00fas de navegaci\u00f3n, <code>&lt;header&gt;<\/code> para las cabeceras del sitio y <code>&lt;main&gt;<\/code> para el contenido principal. Estas etiquetas ayudan a los lectores de pantalla y a otras tecnolog\u00edas de asistencia a comprender la estructura de la p\u00e1gina.<\/li>\n<li><strong>A\u00f1ade texto alternativo a las im\u00e1genes, v\u00eddeos y contenidos de audio \u2014<\/strong>\u00a0A\u00f1ade un texto alternativo descriptivo a las im\u00e1genes para transmitir su significado a los usuarios que no pueden verlas. En WordPress, a\u00f1ade atributos descriptivos <code>alt<\/code> a la biblioteca multimedia cuando a\u00f1adas im\u00e1genes. Incluye subt\u00edtulos y transcripciones para los v\u00eddeos y proporciona alternativas de texto para el contenido de audio, para garantizar que los usuarios sordos o con dificultades auditivas puedan acceder a la informaci\u00f3n.<\/li>\n<li><strong>Construye pensando en el dise\u00f1o responsivo<\/strong> \u2014 Aseg\u00farate de que tu tema o plugin es responsivo y se adapta bien a diferentes tama\u00f1os de pantalla. Este enfoque beneficia a los usuarios con distintos dispositivos y garantiza una experiencia coherente en todas las plataformas.<\/li>\n<li><strong>Dise\u00f1a formularios accesibles<\/strong> \u2014 Proporciona etiquetas e instrucciones claras para los campos de los formularios. Utiliza los tipos de entrada adecuados, como correo electr\u00f3nico o tel\u00e9fono, para activar el teclado correcto en dispositivos m\u00f3viles y tecnolog\u00edas de asistencia.<\/li>\n<li><strong>Utiliza la navegaci\u00f3n por teclado<\/strong> \u2014 Aseg\u00farate de que todos los elementos interactivos sean navegables mediante el teclado. Los usuarios deben poder desplazarse por enlaces, botones y campos de formulario. Prueba y mejora la accesibilidad mediante el teclado evitando depender de las interacciones con el rat\u00f3n.<\/li>\n<\/ul>\n<h2>Herramientas para cumplir los est\u00e1ndares de codificaci\u00f3n de WordPress<\/h2>\n<p>Hay muchas herramientas de rastreo de c\u00f3digo disponibles que pueden ayudarte a cumplir los est\u00e1ndares de codificaci\u00f3n de la plataforma descritas anteriormente. Repasemos s\u00f3lo algunas de las herramientas de validaci\u00f3n que puedes utilizar para comprobar el cumplimiento de los est\u00e1ndares de codificaci\u00f3n de WordPress.<\/p>\n<h3>PHP_CodeSniffer<\/h3>\n<p>El <a href=\"https:\/\/github.com\/WordPress\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener noreferrer\">PHP_CodeSniffer<\/a> escanea tu base de c\u00f3digo PHP para identificar desviaciones de las normas establecidas. Facilita un c\u00f3digo m\u00e1s limpio y eficiente al detectar infracciones de codificaci\u00f3n y discrepancias de estilo. Esto mejora el rendimiento de los sitios web de WordPress y garantiza una compatibilidad perfecta con futuras actualizaciones y plugins.<\/p>\n<h3 id=\"w3-orgs-css-validation-service\" class=\"has-anchor-hash\">W3 Org\u2019s CSS Validation Service<\/h3>\n<p><a href=\"https:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Org\u2019s CSS Validation Service<\/a> escanea las hojas de estilo CSS, identificando y rectificando posibles errores que podr\u00edan impedir un rendimiento \u00f3ptimo del sitio. Desempe\u00f1a un papel crucial en el mantenimiento de la coherencia y el cumplimiento de los est\u00e1ndares del W3C, garantizando una experiencia de usuario fluida en distintos dispositivos. Como resultado, los sitios web ven mejorados sus tiempos de carga y cumplen los estrictos est\u00e1ndares de codificaci\u00f3n CSS establecidas por WordPress.<\/p>\n<h3>JSHint<\/h3>\n<p><a href=\"https:\/\/jshint.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSHint<\/a> analiza el c\u00f3digo JavaScript, identificando posibles errores, incoherencias estil\u00edsticas y el cumplimiento de las mejores pr\u00e1cticas. Te ayuda a escribir un c\u00f3digo m\u00e1s limpio y eficiente, optimizando en \u00faltima instancia el rendimiento del sitio web. Su enfoque centrado en los est\u00e1ndares de programaci\u00f3n de WordPress garantiza que el c\u00f3digo JavaScript se integre a la perfecci\u00f3n con la arquitectura general de WordPress, ayud\u00e1ndote a mantener un entorno de programaci\u00f3n cohesivo y estandarizado.<\/p>\n<h3 id=\"webaim-contrast-checker\" class=\"has-anchor-hash\">WebAIM Contrast Checker<\/h3>\n<p><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebAIM\u2019s Contrast Checker<\/a> te ayuda a evaluar y mejorar la accesibilidad de tus sitios web de WordPress. Esta herramienta simplifica el proceso, a menudo complejo, de conseguir un contraste de color \u00f3ptimo para promover la accesibilidad. Utilizando la informaci\u00f3n en tiempo real del comprobador de contraste, puedes identificar \u00e1reas para mejorar la legibilidad del texto y la legibilidad para todos los visitantes.<\/p>\n<h2>Resumen<\/h2>\n<p>Los est\u00e1ndares de codificaci\u00f3n son la columna vertebral de un desarrollo de software eficaz y colaborativo. Garantizan la coherencia y legibilidad del c\u00f3digo, agilizan el proceso de codificaci\u00f3n, mejoran la capacidad de mantenimiento y facilitan el trabajo en equipo. Para los desarrolladores de WordPress, cumplir los est\u00e1ndares de codificaci\u00f3n es crucial para crear sitios web robustos y escalables.<\/p>\n<p>Kinsta puede ayudarte en tus esfuerzos por cumplir con est\u00e1ndares como \u00e9stas mediante entornos de desarrollo que te permitan centrarte en tu trabajo. Nuestra propia <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/caracteristicas\/\">suite DevKinsta<\/a> basada en Docker te permite dise\u00f1ar y desarrollar sitios WordPress en tu m\u00e1quina local y luego desplegarlos sin problemas en tus entornos de producci\u00f3n. Combina DevKinsta con nuestro <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">Alojamiento Administrado de WordPress<\/a>, y podr\u00e1s dedicar m\u00e1s tiempo a tu c\u00f3digo y menos a configurar servidores web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los est\u00e1ndares de programaci\u00f3n en el desarrollo de WordPress son fundamentales para una base de c\u00f3digo s\u00f3lida y sostenible. Sirven como directrices y convenciones a las &#8230;<\/p>\n","protected":false},"author":259,"featured_media":74808,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345,1336],"class_list":["post-74807","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-wordpress","topic-lenguajes-desarrollo-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>Una introducci\u00f3n a los est\u00e1ndares de codificaci\u00f3n de WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.\" \/>\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\/es\/blog\/estandares-de-codificacion-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress\" \/>\n<meta property=\"og:description\" content=\"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T06:51:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-06T14:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/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=\"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\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:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress\",\"datePublished\":\"2024-05-02T06:51:33+00:00\",\"dateModified\":\"2024-05-06T14:38:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\"},\"wordCount\":2941,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\",\"name\":\"Una introducci\u00f3n a los est\u00e1ndares de codificaci\u00f3n de WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png\",\"datePublished\":\"2024-05-02T06:51:33+00:00\",\"dateModified\":\"2024-05-06T14:38:28+00:00\",\"description\":\"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Una introducci\u00f3n a los est\u00e1ndares de codificaci\u00f3n de WordPress - Kinsta\u00ae","description":"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.","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\/es\/blog\/estandares-de-codificacion-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress","og_description":"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.","og_url":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2024-05-02T06:51:33+00:00","article_modified_time":"2024-05-06T14:38:28+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards-1024x512.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Steve Bonisteel","Tiempo de lectura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress","datePublished":"2024-05-02T06:51:33+00:00","dateModified":"2024-05-06T14:38:28+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/"},"wordCount":2941,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/","url":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/","name":"Una introducci\u00f3n a los est\u00e1ndares de codificaci\u00f3n de WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png","datePublished":"2024-05-02T06:51:33+00:00","dateModified":"2024-05-06T14:38:28+00:00","description":"Cumplir los est\u00e1ndares de codificaci\u00f3n para el desarrollo de WordPress te ayuda a jugar limpio con los dem\u00e1s, pero tambi\u00e9n puede ayudarte a mantener en forma tus proyectos en solitario.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/05\/wordpress-coding-standards.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/estandares-de-codificacion-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Una introducci\u00f3n a los est\u00e1ndares de programaci\u00f3n de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/74807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=74807"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/74807\/revisions"}],"predecessor-version":[{"id":74866,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/74807\/revisions\/74866"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/74807\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/74808"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=74807"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=74807"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=74807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}