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:
- Introducción a la guía de desarrollo WordPress
- ¿Cómo crear un tema hijo en WordPress?
- ¿Cómo modificar el diseño de una web WordPress?
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:
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.