Cómo usar Divi Código IA
Aprende a usar las capacidades de Divi Código IA para generar fragmentos de código limpios y eficientes para diversos elementos web.
Divi Código IA es una función innovadora que aprovecha la inteligencia artificial para ayudarte a escribir, editar y optimizar código dentro del Constructor Divi. Esta poderosa herramienta simplifica el proceso de codificación, haciéndolo accesible incluso para quienes tienen poca experiencia en programación, al mismo tiempo que mejora la productividad de desarrolladores experimentados.
Uno de los aspectos que hace especial a Divi Código IA es que ha sido ajustado específicamente con la base de código de los módulos Divi, lo que le da una ventaja sobre otros modelos de lenguaje grandes. Como conoce las clases de los módulos Divi y el resultado en HTML, puede interpretar mejor solicitudes vagas y reconocer la terminología de Divi dentro de tus indicaciones.
Este artículo te guiará en el uso efectivo de Divi Código IA para mejorar tu proceso de desarrollo web.
Divi IA - Usa Divi Código IA para escribir código CSS complejo
-
Abre el elemento al que deseas aplicar un código CSS personalizado haciendo clic en el icono de engranaje
-
Ve a la pestaña Avanzado → CSS Personalizado → CSS de Forma Libre
-
Haz clic en el icono de IA
-
Escribe la indicación para la IA
-
Haz clic en el botón Generar Código
Ejemplo de indicación: Haz que la imagen se mueva como una mano saludando
Divi IA - Usa Divi Código IA para escribir código HTML complejo
Nota: El código HTML debe añadirse en el Módulo Código.
-
Abre la configuración del módulo Código haciendo clic en el icono de engranaje
-
Ve a la pestaña Contenido → Contenido
-
Haz clic en el icono de IA
-
Escribe la indicación para la IA
-
Haz clic en el botón Generar Código
Ejemplo de indicación: Crea un popup grande que aparezca con un efecto de desvanecimiento después de 30 segundos e invite a los visitantes a unirse a mi boletín. Añade dos botones: uno morado que enlace a la página de mi boletín y otro gris apagado que diga "No, gracias" y cierre el popup.
¿Dónde puedes usar Divi Código IA?
En cualquier pestaña Avanzado de un elemento Divi → CSS Personalizado → CSS de Forma Libre
En cualquier pestaña Avanzado de un elemento Divi → CSS Personalizado → Elementos del módulo
En cualquier módulo Código → pestaña Contenido → Texto → Código
En la configuración de página → pestaña Avanzado → área CSS Personalizado
Personaliza cualquier módulo usando CSS generado por IA
Aprovechar Divi Código IA dentro del nuevo campo de CSS de forma libre (Pestaña Avanzado → CSS Personalizado → CSS de Forma Libre) te permite personalizar fácilmente cualquier elemento Divi agregando CSS personalizado usando Divi Código IA.
Ejemplo de indicación: Convierte el contenedor de la imagen en un círculo con sombra de caja. Añade un degradado superpuesto semi-transparente vibrante en tonos rosa y azul dentro del contenedor de la imagen, por encima del elemento. Haz que la imagen haga zoom dentro del contenedor usando una transición suave al pasar el cursor.
Acciones rápidas de codificación con Divi IA
Divi Código IA incluye Acciones Rápidas convenientes que puedes usar para refinar el código. Permite:
-
Optimizar automáticamente
-
Formatear
-
Convertir valores de color
-
Mejorar la compatibilidad
Pasos:
-
Abre cualquier módulo que contenga código HTML, JavaScript o CSS
-
Haz clic en el icono de IA
-
Elige cualquiera de las opciones disponibles en la lista de Acciones Rápidas
-
Espera a que la acción seleccionada se complete y haz clic en el botón Usar este código
Nota importante: El verificador de sintaxis puede marcar algunas reglas CSS generadas por Divi Código IA como advertencias (mensajes amarillos), especialmente en los prefijos de proveedores que se generan. Esas advertencias pueden ser ignoradas con seguridad.
Recursos adicionales
-
Introducción a Divi IA: Potentes herramientas de IA para creadores de WordPress
-
Introducción a Divi Código IA, tu asistente personal de codificación Divi
-
Divi Layouts IA: La guía completa
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Generación de Secciones con Divi AI
Aprende cómo usar la Generación de Secciones con Divi AI para crear contenido bien redactado y secciones de imágenes visualmente atractivas, todo impulsado por el poder de Divi AI. <br> Generación de Secciones con Divi ...Cómo usar Divi Layouts IA
Aprende a aprovechar el poder de Divi Layouts IA para crear diseños profesionales y visualmente atractivos en minutos. <br> Este artículo ofrece una guía paso a paso sobre cómo usar eficazmente Divi Layouts IA para agilizar y mejorar tu ...Cómo usar la generación completa de sitios con Divi AI
Aprende a crear un nuevo sitio web usando Divi Quick Sites y Divi AI. Divi Quick Sites puede generar un nuevo sitio web usando Divi AI o sitios prediseñados Divi Starter. Quick Sites configurará todo tu sitio, incluyendo páginas personalizadas, ...Cómo usar el Editor de Imágenes de Divi IA
Aprende a usar el Editor de Imágenes de Divi IA para crear y editar fácilmente imágenes impresionantes directamente dentro del Constructor de Divi. <br> Cómo usar el Editor de Imágenes de Divi IA Este artículo te guiará paso a ...Cómo Generar Imágenes con Divi IA
Aprende a usar Divi IA, especificar los requisitos y personalizar las imágenes generadas para que se integren perfectamente en el diseño de tu sitio web. En este artículo, te guiaremos en el uso de Divi IA para generar imágenes para tu sitio web. ...