WordPress para desarrolladores Javascript. Tercer artículo de mi guía WordPress para desarrolladores Javascript en la que voy a explicar lo mínimo que necesitas saber de WordPress y PHP para desarrollar utilizando Javascript.

WordPress para desarrolladores Javascript

Antes de seguir es posible que te interesen otros artículos de la serie sobre desarrollo WordPress para frontenders Javascript:

Añadiendo código Javascript a una web WordPress

Ahora empieza lo bueno. Como buen frontender Javascript ¿qué vas a querer? Escribir tu código Javascript y que se ejecute en WordPress (a PHP que le peten)

Lo mínimo, lo más rápido y más fácil que necesitas saber sobre WordPress para añadir código Javascript es esto:

Coloca tú código JavaScript (ya sea propio o librerías externas) dentro de la carpeta js del tema hijo y utiliza la función wp_enqueue_script de WordPress para cargarlo. Recomendable leer la documentación de WordPress para cargar JavaScript por supuesto.

Aquí un ejemplo para cargar una librería externa que depende de jQuery:

wordpress para desarrolladores javascript

La llamada a la función wp_enqueue_script la incluimos dentro de una función propia y la cargamos en WordPress con la función add_action.

Por supuesto, en el propio código Javascript te puedes registrar a los eventos que sea para que se ejecute tu código ante una acción del usuario.

Más recursos sobre desarrollo WordPress para frontenders Javascript

Y ya está. 3 maneras fáciles de desarrollar en WordPress si eres frontender Javascript: modificando el tema, ejecutando tu propio código JavaScript y añadiendo funcionalidad a través de shortcodes.

Para los que quieran ir un poco más allá y trabajar con el contenido de base de datos, autenticación, etc. desde hace unos meses está disponible la API REST de WordPress y el correspondiente cliente Javascript para WordPress

Con todo esto, ahora ya no tienes excusa para empezar a desarrollar con WordPress.