Guías/Diseño del sitio/Editar el diseño de una web creada con IA

Editar el diseño de una web creada con IA

Después de crear tu sitio con el Creador de webs con IA, puedes personalizar el diseño y la disposición mediante peticiones de IA. En esta guía te mostramos cómo utilizar la IA para dar los últimos toques al diseño de tu web.

Esta función está disponible para webs nuevas con planes Premium o Business de WordPress.com. Puedes probarla de forma gratuita (hasta 30 peticiones) y mejorar tu plan para publicar la web y seguir personalizándola.

Editar una web creada con IA

Puedes seguir actualizando, editando y añadiendo contenido a tu web tanto con IA como manualmente. Para trabajar en tu sitio con IA, haz lo siguiente:

  1. Ve a la página Sitios.
  2. Selecciona tu sitio y haz clic en el botón «Mi página de inicio».
  3. El siguiente paso depende del plan del sitio:
    • Los sitios de prueba gratuita llegarán directamente al editor para reanudar la edición.
    • Los sitios de mejoras de plan llegarán al escritorio del sitio, donde puedes navegar hasta Apariencia → Editor para reanudar la edición.
  4. Haz clic en el icono de la estrella de cuatro puntas en la parte inferior de la pantalla para abrir el asistente de IA:
The AI symbol that resembles a four-pointed star.

Cambiar el esquema de colores general

Para actualizar la combinación de colores de tu sitio con IA, sigue estos pasos:

  1. Haz clic en el icono de IA con forma de estrella de cuatro puntas para abrir el cuadro de peticiones.
  2. Escribe un mensaje como: «Cambia los colores» o «Quiero cambiar el esquema de colores de todo el sitio a colores pastel».
  3. Se te proporcionarán paletas de colores para explorar. Haz clic en un color para ver cómo se ve el cambio en tu sitio.
  4. Una vez que hayas seleccionado el esquema de color que quieras, haz clic en el botón Guardar para guardar el cambio.

Para elegir manualmente un esquema de color, ve a Apariencia → Editor → Estilos → Coloresy selecciona una nueva paleta de colores (no disponible en la prueba gratuita).

En el cuadro de peticiones de IA pone «sugiere nuevos colores para mi web» y la IA ha proporcionado sugerencias de combinaciones de colores para elegir.

Cambiar un color concreto

Si te gusta el esquema de colores general del sitio, pero quieres cambiar el color de una sección o elemento concreto, sigue estos pasos:

  1. Haz clic en el elemento (como texto o un botón) o en la sección concreta que quieras cambiar de color.
  2. Abre el cuadro de peticiones de IA.
  3. Escribe tu petición para cambiar el color. Puedes describir el color o pedir un código de color específico:
    «Cambia este botón a amarillo vivo»
    «Haz que el fondo de la cabecera tenga el color #FFB514»
  4. Haz clic en el botón Guardar para guardar el cambio de color o en el icono de flecha hacia atrás para deshacerlo.

Añadir nuevas secciones

Puedes añadir nuevas secciones a un diseño de página:

  1. Haz clic en una sección existente donde quieras añadir la nueva sección.
  2. Abre el cuadro de peticiones de IA.
  3. Escribe tu mensaje, por ejemplo:
    «Añade una sección de testimonios debajo de Acerca de».
    «Inserta una sección de tabla de precios en la página de inicio».
  4. Revisa la nueva sección. La IA puede proporcionarte varios diseños que puedes recorrer usando los botones de flecha izquierda y derecha.

Reordenar secciones

Cambia el diseño de tu sitio moviendo secciones:

  1. Haz clic en la sección que quieras mover.
  2. Abre el cuadro de peticiones de IA.
  3. Escribe:
    «Mueve la sección Servicios encima de Testimonios».
    «Mueve la sección Contacto a la parte superior».

Si necesitas un ajuste más preciso, puedes seleccionar manualmente una sección utilizando la vista de lista. Aparecerá una barra de herramientas con la sección seleccionada y con flechas hacia arriba y hacia abajo para mover la sección a una nueva posición:

Una nueva sección con las flechas de posicionamiento resaltadas para moverla.
Utiliza los iconos de flecha para mover una sección hacia arriba o hacia abajo

Eliminar una sección o elemento específico

Elimina secciones o elementos no deseados en solo unos pocos pasos:

  1. Haz clic en la sección o elemento que quieras eliminar.
  2. Abre el cuadro de peticiones de IA.
  3. Escribe la petición:
    «Elimina la sección de preguntas frecuentes de la página de inicio».
    «Elimina el bloque de galería adicional de Acerca de».
  4. Haz clic en el botón Guardar para guardar el cambio o en el icono de flecha hacia atrás para deshacerlo.

También puedes eliminar cualquier bloque manualmente seleccionando el/los bloque(s), haciendo clic en el icono ⋮ y eligiendo la opción Eliminar .

Más peticiones de diseño

Las posibilidades son infinitas con la creación de webs con IA. A continuación se muestran más ejemplos de cambios relacionados con el diseño que puedes pedirle a la IA que haga por ti:

  1. Cambia la paleta de colores para utilizar azules y grises.
  2. Haz que todos los botones sean redondeados y azules.
  3. Actualiza el color de fondo a blanco.
  4. Cambia la fuente por algo más moderno y sans-serif.
  5. Utiliza un tipo de letra grande y en negrita para todos los títulos.
  6. Añade una sección hero a la página de inicio.
  7. Cambia el diseño a una sola columna.
  8. Reorganiza el pie de página para mostrar primero los enlaces sociales.
  9. Añade una sección de llamada a la acción encima del pie de página.
  10. Cambia el estilo del menú a una barra lateral vertical.
  11. Agranda el logotipo del sitio en la cabecera.
  12. Añade una sección de testimonios debajo del contenido principal.
  13. Utiliza un diseño de cuadrícula para las imágenes de la galería.
  14. Añade un formulario de suscripción a la newsletter en la parte inferior de la página.
  15. Haz que la barra de navegación sea fija para que permanezca en la parte superior.
  16. Añade más espacio en blanco entre las secciones.
  17. Centra todos los títulos de cada página.
  18. Utiliza un fondo claro con texto oscuro en todo el sitio.
  19. Añade sombras sutiles a las imágenes.
  20. Aumenta el espacio entre párrafos.
  21. Cambia el orden de las secciones en la página de inicio.
  22. Haz que las imágenes de los miembros del equipo sean circulares.
  23. Utiliza un degradado colorido para el fondo de la página.
  24. Añade iconos a la sección de servicios.
  25. Utiliza colores pastel suaves para el fondo.
  26. Reemplaza todos los encabezados con una fuente de estilo manuscrito.
  27. Añade un divisor entre cada sección.
  28. Utiliza botones de llamada a la acción grandes y llamativos.
  29. Pon los encabezados en mayúsculas.
  30. Añade una sección de introducción en la parte superior de cada página.
Copied to clipboard!