El creador de webs con IA de WordPress.com te ayuda a crear tu propio sitio con instrucciones sencillas en lenguaje natural, como si estuvieras hablando con un amigo.
Solo tienes que escribir lo que necesitas y la IA hará realidad tu visión, como por arte de magia, sin que tengas que ser un experto en programación.
En esta guía, veremos siete prompts que puedes usar para crear y personalizar una web desde cero con nuestra plataforma.
Como ejemplo, vamos a imaginar que queremos crear un blog personal sobre libros y publicaciones. Sigue los pasos y adapta las instrucciones al sitio que tú quieras crear.
1. Crear el primer borrador del sitio
Como primer paso, usa el creador de webs con IA para crear una web completa desde cero.
Esto funcionará como un primer borrador antes de personalizar cada sección y página según tus necesidades.
Para crear un blog sobre libros, utilicé este prompt:
«Crea una web llamada «El rincón de libros de Rochi». Es un blog personal que incluirá contenido escrito y en vídeo sobre libros (reseñas y recomendaciones) y comentarios culturales sobre libros y la industria editorial. El estilo debe ser divertido, acogedor y moderno. Quiero tener páginas para reseñas, recomendaciones, tendencias, una página de «Acerca de» y una página de contacto».
Para obtener un resultado lo más cercano posible a tu visión, incluye instrucciones específicas y detalladas, como:
- El nombre de tu web (si tienes uno).
- El tipo de sitio que quieres crear: blog, porfolio, de negocios o algo diferente.
- Cuántas páginas quieres añadir y cómo debe llamarse cada página.
- El estilo que buscas: moderno, profesional, elegante, divertido, distinguido, minimalista, etc.
- El tipo o tipos de contenido y elementos multimedia que quieres publicar en el sitio, como entradas de blog, imágenes o vídeos, entre otras cosas.
Con el prompt anterior, el creador de webs con IA de WordPress.com creó este sitio:
El primer borrador ya fue impresionante: algo que me habría llevado horas (si no días) crear si lo hubiera tenido que hacer todo desde cero.
2. Personalizar el diseño y la apariencia de la web
A continuación, personaliza cómo quieres que sea el aspecto de tu sitio: fuentes, colores, estructura y mucho más.
Sigue las siguientes instrucciones para ajustar la estética de tu sitio paso a paso.
Cambiar el color de tu sitio
El primer borrador del sitio es magnífico: el contraste entre el amarillo y el morado destaca mucho y le da una energía divertida y emocionante (como especifiqué en mi prompt).
Pero me gustaría que la paleta de colores fuera algo más tenue. Esto es lo que pedí para conseguirlo:
«Enséñame paletas de colores para mi sitio que sean un poco más tenues y tranquilas sin sacrificar la energía divertida y emocionante que tiene ahora».
El creador de webs con IA me ofreció nueve opciones de paletas de colores entre las que elegir.
Cada uno de los colores se complementaba bien entre sí y coincidía con los requisitos de las instrucciones que le di.
Al final, elegí la paleta verde.
Cambiar las fuentes de tu sitio
Después quise ver si una fuente diferente quedaba mejor en el sitio. Utilicé este prompt para pedirle a la IA que me diera opciones:
«Enséñame nuevas fuentes para mi sitio que complementen el resto del diseño. Deben ser un poco literarias (tipo máquina de escribir), pero fáciles de leer y accesibles».
El creador de webs me dio ocho opciones de parejas de fuentes (una fuente para el encabezado y otra para el cuerpo del texto) que combinan como anillo al dedo. Elegí la que más me gustó.
Cambiar el diseño de tu sitio
También quería ver si había una mejor manera de organizar los elementos de la página de inicio del sitio. Le pedí a la IA que me mostrara varias opciones de diseño usando instrucciones simples:
«Enséñame diferentes diseños para esta página».
Al final, me gustó más la versión original, así que hice clic en la flecha hacia atrás, lo que me permitió restaurar mi web al último ajuste.
La IA tenía varias opciones únicas con diseños y estructuras diversas, que pueden ser útiles cuando actualice mi sitio y cambie un poco la apariencia.
Cambiar los botones de tu sitio
Por último, quería que todos los botones fueran redondos en lugar de cuadrados o rectangulares. Así que le pedí lo siguiente:
«Haz que todos los botones tengan forma redonda».
La IA hizo inmediatamente lo que le había pedido, y todos los botones de todo el sitio se hicieron circulares.
Nota: Asegúrate de añadir los enlaces correctos a todos los botones de llamada a la acción de tu sitio. Puedes hacerlo de forma manual o pedirle a la IA que enlace el botón a una página específica de tu web.
3. Editar secciones individuales de tu sitio personalizando los bloques de WordPress
También puedes editar secciones individuales y bloques de WordPress en tu sitio.
Pídele a la IA que añada subsecciones, organice las entradas en un orden diferente, reescriba el texto e incluso añada una nueva sección.
Editar una sección de tu sitio
Quería que la sección de reseñas de libros tuviera diferentes encabezados y subsecciones. Utilicé el siguiente prompt para lograrlo:
«Edita la sección «Últimas reseñas de libros». Debe haber cinco subsecciones en total: Ficción, Biografías, Autoayuda, Clásicos y Debuts».
La IA reorganizó la sección según lo que le dije y me dejó elegir el patrón de apariencia de cada subsección.
Reescribir el texto de tu sitio
También puedes editar manualmente cualquier detalle de cada bloque individual.
Me resulta más fácil editar el texto de forma manual, pero también puedes pedirle a la IA que cambie el tono de cualquier texto de tu web.
Por ejemplo, puedes usar este prompt para hacer que el texto de tu página de inicio sea más conciso y agradable:
«Reescribe el texto de la página de inicio para que sea más conciso y agradable. Utiliza oraciones cortas y un tono acogedor».
Añadir una nueva sección a tu sitio
Puedes añadir nuevas secciones y páginas a tu sitio con el creador de webs con IA.
Por ejemplo, quería tener una sección separada para el contenido relacionado con los libros, así que esto es lo que le pedí que hiciera:
«Crea otra sección después de «Últimas reseñas de libros» titulada «Algo más que libros». Incluye encabezados con tres entradas dentro de ellos, similar a una subsección. Los subencabezados deben ser «El auge de los libros de romance», «¿Deberías leer libros recomendados en BookTok?» y «El culto a los clásicos»».
La siguiente imagen es el resultado generado por la herramienta.
También le di prompts específicos para cada miniatura para que reflejaran con precisión el título de la sección. Este es un ejemplo de lo que utilicé para la última imagen:
«Crea una imagen en miniatura para la entrada «El culto a los clásicos» en la sección «Algo más que libros». Esta imagen debe tener una pila de cinco libros que digan «Jane Austen», «Charlotte Brontë», «Charles Dickens» y «Virginia Woolf»».
Nota: Selecciona la sección o el bloque que quieres editar antes de pedirle algo al creador de webs.
4. Actualizar o generar imágenes y logotipos en tu web
El creador de webs con IA también puede crear un logotipo para tu sitio (si todavía no tienes uno) y generar imágenes para complementar tu contenido.
Generar y actualizar imágenes
Puedes subir tus propias imágenes a tu sitio para añadirlas a tu contenido. También puedes pedirle a la IA que genere imágenes.
Le pedí a la herramienta que creara fotos para todo el sitio con una estética específica:
«Edita todas las imágenes para que tengan un toque acogedor. La estética debe ser otoñal y debe haber libros en todas las imágenes. La imagen principal debe ser de una chica leyendo a la luz de las velas, animada».
Honestamente, no estaba segura de si las imágenes estarían a la altura (mi experiencia con los generadores de imágenes con IA no ha sido muy buena), pero las fotos me sorprendieron para bien. Sin seis dedos ni ángulos extraños.
Crear un logotipo para tu sitio
También puedes crear el logotipo de tu sitio desde cero.
Este es el prompt que le di:
«Crea un logotipo para esta web. Debe tener el texto «El rincón de libros de Rochi» dentro de un libro abierto».
A más específico sea el prompt, mejores resultados podrás obtener, y también puedes incluir detalles sobre la paleta de colores, la forma, etc.
Aunque me he dado cuenta de que la herramienta suele crear un logotipo bastante decente a la primera.
5. Añadir iconos de redes sociales y formularios de registro a tu sitio
Si quieres incluir otros elementos, como iconos de redes sociales, suscripciones a newsletters o formularios de contacto, solo tienes que pedirle al creador de webs que los añada.
Añadir iconos sociales a tu sitio
Esto es lo que pedí para que añadiera tres iconos de redes sociales a mi sitio:
«Añade iconos sociales a la barra de navegación del lado derecho con enlaces a Facebook, Instagram y Pinterest».
Puedes seguir dándole instrucciones para personalizar aún más la apariencia y la ubicación de los iconos en la web.
Añadir una suscripción a una newsletter en tu sitio
Quería añadir una sección en mi sitio donde los lectores pudieran suscribirse a mi newsletter. Utilicé este prompt para crear un formulario de suscripción simple:
«Añade un formulario de suscripción a la newsletter después de la sección «Algo más que libros». El formulario debe incluir dos campos: Nombre y Correo electrónico, junto con el botón «Suscribirse». El título de la sección debe ser «No te pierdas ni una entrada de El rincón de libros de Rochi». Añade una imagen de un correo electrónico que se abre y aparece un libro dentro. El orden debe ser la imagen, el encabezado y el cuadro de suscripción de izquierda a derecha».
Este es el resultado:
Nota: Si planeas enviar newsletters de forma regular, utiliza la función de newsletter integrada de WordPress.com, que te permite convertir tus entradas en correos electrónicos, personalizar el diseño y monetizar tu contenido sin ninguna herramienta externa.
6. Aprender a usar WordPress
Aunque WordPress es bastante intuitivo, si te encuentras con algún obstáculo, puedes pedirle al creador de webs con IA que te explique cómo hacer algo.
Por ejemplo, no entendía bien cómo crear una presentación de diapositivas para una de las secciones de mi web. Le pregunté a la herramienta:
«¿Cómo puedo añadir una presentación de diapositivas a la sección «Algo más que libros»? Debe mostrar las entradas de la página «Más allá de los libros». Dame las instrucciones paso a paso».
La respuesta completa me dio instrucciones claras y detalladas sobre cómo crear la presentación de diapositivas que quería.
7. Recibir sugerencias para mejorar tu web
La herramienta de IA también es muy buena para generar ideas para la web: puedes pedirle que mejore la navegación, que sugiera nuevas páginas, que mejore la seguridad o que identifique los elementos que faltan.
Hacer tu sitio más seguro
Quería saber qué puedo hacer para mejorar la seguridad de mi sitio, pero todavía no puedo invertir en herramientas de pago.
Este es el prompt que utilicé para que diera algunas soluciones (gratuitas):
«Dame algunas ideas sobre cómo puedo mejorar la seguridad de mi web. No me recomiendes ninguna herramienta de pago».
Me dio una lista completa de consejos con varias sugerencias que no se me habían ocurrido.
¿Y sabes qué es lo mejor?
La herramienta de IA te da recomendaciones adaptadas a la configuración actual de tu web.
Por ejemplo, en mi caso, detectó que no tenía habilitada la autenticación de dos factores (2FA) y me sugirió que la añadiera para mejorar la seguridad.
Generar ideas para mejorar tu sitio
El creador de webs con IA también puede darte recomendaciones personalizadas para mejorar tu sitio en general.
Por ejemplo, utilicé esta petición para que me diera algunas sugerencias generales para mejorar mi sitio:
«Sugiéreme algunas ideas para mejorar esta web. Recomiéndame algunas páginas o secciones que podría añadir, mejoras de navegación y cualquier otro elemento que falte».
La IA me dio varias sugerencias para mejorar mi sitio, como que añadiera recomendaciones u opiniones de los usuarios sobre mi web, entrevistas con autores, la creación de un club de lectura online o el lanzamiento de desafíos de lectura, entre otras cosas.
La petición que hice fue un poco amplia, pero puedes pedirle a la IA consultas más específicas para que te ayude a mejorar tu sitio. La herramienta puede comprender instrucciones complejas.
Esperamos que estos ejemplos te den una idea general de todo lo que puedes hacer con el creador de webs con IA de WordPress.com.
En realidad, es solo un punto de partida, porque puedes ajustar y personalizar tu web para que sea casi de cualquier manera que quieras.
Todo depende de una sola cosa: tu web creada con IA será tan buena como las instrucciones que vayas dándole a la herramienta.
Cómo escribir prompts efectivos en el creador de webs con IA: cinco consejos profesionales
Aunque la IA puede ayudarte a crear una web en cuestión de segundos, tú eres quien maneja el timón.
Tienes control total sobre cómo quieres que se vea y funcione tu web: todo se reduce a cómo guías a la IA con tus instrucciones.
Así que aquí tienes algunos consejos profesionales para escribir prompts:
1. Sé lo más específico posible
El consejo número uno para dar mejores instrucciones es proporcionar indicaciones específicas y detalladas. Este es un ejemplo:
| Menos efectivo | Más efectivo |
| «Haz que el texto de esta sección sea mejor». | «Reescribe el texto en la sección «Reseñas de libros» para que tenga un tono más agradable y casual». |
Esto también implica no dar por hecho el contexto.
Por ejemplo, dile que «cambie la paleta de colores de la sección «Acerca de» a azul cielo», incluso si tu última instrucción fue sobre esa misma sección.
Sé específico y evita usar demasiado pronombres vagos como «esto» o «eso» en tus instrucciones.
2. Sigue refinando hasta que consigas el resultado que buscas
No pierdas la esperanza si el primer borrador de algo que produce la IA no se acerca demasiado a lo que te habías imaginado.
Sigue dándole instrucciones más específicas hasta que logres el resultado deseado.
Por ejemplo, si la imagen principal de la página de inicio no tiene el tamaño correcto, pídele a la herramienta que «Haga la imagen principal más pequeña para que el titular esté en la mitad superior de la página».
Cada nuevo prompt ayuda a la IA a entender mejor tu visión, así que tomátelo como un proceso conversacional en vez de una única orden.
3. Pídele ayuda para otras cosas además del diseño de la web
El creador de webs puede hacer mucho más que diseñar tu sitio.
Puedes preguntarle cómo mejorar la velocidad de carga de tu sitio, pedirle consejo sobre los mejores ajustes de seguridad o que te enseñe más sobre cualquier tema relacionado con tu sitio de WordPress.com.
4. Úsalo junto con el editor manual
El creador de webs con IA es extremadamente potente, pero también puedes editar cosas de forma manual para personalizarlas a tu gusto o si te viene mejor.
Por ejemplo, a mí me resulta más sencillo añadir o reemplazar los enlaces de todos los botones yo misma en vez de pedirle a la IA que lo haga.
El editor del sitio de WordPress.com es tan inteligente como la herramienta de IA en sí: úsalo junto con el creador de webs para que tu sitio sea exactamente como lo has imaginado.
5. Trabaja solo con una sección a la vez
Las instrucciones específicas y detalladas funcionan muy bien con la IA, pero solo cuando se centran en una sección particular.
Evita pedirle simultáneamente muchas cosas sobre diferentes secciones de tu sitio. Funcionará mejor si divides tus peticiones en partes más pequeñas.
Por ejemplo, en lugar de pedirle a la herramienta que «Ponga la imagen principal encima del titular y haga que todos los botones de esta página sean azules», divídelo en dos pasos.
Primero, pídele que cambie el tamaño de la imagen principal. Luego, introduce el comando para cambiar el color de los botones.
Empieza a crear tu web de WordPress con estos prompts
Con el creador de webs con IA de WordPress.com, crear tu sitio te puede llevar minutos en lugar de días o semanas.
Los prompts de esta guía te pueden servir como punto de partida.
El siguiente paso es ajustar los detalles, como el estilo del contenido, el diseño, los colores, las fuentes y todo lo demás, para que coincida con los que tienes en mente.
Recuerda: sé específico, refina sobre la marcha, trabaja de sección en sección y usa la IA junto con la edición manual para conseguir los mejores resultados.
Puede que tu primer intento no sea perfecto, pero con unos pocos ajustes, puede llegar a ser exactamente lo que necesitas.
Nota: El uso del creador de webs con IA de WordPress.com te permite acceder a una prueba gratuita para que puedas crear tu sitio antes de comprarlo. Para publicar tu sitio, tendrás que adquirir un plan Premium o Business.
WordPress.com en Español 