Este episodio de HECHO CON BLOQUES analiza varios temas de WordPress, como nuevas funciones en la última versión de WordPress, herramientas de inteligencia artificial como generadores de sitios web, como Quick WP, y de imágenes, sostenibilidad en el desarrollo web y consejos para usar el editor de bloques de WordPress. El presentador Antonio Cambronero habla sobre estos temas y recomienda herramientas y recursos para usuarios y desarrolladores de WordPress.

[Episodio estrenado en Blogpocket: 12/04/24]
Aquí hay un resumen de cinco puntos clave de este vídeo
Puntos claves obtenidos a partir de la transcripción de este episodio sobre herramientas de IA generativa, por la herramienta AssemblyAI (con corrección humana).
- La última actualización de WordPress se centra en la personalización y en enriquecer la experiencia de creación de sitios web. Herramientas como QuickWP permiten la creación rápida de sitios de WordPress.
- Shareopenly.org es una nueva herramienta para compartir contenido fácilmente en redes sociales alternativas como Mastodon.
- Google Analytics 4 reemplazará a Universal Analytics el 1 de julio de 2024, por lo que los sitios deben migrar.
- Se pueden utilizar herramientas de generación de imágenes como Lexica.art para crear mensajes e imágenes.
- Este episodio analiza el bloque de fondo del editor de bloques de WordPress, la sostenibilidad en el diseño web y herramientas de inteligencia artificial como Perplexity.ai.
Contenido del episodio nº 51 del videopodcast HECHO CON BLOQUES (transcripción)
Transcripción obtenida mediante la herramienta AssemblyAI (con corrección humana).
00:00 – La más reciente actualización de WordPress se enfoca en los detalles, proporcionando nuevas y mejoradas formas de personalizar y enriquecer tu experiencia en la creación de sitios web, permitiéndote tener el control de una manera que refleje tu estilo personal. A eso y a otras muchas cosas dedicamos este nuevo episodio. Soy Antonio Cambronero y esto es HECHO CON BLOQUES.
[Suena la sintonía]
00:26 – ¿Pero quién aparece en esta ocasión? ¿Ocasión? ¿En este episodio, de hecho, con bloques en la entradilla? Bueno, no soy yo. O sí, es un avatar. Es un avatar de inteligencia artificial.
¿Lo hemos hecho cómo? Pues con inteligencia artificial, con la aplicación Heygen, una aplicación que te permite clonar tu voz y también traducir vídeos automáticamente.
00:48 – Ya está disponible la versión 6.5 de WordPress, apodada Regina en honor de la violinista de jazz Regina Carter. Como sabes, todas las versiones de WordPress llevan asociado un músico de jazz, desde la versión un la que salió en enero de 2004.
En Blockpocket mantenemos una infografía con todos los músicos de jazz de las versiones de WordPress y con su correspondiente lista de reproducción.
01:17 – Y hablando de WordPress, vamos a ver una herramienta que hemos visto la semana pasada. Se llama QuickWp y como vas a ver en este ejemplo, es súper rápido crear un sitio web, además con la edición completa del sitio, con la última versión de WordPress y con la posibilidad de descargarte el resultado en un Zip en tu ordenador para, por ejemplo, llevártelo a la herramienta Local y seguir desarrollando el sitio.
Es tan fácil como esto que vamos a ver. Simplemente tienes que decirle a la herramienta, a la aplicación, cuál es el tipo de sitio que vas a crear. Por ejemplo, vamos a crear, lo podemos decir en español, vamos a crear un sitio web para una academia de informática.
¿De acuerdo? Aquí damos a continuar y aquí en la siguiente pantalla le vamos a explicar un poquito más acerca de nuestro sitio web, de a qué está dedicado o para que público está enfocado. Escribimos, por ejemplo, que nuestro sitio web es sobre una academia de informática llamada Bit, que se encuentra ubicada en el centro de Madrid y lleva dedicada 10 años a la enseñanza del mundo de la tecnología, los ordenadores, Internet. Podemos escribir lo que queramos.
Hacemos clic en el botón de continuar y en la siguiente pantalla vamos a elegir una serie de imágenes que se van a utilizar en este sitio web. Elegiremos, por ejemplo, cuatro imágenes cualquiera. Como es una academia de informática, pues podemos buscar imágenes tanto en el apartado de tecnología como en el de ordenadores o educación.
Bueno, ya digo, cualquier tipo de imagen que nos venga bien y a continuación hacemos clic en continuar para pasar a una pantalla en la que elegiremos la plantilla. Elegimos la plantilla, por ejemplo esta y hacemos clic en el botón Continuar. Aquí a la derecha vemos una vista previa de cómo va a quedar el sitio, bastante espectacular.
Vamos a hacer clic en el botón correspondiente al color base de nuestra plantilla. Presionamos el botón continuar y la aplicación nos ofrece ahora poder descargar el ZIP con la instalación de este sitio de WordPress para que lo podamos, como decía al principio, poner en cualquier aplicación de pruebas o en nuestro sitio de producción si quisiésemos, etc. Para seguir desarrollando el sitio, para modificarlo, cambiarlo o simplemente ver ahora el sitio, haríamos clic en descargar, luego en ver el sitio para ver.
Bueno, aquí también tenemos el botón por supuesto para descargar, pero aquí vemos una vista previa del sitio con una cabecera relacionada con el texto que introdujimos al principio Bienvenido a BIT, que es el nombre que le dimos a la academia de Informática. En fin, y lo que hace la Academia de acuerdo a eso que hemos escrito enseñanza especializada, 10 años de experiencia, ubicada céntrica en Madrid, las imágenes que hemos elegido, y una serie de apartados para promocionar nuestra academia en este caso, pero podríamos dedicar el sitio web a lo que queramos, ¿de acuerdo? Esta es una de las maneras más sencillas que hemos encontrado últimamente para fabricar un sitio de WordPress, con la última versión enfocada a bloques, a los bloques de Gutenberg. Y como has visto en pocos minutos
05:21 – [Se escucha a Jamie Marsland, en inglés] By posting a comment below who you follow and are getting incredible value from in the WordPress space at the moment.
So by the end of this video, you’re gonna have fifteen amazing people to follow and keep on top of your WordPress skills. Let’s dive in.
[Finaliza el fragmenteo del vídeo de Jamie Marsland]
¡Construyendo más allá! Eso es lo que hacen estos 15 desarrolladores de WordPress que no te puedes perder en 2024. Este es el último vídeo que ha subido Jamie Marsland al canal de YouTube de WordPress.com.
05:53 – Quería hablarte a continuación de una herramienta muy interesante que ha creado Ben Werdmüller y que sirve para compartir en redes sociales nuevas como Mastodon, Blue Sky, Threads, etc. contenidos como se hacía habitualmente o como se hace habitualmente con el botón de compartir en. En este caso lo que ha hecho Ben Werdmüller es integrar o aunar varias de las nuevas redes sociales para que se pueda hacer fácilmente esta tarea de compartir en, simplemente tenemos que ir a ShareOpenly.org. Share Openly es el nombre que le ha dado a la herramienta y en esta caja podríamos escribir o teclear cualquier enlace, por ejemplo, una de las últimas publicaciones de Blogpocket.com inteligencia artificial, la escribimos y hacemos clic en compartir. A continuación lo que tendríamos que elegir es la instancia de Mastodon, por ejemplo, o la red Bluesky, Threads, donde queremos compartir esa información.
Aquí vemos que tenemos la mini-instancia federate.blogpocket.com al principio, porque ya he utilizado la herramienta antes y esto es una pequeña ayuda que se hace para no tener que escribir siempre aquí la instancia donde quieres compartir el post. Pero si quisiésemos compartirlo en mi propia instancia de Mastodon, haríamos clic ahí y entonces se abre.
Por supuesto, si no tengo sesión iniciada, tengo que iniciar sesión en esa instancia, en este caso de Mastodon, y se forma el post con el enlace. Aquí, por supuesto, pues puedo escribir lo que quiera, podría decir pues mi última publicación sobre IA y simplemente después hacer clic en publicar.
07:57 – Por otra parte, te recuerdo que el 1 de julio de 2024 dejará de funcionar la propiedad que tengas antigua de Analytics, de Google Analytics y pasarás a utilizar la nueva versión GA4.
Así que si no has migrado todavía, es el momento de hacerlo. Es muy sencillo, puedes seguir esta guía oficial para hacerlo. También tienes información en Blogpocket.com sobre cómo hacerlo y qué es Google Analytics 4, cómo puedes realizar las mediciones estadísticas de tu sitio web o de tu blog.
08:37 – Y en HECHO CON BLOQUES también dedicamos espacio a la inteligencia artificial. Esta semana he estado probando un GPT de ChatGPT 4, a propósito de de que en verano tendremos la versión 5.
Para hacernos una idea de la potencia que tendrá esto, pues si chatgpt ya nos permite hacer cosas increíbles, imagínate con una versión superior. Pero decía que había estado probando un GPT en la versión 4, la versión de pago de ChatGPT Plus, un prompt engineering, es decir, un GPT que ayuda a crear prompts. Para que te hagas una idea de lo que se puede hacer con este GPT, pues le dije que estoy aprendiendo a pintar y que me ayudase a crear una imagen para copiar estilo óleo.
El GPT que bueno, creo que lo he dicho, que se denomina Prompt Engineering, pues se pone a trabajar y elabora un prompt muy, muy extenso, muy detallado, como puedes ver aquí. ¿No lo vamos a leer entero, pero la idea es que una vez que tenemos este prompt con la descripción de la imagen para pintar al óleo, podríamos copiarla, esta descripción, este prompt nuevo que hemos que nos ha facilitado el GPT, ¿de acuerdo? Lo copiamos e iríamos a otro chat distinto de ChatGPT 4 para crear una imagen. Es decir, ahora le diríamos crea una imagen a partir de la siguiente descripción.
Y es ahora cuando pegamos el prompt obtenido antes en el GPT o con el GPT Prompt Engineering. Y ChatGPT lo que nos debería ahora es crear la imagen con DALL-E, una imagen que en principio se basa en este prompt más detallado, pero que parte de una idea muy simple que yo le di y es que yo quiero tener una imagen modelo para copiar al óleo (podría hacerlo pues subiendo la imagen a servicios que se dedican a, por ejemplo, enviarte un lienzo con áreas numeradas) ¿de acuerdo? Esta sería la primera versión que yo podría tener de esta imagen y si la editas puedes descargarla o puedes incluso, con una nueva función que se ha añadido en ChatGPT, seleccionar áreas concretas de la imagen para poder modificarla chateando aquí a la derecha.
11:39 – La semana pasada hemos publicado en Blogpocket un manifiesto por la sostenibilidad web. Estamos comprometidos en Blogpocket mucho con esta idea. Nos hemos inspirado en la publicación de Wholegrain Digital, un sitio web que se dedica a divulgar las mejoras que se pueden hacer a nivel de tecnología para mejorar el medio ambiente.
Como decía, en Blogpocket a esto le damos una prioridad máxima. No solamente construimos sitios web accesibles, optimizados en rendimiento y seguridad y legalidad, etc. Sino que eso también nos preocupa mucho, el tema de cuidar el medio ambiente. Planeta solamente tenemos uno. Este es nuestro pequeño granito de arena, nuestra ínfima contribución a salvar el planeta. J
12:33 – Jane Goodall fue la mujer que demostró que el hombre no es la única especie que puede utilizar herramientas a propósito de la sostenibilidad web, Lisa Simpson nos lee en esta ocasión una frase de ella, de Jane Goodall, muy, muy, muy interesante…
[Frase leída con la voz de Lisa Simpson]
«No puedes pasar un solo día sin tener un impacto en el mundo que te rodea.»
[Finaliza la lectura con la voz de Lisa Simpson]
13:00 – Cuando el editor de bloques de WordPress estaba en sus inicios, mi amigo Guillermo me preguntó qué sucedía con el bloque de fondo, si se podía utilizar una imagen destacada para incluir en un bloque de fondo. Esto lo preguntaba pensando en lo que podría ser de útil en una página que mostrase, por ejemplo, los posts de un blog. Y yo en ese momento le comenté que no era posible, pero a los pocos días o a las pocas semanas salió una versión en la que precisamente se añadía la posibilidad de añadir la imagen destacada al bloque de fondo.
Si ahora en la versión 6.5 incluimos el bloque de fondo en una página, por ejemplo, o en una publicación, vemos que en el asistente para subir la imagen o crear el fondo con un color, vemos la opción de usar una imagen destacada. Esto es lo que es el bloque de fondo. Una vez que está insertado el fondo con una imagen que hemos elegido de la biblioteca de medios, podemos escribir el título, etc.
Pero lo importante es que ahora en la última versión de WordPress, si hacemos clic en el botón de reemplazar, en la botonadura de la parte superior, vemos que aparece también que podemos subir una imagen, abrir la biblioteca de fondos y está incluida aquella opción que al principio pedían muchos usuarios y que es la de usar la imagen destacada. Si, por ejemplo, la página o la publicación tuviese imagen destacada definida, lo vemos aquí a la derecha, podríamos reemplazar la imagen actual que subimos desde la biblioteca de medios por una imagen destacada, por la imagen destacada que tenemos definida en esta publicación. Aquí hemos visto cómo podemos cambiar una imagen por otra de manera muy sencilla.
15:15 – Y vamos a terminar este sustancioso episodio, de HECHO CON BLOQUES, con dos herramientas de inteligencia artificial. Una de ellas es Léxica.art, con la que puedes generar imágenes mediante inteligencia artificial, pero te quería recomendar esta herramienta, aparte de que es una de las clásicas, porque te puede servir explorando las imágenes y accediendo a ellas, aprender a escribir mejores prompt. Sabes que cuanto mejores sean las indicaciones que le das a la aplicación, los denominados prompt, pues mejor serán las salidas que obtengas.
Por ejemplo, si haces clic en esta imagen vas a ver con qué prompt se ha generado y esto te puede servir para, pues ya digo, aprender a mejorar las indicaciones que le das a las inteligencias artificiales.
Y la otra herramienta es Perplexity.ai que tiene una opción de playground de patio de juegos con la que vas a poder hacer preguntas e interactuar a modo de ChatGPT. Por ejemplo, le vamos a decir quién es precisamente Jane Goodall de la que hemos hablado antes, ¿de acuerdo? Y entonces aquí pues Perplexity nos dice que Jane Goodall es una etóloga y activista británica reconocida por ser pionera en el estudio de los chimpancés, etc., etc., bueno, es una especie de ChatGPT, pero que en principio pues no hace falta ni registrarse debido a este playground patio de juegos que puedes utilizar de forma gratuita.
17:04 – Si te gustó este episodio suscríbete en Blogpocket.com. También se sube a YouTube donde podrás activar la campanita para no perderte nada. Te habló encantado como siempre Antonio Cambronero, saludos cordiales. Nos vemos en un próximo episodio de HECHO CON BLOQUES.
[Suena la sintonía]
Acciones propuestas, a partir del contenido de este episodio
Acciones propuestas a partir de la transcripción de este episodio por la herramienta AssemblyAI.
A continuación se muestran algunas posibles medidas de acción basadas en en este vídeo:
- Prueba la herramienta QuickWP para crear rápidamente un sitio de WordPress. Experimenta con diferentes tipos de sitios, descripciones, imágenes y temas.
- Consulta la herramienta Shareopenly.org para compartir contenido fácilmente en nuevas redes sociales como Mastodon y Bluesky. Intenta compartir una publicación reciente.
- Migra al nuevo Google Analytics 4 antes del 1 de julio de 2024. Sigue la guía oficial de migración o los tutoriales en Blogpocket.com.
- Prueba un chatbot GPT en ChatGPT Plus para generar indicaciones detalladas para la generación de imágenes de Dall-E. Utiliza un chatbot independiente para generar las imágenes reales.
- Lee el manifiesto de Blogpocket sobre sostenibilidad web y considera formas de hacer que tus sitios sean más respetuosos con el medio ambiente.
- Experimenta agregando imágenes destacadas a bloques de fondo en publicaciones y páginas de WordPress 6.5.
- Utiliza Lexica.art para generar imágenes de IA e inspeccionar indicaciones para mejorar sus propias habilidades de ingeniería de indicaciones.
- Haz preguntas al chatbot gratuito de Perplexity.ai para practicar la conversación con IA.
Deja una respuesta