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:

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.

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:

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.