509 | Crea bloques de WordPress sin programar (fácil, con Telex)

En el episodio 509 de WordPress Semanal te presento Telex, una herramienta que te permite crear bloques personalizados para WordPress. Describes lo que quieres, la inteligencia artificial genera el código y descargas un plugin listo para instalar. Vamos allá. Hola, hola, soy Gonzalo Navarro y Bienvenidos al episodio 509 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Hoy te voy a hablar de Telex, que es una herramienta gratuita tipo chat GPT o estas herramientas similares, pero enfocada única y expresamente a generar bloques para el editor de WordPress. Y en este episodio te voy a hablar un poquito más en detalle de qué es exactamente y por qué es importante, para quién es útil, por si estás pensando, pues lo mismo, esto no vale para mí, qué tipo de bloques te permite crear, cómo funciona paso a paso, es decir, venga, te he convencido y quieres ir a crear tu primer bloque, qué pasos tienes que dar, algunas limitaciones al menos en el momento de grabar este episodio que es importante que conozcas. Y por último te voy a poner en contraposición la creación de un bloque con Telex o si tuvieras que crearlo a mano escribiendo código, para que veas un poco lo realmente potente que es este método, pero también las limitaciones que hay. En un momentito vamos con todo ello, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues tenemos nuevo vídeo de la zona código y en él te enseño a mostrar una advertencia en la parte de edición de una entrada si no tienes imagen destacada puesta. De hecho, si te gusta esta idea y quieres que saque un vídeo y un snippet de código para otra cosa que se te suele olvidar antes de publicar una entrada, dímelo y lo preparo. Pero la idea es esta, como siempre en la zona código, pues sigues el vídeo, copias el código que te dejo y lo pegas tal y como te muestro. No tienes que saber absolutamente nada de código, es código para no desarrolladores y es simplemente esto. Imagínate que tienes un blog y sueles publicar regularmente y una de las cosas que se te olvidan es poner una imagen destacada, o tienes otros autores que publican en tu blog también y quieres que no se le olviden, quieres tenerle este recuerdo, pues entonces esto detecta si hay imagen destacada o no y muestra un aviso en la parte de arriba. Es solo un aviso, digamos, no te impide publicar porque lógicamente habrá veces en las que quieras publicar sin imagen destacada, pero tienes ese aviso ahí que puedes quitar si quieres, que puedes personalizar. Yo te explico cómo modificar esa parte, no tienes que tocar nada de código, sino simplemente esa línea de texto y es muy facilito. Te lo dejo en las notas del episodio, como siempre, Gonzalo Navarro es y el número del episodio, que en este caso es el 509, así que Gonzalo Navarro es 509 y vas directo a las notas del programa o si no en tu aplicación de podcast, si las ves bien, que algunas que las muestran muy bien, pues ahí lo vas a tener. ¿Más novedades? Pues Curso de Telex. Te va a encantar este curso porque es 100% práctico y te enseño a crear bloques personalizados para WordPress sin escribir absolutamente nada de código. Lo vas a hacer utilizando lenguaje natural y esta IA, esta herramienta de Inteligencia artificial de Automatic. Te enseño a crear bloques básicos como pueden ser una CTA, una llamada a la acción, hasta bloques más avanzados con interactividad, como pueden ser que si el usuario en la parte frontal pulsa sobre algo, cambie el contenido que está apareciendo. Esto es muy típico en un bloque de pestañas, que tú le vas dando distintas pestañas y cambia el contenido. Un bloque de preguntas frecuentes, que le das al título de la pregunta y se despliega la respuesta. Un bloque de precios, donde si le das a ver precios anuales, pues te cambia las tablas de precios y te muestra los anuales. Esto son cosas interactivas y gracias a que Telex se integra muy bien o conoce muy bien el funcionamiento de WordPress, por dentro lo haces utilizando, no me quiero poner muy técnico, pero aprovechando la API de interactividad de WordPress, así que se hace de forma óptima. Pero a ti todo esto te da igual porque tú simplemente escribes y le dices a Telex lo que quieres y lo vemos en el curso. Además vas a tener todos los prompts que utilizo, vas a tener la posibilidad de descargar los bloques que creamos y en la última clase te explico incluso cómo compartirlo, ya sea que quieras llevártelo a la web de un cliente o si estás pensando en publicar ese plugin en el Directorio oficial de WordPress. Ya disponible este curso para todos los suscriptores. Hace tiempo que no cuento cuántos cursos llevamos, pero nos debemos estar acercando a los 100 cursos ya publicados para crear y gestionar webs con WordPress. Da igual el nivel en el que estés y el objetivo que tengas. De hecho tienes una sección en la parte de cursos donde puedes filtrar por tu camino y hacer los cursos que necesites. Lo tienes en las notas del episodio, si no en Gonzalo Navarro, es toda la info para apuntarte. Venga, pues una vez vistas las novedades, vamos ahora con el plugin de la semana que se llama Create Block Theme. Este es un plugin que te traigo porque está muy relacionado con lo que vamos a ver en este episodio. Es un plugin oficial de WordPress. Org y te permite crear temas de bloques sin tocar código. Es decir, Block Themes, un theme que se vale del editor de bloques de WordPress y te permite clonar un theme existente, te permite crear uno en blanco, te permite exportarlo como un zip, incluso guardar tus personalizaciones del editor de estilos directamente en el tema. Esto es ideal si quieres experimentar con el desarrollo de temas de bloques o si quieres crear un tema sencillito a partir de otro. De hecho, si os interesa me decís si sacamos también un curso de este plugin, sobre todo la parte práctica, cómo sería eso de crear nuestro propio tema de bloques. De nuevo se llama Create Block Theme, lo tienes en las notas. Venga, y ahora sí, vámonos con el tema central del episodio. Crea bloques de WordPress sin saber programar con Telex. ¿Y qué es esto de telex? ¿Por qué importa esto? Bueno, Telex es una herramienta gratuita del equipo de inteligencia artificial de Automatic. Ya sabéis, Automatic es la empresa que está detrás de WordPress puntocom, su cofundador, bueno, su fundador Matt Mullenweck, es uno de los cofundadores, co creadores del software de WordPress y su influencia en la comunidad y en todo lo que se hace dentro de WordPress es tremenda. Entonces lo presentaron, presentó Matt Mullenway precisamente en la Worldcamp de Estados Unidos hace varios meses, me parece que fue en verano, no me acuerdo bien. Y la presentó. Entonces su funcionamiento es el tú describes el lenguaje natural, el bloque que quieres, ya sabes que el bloque, entiendo que estamos todos en la misma línea, pero un bloque simplemente tú estás en editor nativo de WordPress y añades cualquier cosa, un bloque de párrafo, un bloque de imagen, algunos bloques más avanzados como puede ser un bloque de galería, como hemos dicho antes, un bloque de tabla de precios, un bloque de acordeón, lo que sea. Es decir, esto que añadimos desde el editor para mostrar, crear un contenido, aquí estamos generando esto nosotros, que luego estará disponible para añadir desde el editor. Nosotros describimos como si estuviésemos escribiendo a ChatGPT o a Gemini o lo que sea, el bloque que queremos. Telex genera el código automáticamente y tú ya lo puedes probar en WordPress Playground, que es como una instancia donde tienes WordPress instalado y puedes irte a la administración, puedes irte a la parte del editor o puedes irte a la parte frontal para ver cómo queda. Sería como una web de demostración de WordPress donde tú puedes ir probando esto y se integra con Telex para que puedas probarlo al vuelo. ¿Qué tienes que hacer? Te genera el bloque y tienes que hacer algún cambio, pues sigues hablando con el chat de inteligencia artificial y te va aplicando los cambios y cuando te convence lo descargas. Descargas el plugin como un archivo zip, lo instalas en tu web y te pone el bloque disponible en el editor, estás editando una entrada, una página, lo que sea y ya lo puedes empezar a utilizar, lo instalas básicamente en tu web como cualquier otro plugin. Entonces, ¿Para quién es útil? Bueno, es para casi todo el mundo, porque ya sea que tu nivel seas desarrollador, o sea es un usuario básico o medio o lo que sea, tiene casos de uso, por ejemplo, si tienes una idea de funcionalidad y no encuentras resuelta en un bloque existente en un plugin ni nada, pues puedes, aunque no sepas desarrollo, crearla con Telex, o si quieres prototipar algo muy rápido sin depender de un desarrollador, incluso podrías darle el prototipo al desarrollador y que el desarrollo continúe desde ahí, o si eres un freelance, eres agencia y necesitas bloques específicos para clientes, ahora hablaremos de qué tipos de bloques, porque no se puede crear todo, o otro caso de uso si te interesa aprender cómo funcionan los bloques por dentro, esto es una pasada porque te genera los archivos, tú puedes verlos, puedes descargarlo, puedes analizar el código si quieres, si no, simplemente ya digo, lo usas a nivel más amateur. Entonces esto no es un constructor de web, no nos reconstruye nada, ni tampoco va a sustituir a Elementor ni al propio editor de bloques. Es simplemente una herramienta para crear piezas pequeñitas y funcionales. Y estas piezas pequeñitas y funcionales son bloques. He mencionado Elementor, pero no puedes utilizar estos bloques con Elementor, son solo para el editor nativo de WordPress. ¿Qué tipos de bloques puedes crear con Telex? Bueno, hay varios ejemplos, puedes buscar en Twitter Telex y ves ejemplos, te puedes ir a la página de Telex y vas a ver también ejemplos chulos. Algunos son nada útiles pero muy llamativos y otros sí que pueden ser realmente útiles. Por ejemplo hay listas de ingredientes y que puedes seleccionar para cuántas personas, entonces te cambia las cantidades. Hay acordeones de preguntas frecuentes muy chulos que se han creado directamente con Telex, cuestionarios de personalidad, lo típico que te dice qué tipo de persona eres en función de las cosas que el visitante rellena, pues tú lo puedes crear o configurar desde el editor y luego en la parte frontal el usuario lo utiliza. He visto líneas de tiempo interactivas, contadores que va pasando el tiempo y te va contando que están animados, que están muy chulos. Luego más tonterías como generadores de citas aleatorias. Hay un buscaminas que puedes jugar desde el editor, que esto ya digo, está bien como ejemplo gracioso, pero bueno, luego eso no tiene utilidad. Pero yo te diría que si tú vas a utilizarlo, que lo hagas para bloques pequeños o medianos con una funcionalidad muy clara. De hecho en el curso siempre digo esta idea porque es lo que más útil te va a resultar. ¿Cómo funciona si tú quieres ponerte a crear tu bloque? Bueno, entras en Telex Automatic e inicia sesión con tu cuenta de WordPress. Com. Si no tienes una, a lo mejor tienes una y no lo sabes, porque tú necesitas una cuenta de WordPress. Com, por ejemplo para poner una reseña a un plugin o a un theme para escribir en el foro de soporte de WordPress. Org. Siempre que tengas que hacer algo dentro de WordPress te obligan a iniciar sesión con una cuenta de WordPress. Com. No quiere decir que tengas webs en WordPress. Com, sino que simplemente una cuenta gratuita y si no la tienes te la creas y ya está. Luego ya una vez que inicias sesión ya te sale la activ. Cajita, ya digo, tipo chatGPT, Gemini Cloud, lo que sea, y ya empiezas a escribir. Crea un bloque que muestre testimonios en carrusel, con foto, nombre y texto, y que el usuario pueda añadir testimonios desde el editor, por ejemplo. Entonces Telex coge, interpreta tu petición y genera el código JavaScript, el código PHP, los estilos CSS, la integración con el editor de bloques. Y cuando lo hace, lo ves ya funcionando desde esta instancia que te decía yo, WordPress Playground, no tienes que hacer nada, ya te abre directamente un WordPress en el editor. Tú ves ese bloque ya creado, lo puedes ya probar, lo puedes configurar, puedes irte a la parte frontal para ver cómo queda, te puedes ir al administrador de WordPress y añadir otros plugins si quieres, para ver cómo va en consonancia con esto que tú has generado. Si algo no te convence, pues sigues escribiendo, le dices cambia esto, añade esto y le dices tus ajustes adicionales. En el curso te explico lo que yo veo que es mejor. Muchas veces si le das un prompt muy grande de primeras falla. Entonces te explico varios pasos cómo yo ideo la creación primero, primero cómo pienso en todo lo que voy a necesitar de ese bloque y después cómo se lo voy a pedir a la inteligencia artificial para que me lo vaya generando. Además puedes, ya digo, copiar los prompts sin problemas y el método que sigo, sobre todo en la última clase, donde te doy ahí todos los descargables y demás. Y en definitiva, cuando estás satisfecho ya lo puedes descargar. Ese bloque se descarga en formato zip, como si fuese un plugin, vamos, como si fuese un plugin, no es un plugin, y lo subes y ya tienes el bloque disponible en tu WordPress. Otra opción que tienes, además de descargarlo y demás, es compartirlo. Puedes compartirlo al mundo, a cualquiera, con un enlace y estas personas pueden verlo, no pueden ver el historial de chat, pero todo lo demás lo pueden ver, pueden ver el editor, pueden ver la parte frontal cómo queda, pueden descargarse el plugin, pueden hacer lo que se llama un remix, que sería como un fork, como una copia, y seguir desde ahí añadiéndole cambios y mejoras a eso que tú has creado. Y tú puedes hacer lo contrario también. Puedes irte a un enlace de algo que haya creado alguien, crear esa copia, que se llama remix, ya digo, y partir desde ahí. Limitaciones qué debes conocer de esto Telex sigue en el momento en que grabo esto, en fase experimental. Eso significa que los resultados pueden variar entre sesiones. Por ejemplo, en una de las clases yo creo un bloque de pricing. Yo ya había creado uno previamente, que de hecho estoy utilizando en mi web ahora mismo, no a su máximo potencial, pero lo he preparado para más adelante que tengo una idea de lo que quiero hacer con el pricing de mi web. Lo he dejado preparado para una cosa más avanzada. Ahora mismo lo uso en su versión más sencilla y lo creé y apenas me dio problemas y fue todo genial. Sin embargo, grabando esa clase del curso me encontré con problemas y viene muy bien porque te explico qué hacer en estos casos. Porque otra de sus limitaciones que no te he dicho es que no hay un historial de versiones. Si tú por ejemplo aplicas un cambio y en ese cambio se ha roto algo y no te ha gustado, tú no puedes volver a la versión anterior. Por eso en el curso te aconsejo que vayas descargando cuando ya tengas una versión buena del plugin, lo vayas descargando. Entonces esto es una de las grandes limitaciones, seguramente por memoria, y es que no puedes volver justo a versiones anteriores de todos los cambios que hayas ido haciendo. Entonces, como te decía, en una cosa que hice prácticamente igual me funcionó casi a la perfección y en otra que quise hacer lo mismo pues me dio más error. También puede ser que a veces el código no funciona a la primera, aunque le digas una instrucción sencilla, puedes decir que lo corrija y demás y en estos casos lo va a corregir fácilmente. Otra limitación es que los bloques complejos, sobre todo los que tienen cosas anidadas, es decir, un bloque dentro de otro, esto no lo soporta bien. De hecho yo ni lo intentaría de momento porque es muy raro que te funcione. Luego si quieres hacer una funcionalidad muy crítica, muy avanzada, pues tampoco lo haría. Y para lo que sí está muy bien es para animaciones chulas o interactividad como esto que te digo yo de que pulsas en algo y te cambia el contenido. Para esto sí que es bastante avanzado, si no sabes código, si no sabes JavaScript y demás. Además con la posibilidad que te decía yo de integrarse o utilizar las buenas prácticas llamando a la Interactivity API, es decir, a API de interactividad de WordPress. Así que mi consejo ya digo, es que lo uses para bloques sencillitos, para hacer prototipos, para ir aprendiendo y por supuesto para cosas puntuales para tus webs, las de clientes, pues también en el curso te explico qué revisiones puedes hacer y cómo utilizar un plugin del propio WordPress para comprobar si ese bloque o ese plugin que has generado sería apto para publicar en el directorio oficial de WordPress. Pero aquí ya sí que te recomendaría revisar el código o que un desarrollador te lo revise más allá de lo que te explico en esa clase. Por último te quería hacer una pequeña comparativa entre lo que sería utilizar Telex, es decir, crear bloques sin usar código o crear los bloques a mano. A ver, crear un bloque desde cero requiere bastante conocimiento, tienes que saber React, o al menos JavaScript moderno, tienes que entender la arquitectura del editor de bloques por dentro, tienes que saber configurar herramientas de compilación como Webpack y por supuesto escribir PHP, al menos para el registro del bloque. Con Telex te saltas todo esto, tú describes un prompt, generas descargas e instalas, pero claro, para bloques sencillos o prototipos, donde ahí sí tienes un control brutal y esto es un cambio bestial porque antes no podías hacer esto. Para proyectos complejos o personalizados un poco ya más al milímetro, pues sigue siendo necesario saber programar o contar con un desarrollador. Bueno, espero que le des una probada a Telex, ya digo, en las notas del episodio tienes el enlace a su web oficial y por supuesto al curso de Telex donde te guío paso a paso desde cero para que utilices esta herramienta de la forma más sencilla posible. Incluso cuando me voy encontrando con errores te explico cómo resolverlo y cómo valerte de otras herramientas para en algunos casos mitigar las limitaciones de Telex o complementar con lo que no pueda hacer. Además son solo 5 clases, así que en una o dos tardes ya vas a estar a tope con esto. Nada más por este episodio, feliz entrada de año, nos seguimos escuchando. Adiós.