WordPress Linting

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

Hoy en día el uso de linting nos ayuda a mantener el estándar en nuestro código fuente, forzando al programador o grupo de programadores a seguir ciertas reglas preestablecidas, unificando de esta manera la legibilidad del mismo, también nos permite detectar posible errores que tengamos en nuestro código fuente.

En este post les hablare de las opciones que nos ofrece WordPress para seguir sus estándares en nuestro código PHP y JavaScript.

Se asume conocimiento previo en PHP, Composer, NodeJS, NPM y ESLint.

Algunas partes del código de ejemplo ha sido basado en el tema FoundationPress.

WordPress Coding Standards - PHP

WordPress ha creado sus reglas de linting conocidas como WPCS y se puede instalar en tu tema mediante composer.

Se debe instalar también el PHP Code Sniffer (phpcs) y PHP Code Sniffer Fixer (phpcs-fixer)

El siguiente código es un ejemplo de cómo luce el archivo composer.json

El set de reglas se definen en un archivo XML, se recomienda llamar este archivo ruleset.xml. A continuación un ejemplo de este archivo.

Para validar nuestro código, podemos ejecutar el siguiente comando

$ ./vendor/bin/phpcs --standard=ruleset.xml

WordPress Coding Standards - JS

WordPress también establece las reglas para el uso de JavaScript, esto se puede utilizar mediante el paquete eslint.Ejemplo del archivo de configuración .eslintrc.json
Podemos validar nuestro código ejecutando el siguiente comando$ node ./node_modules/.bin/eslint ./src/assets/js/**

Referencias

Te podría interesar
Tips

Optimización de Sitios Web

Hacer una página es más rápido que antes gracias a las herramientas de publicación y editores de contenidos que facilitan este proceso, sin embargo, un factor que siempre debe tomarse en cuenta es: ¿qué tan rápida es la carga de nuestro sitio web?

Leer Más >>
Tecnología

Tutorial Básico de Git

Git es un sistema de control de versiones descentralizado, a diferencia de SVN que almacena el repositorio en un servidor centralizado, Git crea una copia del repositorio cada vez que alguien descarga el repositorio.

Leer Más >>
Tips

Custom Web Fonts

Con la entrada de HTML5 se han abierto muchas puertas para poder utilizar un Font que no es estándar dentro de nuestra página, esto lo podemos lograr de utilizando la regla CSS3 @font-face, la librería Cufón de Javascript o servicios de Fonts en línea como lo es Google WEB Fonts.

Leer Más >>

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *