{"id":2799,"date":"2020-11-22T17:50:38","date_gmt":"2020-11-22T16:50:38","guid":{"rendered":"https:\/\/davidperezgar.com\/?p=2799"},"modified":"2024-01-11T09:18:08","modified_gmt":"2024-01-11T08:18:08","slug":"desarrollar-wordpress-coding-standards","status":"publish","type":"post","link":"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/","title":{"rendered":"Desarrollar usando WordPress Coding Standards"},"content":{"rendered":"\n<p>La programaci\u00f3n hoy en d\u00eda, se hace fundamental con <strong>Coding Standards<\/strong>. El objetivo es mantener un mismo estilo, de manera que al observarlo puedas interpretarlo f\u00e1cilmente.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-67e81e3f4872b\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-67e81e3f4872b\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#%C2%BFQue_es_Coding_Standards\" title=\"\u00bfQu\u00e9 es Coding Standards?\">\u00bfQu\u00e9 es Coding Standards?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#%C2%BFPorque_el_estilo_del_codigo_es_importante\" title=\"\u00bfPorqu\u00e9 el estilo del c\u00f3digo es importante?\">\u00bfPorqu\u00e9 el estilo del c\u00f3digo es importante?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Proceso_de_configuracion_en_Mac\" title=\"Proceso de configuraci\u00f3n en Mac\">Proceso de configuraci\u00f3n en Mac<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Instalar_Composer_en_MacOs\" title=\"Instalar Composer en MacOs\">Instalar Composer en MacOs<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Composer_con_BREW\" title=\"Composer con BREW\">Composer con BREW<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Composer_getcomposerorg_manualmente\" title=\"Composer (getcomposer.org) manualmente\">Composer (getcomposer.org) manualmente<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Configurando_Code_Sniffer_y_WordPress_Standards\" title=\"Configurando Code Sniffer y WordPress Standards\">Configurando Code Sniffer y WordPress Standards<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Adaptaciones_en_VisualCode_para_WordPress_Coding_Standards\" title=\"Adaptaciones en VisualCode para WordPress Coding Standards\">Adaptaciones en VisualCode para WordPress Coding Standards<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Actualizar_a_la_version_30\" title=\"Actualizar a la versi\u00f3n 3.0\">Actualizar a la versi\u00f3n 3.0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/davidperezgar.com\/en\/blog\/web-development\/desarrollar-wordpress-coding-standards\/#Conclusion\" title=\"Conclusi\u00f3n\">Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"que-es-coding-standards\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_Coding_Standards\"><\/span>\u00bfQu\u00e9 es Coding Standards?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Los <strong>Coding Standards<\/strong> son unas reglas de estilo a la hora de desarrollar, que nos permite una mejor lectura y entendimiento de las funciones. <\/p>\n\n\n\n<p>Trata de establecer las mejores formas de trabajar en WordPress y adem\u00e1s no s\u00f3lo se basa en el estilo sino tambi\u00e9n en <strong>mejores pr\u00e1cticas.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"porque-el-estilo-del-codigo-es-importante\"><span class=\"ez-toc-section\" id=\"%C2%BFPorque_el_estilo_del_codigo_es_importante\"><\/span>\u00bfPorqu\u00e9 el estilo del c\u00f3digo es importante?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Incluso si est\u00e1s trabajando en un proyecto privado, el formato de tu c\u00f3digo dice mucho. Y si est\u00e1s en un entorno de m\u00faltiples desarrolladores, dice mucho m\u00e1s. El c\u00f3digo con un buen estilo y bien pensado muestra calidad (aunque no sea buena), mientras que el caos engendra una programaci\u00f3n descuidada (aunque sea genial).<\/p>\n\n\n\n<p>He aqu\u00ed algunas razones para <strong>prestar atenci\u00f3n al estilo de tu c\u00f3digo<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El <strong>c\u00f3digo con estilo es m\u00e1s f\u00e1cil de mantener<\/strong>. Puede que sepas lo que est\u00e1 pasando hoy, pero \u00bfqu\u00e9 pasar\u00e1 dentro de un a\u00f1o? Tomarse el tiempo para estructurar el trabajo te ahorrar\u00e1 horas m\u00e1s adelante.<\/li>\n\n\n\n<li>Otros <strong>desarrolladores no te leen la mente<\/strong>, as\u00ed que no entender\u00e1n tu c\u00f3digo ca\u00f3tico, o necesitar\u00e1n mucho tiempo para desenredarlo. Asegurar la menor fricci\u00f3n posible en la comunicaci\u00f3n es lo mejor para el proyecto, y esto puede ser facilitado por un formato que cumpla con los est\u00e1ndares.<\/li>\n\n\n\n<li>Un poco menos importante, alguien que est\u00e1 aprendiendo a programar deber\u00eda poder visitar un sitio web y <strong>aprender algo mirando el c\u00f3digo fuente<\/strong>. Los est\u00e1ndares suelen tener una l\u00f3gica inherente, por lo que un espectador ser\u00eda capaz de averiguar lo que est\u00e1 pasando. Adherirse a los est\u00e1ndares podr\u00eda ayudar a muchos desarrolladores que empiezan a aprender a programar de la manera correcta desde el primer d\u00eda.<\/li>\n\n\n\n<li>En muchos casos, <strong>un buen formato ayuda a la mantenibilidad.<\/strong> Muchos est\u00e1ndares requieren que se espacien las declaraciones y otros bloques de c\u00f3digo. No amontonar el c\u00f3digo har\u00e1 que un mensaje de &#8220;Error en la l\u00ednea 267&#8221; sea mucho m\u00e1s f\u00e1cil de arreglar.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"proceso-de-configuracion-en-mac\"><span class=\"ez-toc-section\" id=\"Proceso_de_configuracion_en_Mac\"><\/span>Proceso de configuraci\u00f3n en Mac<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Este es mi proceso que mantengo actualizado para configurar Coding Standards en Mac. Hay varias formas de instalarlo, la que m\u00e1s me gusta y es la que expongo, es con composer. Quien no lo conozca es un software para librer\u00edas basadas en php para integrar en tus proyectos de forma muy f\u00e1cil. Tambi\u00e9n permite una instalaci\u00f3n global que es la que realizaremos. Luego mantener actualizadas todas las librer\u00edas es muy f\u00e1cil con este comando:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global update<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"instalar-composer-en-macos\"><span class=\"ez-toc-section\" id=\"Instalar_Composer_en_MacOs\"><\/span>Instalar Composer en MacOs<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Composer_con_BREW\"><\/span><a href=\"https:\/\/getcomposer.org\/\">Composer <\/a>con BREW<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Si tienes brew, el instalador de paquetes para MacOS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">brew install composer<\/code><\/pre>\n\n\n\n<p>\u00a1Y ya estar\u00eda! Mucho m\u00e1s f\u00e1cil.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Composer_getcomposerorg_manualmente\"><\/span><a href=\"https:\/\/getcomposer.org\/\">Composer (getcomposer.org)<\/a> manualmente<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Seguimos los siguientes pasos que realmente me han funcionado. Abrimos el terminal y ejecutamos los siguientes comandos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">curl -sS https:\/\/getcomposer.org\/installer | php<\/code><\/pre>\n\n\n\n<p>Y movemos dicho archivo composer.phar al directorio de binarios \/usr\/local\/bin. Revisa que est\u00e9 dicha carpeta antes.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">sudo mv composer.phar \/usr\/local\/bin\/<\/code><\/pre>\n\n\n\n<p>Y cambiamos sus permisos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">sudo chmod 755 \/usr\/local\/bin\/composer.phar<\/code><\/pre>\n\n\n\n<p>A\u00f1adirmos .profile<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">nano ~\/.profile<\/code><\/pre>\n\n\n\n<p>Y a\u00f1adimos un alias para utilizarlo f\u00e1cilmente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">alias composer=\"php \/usr\/local\/bin\/composer.phar\"<\/code><\/pre>\n\n\n\n<p>Seguimos en el terminal:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">source ~\/.profile<\/code><\/pre>\n\n\n\n<p>Y finalmente comprobamos que Composer se ha instalado correctamente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer -v<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"465\" height=\"227\" src=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/configuracion-composer-mac.png\" alt=\"configuracion composer mac\" class=\"wp-image-2967\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configurando-code-sniffer-y-wordpress-standards\"><span class=\"ez-toc-section\" id=\"Configurando_Code_Sniffer_y_WordPress_Standards\"><\/span>Configurando <strong>Code Sniffer y WordPress Standards<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mis instrucciones de instalaci\u00f3n se basan en trabajar con <a href=\"https:\/\/getcomposer.org\/\" class=\"rank-math-link\">Composer<\/a>, el famoso gestor de librer\u00edas en PHP, ya que despu\u00e9s para actualizar todas nuestras librer\u00edas se hace con un s\u00f3lo comando:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global update<\/code><\/pre>\n\n\n\n<p>En cambio, si lo has instalado en otras carpetas como por ejemplo, <a href=\"https:\/\/github.com\/ahmadawais\/VSCode-Tips-Tricks\/blob\/master\/videos\/PHP%2BWordPress-Setup\/WordPress.md\" class=\"rank-math-link\">recomienda Ahmad Awais<\/a>, despu\u00e9s mantenerlas actualizadas se complica sobremanera.<\/p>\n\n\n\n<p>Instalamos en nuestro ordenador, la versi\u00f3n de CodeSniffer.<\/p>\n\n\n\n<p>PHP_CodeSniffer es un conjunto de dos scripts PHP; el principal <em>phpcs<\/em> script que registra archivos PHP, JavaScript y CSS para detectar violaciones de un est\u00e1ndar de codificaci\u00f3n definido, y un segundo script <em>phpcbf<\/em> para corregir autom\u00e1ticamente las violaciones del est\u00e1ndar de codificaci\u00f3n. PHP_CodeSniffer es una herramienta de desarrollo esencial que asegura que su c\u00f3digo se mantenga limpio y consistente.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global require \"squizlabs\/php_codesniffer=*\"<\/code><\/pre>\n\n\n\n<p>Permitimos a composer que permite la configuraci\u00f3n de forma global.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global config bin-dir --absolute<\/code><\/pre>\n\n\n\n<p>Dentro de Composer, creamos un proyecto de Coding Standards para WordPress. Es una librer\u00eda creada para gestionar las reglas recomendadas dentro de WordPress. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global require \"wp-coding-standards\/wpcs\"<\/code><\/pre>\n\n\n\n<p>Una vez bajado dicho proyecto, le decimos a PHPCS que gestione las reglas de Coding Standards, en nuestra ubicaci\u00f3n. <\/p>\n\n\n\n<p>Recuerda personalizar <em><meta charset=\"utf-8\">.composer\/vendor\/wp-coding-standards\/wpcs<\/em> con la ubicaci\u00f3n del proyecto de WordPress<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">phpcs --config-set installed_paths $HOME\/.composer\/vendor\/wp-coding-standards\/wpcs <\/code><\/pre>\n\n\n\n<p>Si no te funciona este comando, en definitiva el archivo <em>.composer\/vedor\/squizlabs\/php_code_snifer\/CodeSniffer.conf<\/em> deber\u00eda contener esta informaci\u00f3n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;?php\n $phpCodeSnifferConfig = array (\n  'installed_paths' =&gt; '\/Users\/USER\/.composer\/vendor\/wp-coding-standards\/wpcs',\n  'default_standard' =&gt; 'WordPress',\n)\n?&gt;<\/code><\/pre>\n\n\n\n<p>Donde <em>installed_paths<\/em> contiene el directorio donde tienes instalado los Coding standards.<\/p>\n\n\n\n<p>Finalmente, definimos la regla que utilizaremos. Tenemos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>WordPress<\/em> &#8211; juego completo con todas las reglas del proyecto\n<ul class=\"wp-block-list\">\n<li><em>WordPress-Core<\/em> &#8211; reglas principales para las normas de codificaci\u00f3n del n\u00facleo de WordPress.<\/li>\n\n\n\n<li><em>WordPress-Docs<\/em> &#8211; reglas adicionales para las normas de documentaci\u00f3n en l\u00ednea de WordPress.<\/li>\n\n\n\n<li><em>WordPress-Extra<\/em> &#8211; conjunto de reglas ampliadas para las mejores pr\u00e1cticas recomendadas, que no est\u00e1n suficientemente cubiertas en las normas b\u00e1sicas de codificaci\u00f3n de WordPress, incluye WordPress-Core.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Damos a PHPCS la ruta de los coding standards de WordPress:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">phpcs --config-set installed_paths $HOME\/.composer\/vendor\/wp-coding-standards\/wpcs <\/code><\/pre>\n\n\n\n<p>Y configuramos el set completo de WordPress.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">phpcs --config-set default_standard WordPress <\/code><\/pre>\n\n\n\n<p>Y ya podemos disfrutar de las recomendaciones de Coding Standard en nuestro editor favorito.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adaptaciones-en-visualcode-para-wordpress-coding-standards\"><span class=\"ez-toc-section\" id=\"Adaptaciones_en_VisualCode_para_WordPress_Coding_Standards\"><\/span>Adaptaciones en VisualCode para WordPress Coding Standards<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Finalmente si utilizamos Visualcode, deberemos configurarle donde est\u00e1 el ejecutable de phpcs, que vendr\u00e1 de nuestra carpeta de binarios de composer. A\u00f1ade estas lineas en tu settings JSON (revisa el ejecutable):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\"><code><code>\/\/ PHPCS. \"phpcs.executablePath\": \"\/Users\/USUARIO\/.composer\/vendor\/bin\/phpcs\", \/\/ PHPCBF. \"phpcbf.onsave\": false, \"phpcbf.standard\": \"WordPress\", \"phpcbf.executablePath\": \"\/Users\/USUARIO\/.composer\/vendor\/bin\/phpcbf\", \"phpcs.ignorePatterns\": [\"*\/vendor\/*\", \"*\/vendors\/*\"],<\/code><\/code><\/code><\/pre>\n\n\n\n<p>Para permitir la integraci\u00f3n con nuestro editor de Coding Standards, que al final es lo que nos hace ponerlo en pr\u00e1ctica, instalaremos la <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ikappas.phpcs\" class=\"rank-math-link\">extensi\u00f3n de VisualCode phpcs<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1578\" height=\"324\" src=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/extension-phpcs-vscode.png\" alt=\"extension phpcs vscode\" class=\"wp-image-2853\" srcset=\"https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/extension-phpcs-vscode.png 1578w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/extension-phpcs-vscode-596x122.png 596w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/extension-phpcs-vscode-768x158.png 768w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/extension-phpcs-vscode-1082x222.png 1082w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/extension-phpcs-vscode-1536x315.png 1536w\" sizes=\"(max-width: 1578px) 100vw, 1578px\" \/><\/figure>\n\n\n\n<p>Es un preprocesador Lint, que nos va se\u00f1alando en todo momento los errores y mejoras que al situarse encima, nos ense\u00f1a el error a subsanar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1366\" height=\"352\" src=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/subrayado-phpcs.png\" alt=\"subrayado phpcs\" class=\"wp-image-2855\" srcset=\"https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-phpcs.png 1366w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-phpcs-596x154.png 596w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-phpcs-768x198.png 768w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-phpcs-1082x279.png 1082w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1230\" height=\"214\" src=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/subrayado-explicacion-phpcs.png\" alt=\"subrayado explicacion phpcs\" class=\"wp-image-2856\" srcset=\"https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-explicacion-phpcs.png 1230w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-explicacion-phpcs-596x104.png 596w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-explicacion-phpcs-768x134.png 768w, https:\/\/davidperezgar.com\/en\/wp-content\/uploads\/sites\/4\/subrayado-explicacion-phpcs-1082x188.png 1082w\" sizes=\"(max-width: 1230px) 100vw, 1230px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Actualizar_a_la_version_30\"><\/span>Actualizar a la versi\u00f3n 3.0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">composer global update wp-coding-standards\/wpcs --with-dependencies<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Tener integrado los <strong><em>WordPress Coding Standards<\/em><\/strong> en nuestro editor es fundamental para escribir un c\u00f3digo m\u00e1s seguro, limpio y f\u00e1cil lectura. Y la integraci\u00f3n es imprescindible para ponerlo en marcha.<\/p>\n\n\n\n<p>Fuentes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/github.com\/WordPress-Coding-Standards\/WordPress-Coding-Standards\" class=\"rank-math-link\">Repositorio oficial de WordPress Coding Standards<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/tommcfarlin.com\/php-codesniffer-in-visual-studio-code\">TomMcFarlin PHP Coding Sniffer<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2012\/07\/guide-wordpress-coding-standards\/\">Guide To WordPress Coding Standards \u2014 Smashing Magazine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/gist.github.com\/nunomorgadinho\/b2d8e5b8f5fec5b0ed946b24fa288a91\" class=\"rank-math-link\">Configuraci\u00f3n de Nuno en Gist<\/a><\/li>\n<\/ul>\n\n\n\n<p>Revisiones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Septiembre 2023: A\u00f1adido instalaci\u00f3n Composer con brew.<\/li>\n\n\n\n<li>Noviembre 2021: A\u00f1adido el archivo CodeSniffer.conf.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>La programaci\u00f3n hoy en d\u00eda, se hace fundamental con Coding Standards. El objetivo es mantener un mismo estilo, de manera que al observarlo puedas interpretarlo f\u00e1cilmente. \u00bfQu\u00e9 es Coding Standards? Los Coding Standards son unas reglas de estilo a la hora de desarrollar, que nos permite una mejor lectura y entendimiento de las funciones. Trata [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2859,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Desarrollar usando PHPCS WordPress Coding Standards","_seopress_titles_desc":"Gu\u00eda de c\u00f3mo trabajar tu c\u00f3digo con WordPress Coding Standards y configuraci\u00f3n en tu Mac utilizando Composer y PHPCS.","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[168],"tags":[],"class_list":["post-2799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"_links":{"self":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts\/2799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/comments?post=2799"}],"version-history":[{"count":0,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts\/2799\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/media\/2859"}],"wp:attachment":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/media?parent=2799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/categories?post=2799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/tags?post=2799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}