Tinkerwell y Local WP para desarrollar con WordPress

Probar código WordPress y estar abriéndolo en el navegador para ver los resultados es todo un reto, sin embargo, cuando usas Tinkerwell y Local WP para desarrollar tus proyectos WordPress se vuelve sencillo.

Tinkerwell y Local WP son herramientas de desarrollo que usarás día con día no solo con WordPress.

Sin embargo, Tinkerwell y Local WP no vienen configurados para trabajar directamente; tendrás que hacer una pequeña modificación para hacerlos funcionar.

¿Qué es Tinkerwell?

Tinkerwell es una herramienta de desarrollo donde puedes ejecutar y probar código PHP. Está enfocado para Laravel y scripts para PHP, pero también se puede integrar con WordPress, Magento, entre otros.

Tiene que pagar una licencia que dura un año de actualizaciones y lo puedes instalar hasta en 2 computadoras.

Si no quieres pagar la licencia, entonces puedes usar la versión web pero no podrás integrarlo con algún framework como WordPress. Solo podrás ejecutar código PHP y Laravel.

Abre Local WP en Tinkerwell

Por default, Tinkerwell usa una instancia Laravel para ejecutar los códigos PHP que ejecutes en el editor.

Para trabajar con WordPress debes abrir la carpeta public de tu sitio Local WP, tal como ves en el siguiente video:

En la última parte del video, aparece el error "Database Error". Este error quiere decir que nuestro WordPress abierto en Tinkerwell no está detectando la configuración de nuestra base de datos.

Configura Tinkerwell y Local WP

Para evitar el error "Database Error" debemos hacerle saber a Tinkerwell a qué instancia o puerto de base de datos (de tu sitio) conectarse.

El truco está en obtener el puerto de base de datos de nuestro sitio Local WP, éste lo encuentras dentro de la pestaña "DATABASE" dentro de Local WP:

Obtener puerto de base de datos de sitio en Local WP.
Obtener puerto de base de datos de sitio en Local WP.

Ahora abre el archivo wp-config.php de tu sitio Local WP. En mi caso, el archivo se encuentra en la siguiente ruta:

E:\Sites\local-performance\app\public\wp-config.php

En el archivo encontrarás varias constantes PHP definidas y la que nos importa en este momento es la constante DB_HOST.

Esta constante determina la dirección donde se conectará la base de datos de tu sitio. Actualmente la constante luce así:

/** MySQL hostname */
define( 'DB_HOST', 'localhost' );

Ahora tenemos que agregar el puerto que obtuvimos anteriormente de la siguiente manera:

/** MySQL hostname */
define( 'DB_HOST', 'localhost:10034' );

Guarda el archivo, reinicia el sitio en Local WP y es momento de probar.

Usa 127.0.0.1 en vez de localhost para acelerar la carga de tu sitio Local WP. Lee la explicación del truco en este enlace.

Ejecuta funciones WordPress en Tinkerwell

Después del cambio anterior en tu archivo wp-config.php, ve de nuevo a Tinkerwell y ejecuta la siguiente función:

echo home_url();

Ya no debes ver el error "Database Error", ahora debes ver el enlace de tu sitio Local WP. En mi caso, me retorna:

http://localhost:10035

Puedes probar una función más compleja como:

get_users();

La función anterior retornará una lista de usuarios registrados en tu sitio:

Prueba Tinkerwell y Local WP.
Prueba Tinkerwell y Local WP.

Ahora si estás listo para probar código WordPress directo en Tinkerwell en vez de estar abriendo la interfaz de WordPress a cada rato.

Por ejemplo, yo antes solía utilizar demasiado la función var_dump() para imprimir los datos de un filtro o un action dentro de WordPress.

Con el uso de estas herramientas, me olvido de esa función.

Roel Magdaleno
Escrito por Roel Magdaleno

Roel Magdaleno es un ingeniero informático especializado en desarrollo web desde hace más de 5 años. Desarrolla sitios web, aplicaciones web, plugins para WordPress y scripts con PHP y JavaScript. Además, comparte su conocimiento en su blog personal.

Deja un comentario