Divi Code AI: Herramientas Innovadoras para Personalizar tus Sitios Web Divi 🚀



octubre 23, 2023

Hoy, nos complace anunciar Divi Code AI, la más reciente incorporación a nuestro conjunto de herramientas Divi AI. Esta innovación tiene la capacidad de generar código, crear CSS y ofrecer asistencia en la personalización de sus sitios web Divi dentro del Constructor Visual.

Divi Theme

Divi Code AI se erige como un valioso aliado para aquellos que desean potenciar la apariencia y funcionalidad de sus proyectos en línea. Con esta herramienta a su disposición, experimentará la tranquilidad de contar con un experto desarrollador web front-end que domina a fondo cada módulo de Divi, lo que le permitirá alcanzar niveles excepcionales de personalización y eficiencia en su proceso de desarrollo web.

Personaliza tu sitio web con código generado por IA

Observarás la incorporación de un novedoso icono de inteligencia artificial situado estratégicamente bajo los campos de código de Divi. Al seleccionar este icono, tendrás la oportunidad de comunicar tus instrucciones a Divi AI, indicándole con precisión tus requerimientos. La respuesta que obtendrás estará perfectamente adaptada al elemento que estés personalizando y al tipo de campo que estés editando, garantizando así una experiencia de edición altamente eficaz y ajustada a tus necesidades.

Divi Theme

Como ilustración de su funcionamiento, en el caso de que desee incorporar un efecto de texto degradado a un encabezado, incluso cuando Divi no disponga de una opción de diseño predeterminada para ello, tiene la capacidad de encomendar a Divi AI la tarea de generar el código CSS pertinente en su nombre. En tan solo unos breves segundos, su título lucirá enriquecido con un atractivo y sofisticado degradado, evidenciando así la eficiencia y versatilidad de esta potente herramienta.

Incluso es posible dar continuidad al diálogo con Divi AI y perfeccionar el resultado obtenido. En el siguiente ejemplo en formato de vídeo, se identificó que el degradado original carecía de la intensidad deseada, por lo que se solicitó a Divi AI que lo ajustara para lograr una apariencia más vibrante y enérgica. El resultado obtenido tras la intervención de Divi AI se presenta ahora en una forma impecable y acorde a las expectativas.

Te Recomiendo  Libera tu Creatividad con Campaign Assistant: La Herramienta de IA de HubSpot

Crear elementos completamente personalizados

El módulo de código es el espacio donde Divi Code AI destaca de manera excepcional, ya que posee la capacidad de manipular HTML, CSS y JavaScript de acuerdo a tus necesidades específicas. Puedo encomendar a Divi AI la creación de una ventana emergente que aparezca, por ejemplo, después de 30 segundos, invitando a los usuarios a unirse a mi boletín de noticias. Incluso tengo la facultad de describir con minuciosidad el aspecto que deseo que tenga esta ventana emergente. Divi AI, en cuestión de breves segundos, genera el código correspondiente, proporcionándome así una llamativa ventana emergente en mi sitio web, diseñada para captar la atención de mis visitantes de manera impactante.

HubSpot CRM

Divi AI es capaz de llevar a cabo una amplia gama de tareas con un módulo de código. ¿Qué le parece la idea de añadir un efecto de escritura a la cabecera de su héroe o transformar una sección de Divi en una elegante barra lateral flotante que se puede ocultar a voluntad? Una vez que se familiariza con la conversación con Divi AI, se desvela un nuevo horizonte de posibilidades.

Presentación de la opción CSS de forma libre para todos los módulos

Hemos introducido una opción CSS de forma libre para todos los módulos Divi, lo que le permite el estilo del módulo actual y cualquier sub-elemento utilizando el «selector» pseudo-clase. Por ejemplo, si desea añadir una sombra de caja al módulo Blurb que está editando actualmente, así como dar estilo a los elementos IMG y H3 dentro del Blurb, puede escribir algo como esto:

selector { <span class="webkit-css-property" aria-label="CSS property name: box-shadow">box-shadow</span><span class="styles-name-value-separator">: </span><span class="value" aria-label="CSS property value: 0 10px 20px 0 #000">0 10px 20px 0 #000</span><span class="styles-semicolon">; }</span>

selector img { border-radius: 100px; border: 5px solid #000; }

selector h3 { margin-top: 20px; }

Esta nueva opción es excelente para Divi AI porque le da la libertad que necesita para cumplir con sus peticiones y personalizar un módulo entero a la vez.

Te Recomiendo  Impulsa tu marca online: Crea un sitio web que convierta

Personaliza cualquier módulo usando CSS generado por AI

El uso de Divi Code AI en el nuevo campo de CSS con total libertad es un recurso excepcional. En el ejemplo de vídeo que se presenta a continuación, se ilustra cómo se puede aprovechar Divi AI para llevar a cabo una serie de personalizaciones específicas. Se solicita a Divi AI que modifique la forma de la imagen a un círculo, añada una sombra a la caja, cree una superposición de degradado semi-transparente en la parte superior de la imagen y aplique una animación de zoom al pasar el cursor.

Desde Divi AI conoce la estructura y las clases de cada módulo de Divi, y ya que es un experto en CSS, a menudo puede realizar estas tareas difíciles en el primer intento o al menos llegar a tiro de distancia de la solución correcta.

Divi Code AI se ajusta con precisión en la base de código Divi

Lo que distingue a Divi Code AI de manera notable es su afinamiento en el código base del módulo Divi, otorgándole una ventaja significativa respecto a otros modelos de lenguaje de gran envergadura. Gracias a su profundo conocimiento de las clases de módulos Divi y la estructura HTML resultante, es capaz de interpretar con mayor precisión las solicitudes que pudieran carecer de detalles específicos, identificando de manera acertada la terminología propia de Divi contenida en las indicaciones proporcionadas.

A modo de ejemplo, en el vídeo que sigue, me permito solicitar a Divi Code AI la generación de código CSS destinado a personalizar la apariencia de mis módulos «Blurb» y «Button». De manera verdaderamente intuitiva, esta herramienta comprende con precisión la naturaleza de un «Blurb» y un botón, y se dirige de forma acertada a las clases correspondientes, logrando clavar mi solicitud de personalización en el primer intento.

Acciones rápidas de codificación

Divi Code AI viene con acciones rápidas convenientes que puede utilizar para refinar el código. Optimice, formatee y mejore automáticamente la compatibilidad con navegadores antiguos con un solo clic.

También puede utilizar Divi AI para alterar el código utilizando un indicador, abriendo posibilidades ilimitadas.

Construye tu biblioteca de fragmentos de código en la nube

Los campos de código de Divi operan en conjunto con Divi Cloud, lo que implica la posibilidad de almacenar fragmentos de código generados por la inteligencia artificial en la nube, permitiendo su empleo en cualquier sitio web deseado. Este enfoque representa una destacada estrategia para construir una biblioteca de fragmentos de código de excepcional utilidad.

Te Recomiendo  Las 19 mejores plataformas IA para diversas necesidades en su empresa

Programa en parejas con la ayuda de la IA

Divi AI no es perfecto, pero incluso cuando se equivoca, puede continuar la conversación y el programa de pareja con la IA para afinar en el resultado deseado. También puedes pedirle a Divi AI que «reintente. Cada vez que lo intente de nuevo, producirá un resultado ligeramente diferente, a menudo tropezando con la solución deseada después de unos pocos intentos.

Incluso si usted sólo tiene una comprensión básica de desarrollo web, puede aprovechar Divi AI para personalizar su sitio web más rápidamente o lograr resultados específicos que no habría sido posible antes sin contratar a un experto.

Más características de AI están en camino

Estamos apenas en las primeras etapas de exploración de las capacidades de inteligencia artificial de Divi. En este momento, Divi AI cuenta con la capacidad de generar imágenes, redactar contenido y personalizar su sitio web mediante código personalizado. En el futuro, tenemos planeado combinar todas estas herramientas para facilitar la creación de diseños completos de manera eficiente. Le invitamos a mantenerse al tanto de nuestras actualizaciones periódicas para no perderse ninguna novedad relevante. Siendo nuestro compromiso brindar un análisis detallado de cada nueva característica, si administra sus sitios web en Divi, no querrá pasar por alto estos comunicados.

¡Obtenga 40% de descuento Divi AI por una semana solamente!

Para celebrar el lanzamiento de Divi Code AI, estamos ofreciendo 40% de descuento Divi AI para la próxima semana. Cualquier persona que compra Divi AI antes de que finalice la venta se ahorrar $ 115 por año y ¡bloquea esos ahorros de por vida! Además, todos los miembros de tu equipo pueden usar Divi AI sin costo adicional. Consigue el descuento aquí 👇

Presentamos Divi Code AI, Tu Asistente Personal de Codificación Divi

Fuente

Luis Salamanca

Escrito por Luis Salamanca

Ayudo a pequeños empresarios y dueños de negocios locales a mejorar la rentabilidad y productividad de sus actividades, facilitando su adaptación a la economía digital y maximizando el aprovechamiento de herramientas digitales .

Publicidad CRM HubSpot con gráficos y botón Empezar.

Transforma Tu Web con Divi: La Herramienta Definitiva de WordPress

Únete a millones de profesionales que ya están creando sitios web impresionantes y totalmente personalizables con Divi. ¡Fácil, rápido y con resultados espectaculares!

EMPIEZA AHORA MISMO

Artículos Relacionados sobre Divi Code AI: Herramientas Innovadoras para Personalizar tus Sitios Web Divi 🚀

¡Vamos a trabajar juntos!

Y hagamos crecer tu negocio o emprendimiento

Contáctame