Ti presentiamo Divi Code AI, il tuo assistente personale per la codifica Divi

Oggi siamo entusiasti di rilasciare Divi Code AI, un nuovo ramo del set di strumenti Divi AI in grado di scrivere codice, generare CSS e aiutare a personalizzare i tuoi siti Web Divi all'interno di Visual Builder. È come avere sempre al tuo fianco uno sviluppatore web front-end esperto che conosce i dettagli di ogni modulo Divi!

Ottieni Divi AI oggi stesso

Personalizza il tuo sito web con codice generato dall'intelligenza artificiale

Noterai una nuova icona AI sotto i campi del codice di Divi. Fai clic sull'icona, dì a Divi AI cosa vuoi che faccia e, a seconda dell'elemento che stai personalizzando e del tipo di campo che stai modificando, risponderà in modo appropriato.

Ad esempio, se desidero aggiungere testo sfumato a un'intestazione, per la quale Divi non dispone di un'opzione di progettazione, posso chiedere a Divi AI di scrivere il CSS per me. Nel giro di pochi secondi, alla mia direzione viene applicato un bellissimo gradiente.

Posso anche continuare la conversazione con Divi AI e perfezionare il risultato. Nel video di esempio qui sotto, pensavo che il gradiente originale fosse troppo sottile, quindi ho chiesto a Divi AI di renderlo più vibrante. Ora sembra perfetto!

Crea elementi completamente personalizzati

Il modulo Codice è il punto in cui Divi Code AI brilla perché può fare tutto ciò che desideri con HTML, CSS e JavaScript. Posso chiedere a Divi AI di creare un popup che venga visualizzato dopo 30 secondi e inviti gli utenti a iscriversi alla mia newsletter. Posso anche descrivere come dovrebbe apparire il popup. Divi AI genera il codice in pochi secondi e sul mio sito Web è presente un popup di bell'aspetto che attirerà l'attenzione del mio visitatore.

Divi AI può fare ogni genere di cose con un modulo di codice. Che ne dici di aggiungere un effetto di digitazione all'intestazione del mio eroe o di trasformare una sezione Divi in ​​una barra laterale mobile eliminabile? Una volta che hai imparato a parlare con Divi AI, si apre un nuovo regno di possibilità.

Presentazione dell'opzione CSS in formato libero per tutti i moduli

Abbiamo introdotto un'opzione CSS in formato libero per tutti i moduli Divi, consentendoti di definire lo stile del modulo corrente e di qualsiasi sottoelemento utilizzando la pseudo-classe "selettore". Ad esempio, se desideri aggiungere un'ombra al riquadro al modulo Blurb che stai attualmente modificando, nonché applicare uno stile agli elementi IMG e H3 all'interno di Blurb, puoi scrivere qualcosa del genere:

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; }

Questa nuova opzione è eccellente per Divi AI perché gli dà la libertà di cui ha bisogno per soddisfare le tue richieste e personalizzare un intero modulo in una sola volta.

Personalizza qualsiasi modulo utilizzando CSS generati dall'intelligenza artificiale

Sfruttare l'intelligenza artificiale di Divi Code nel nuovo campo CSS in formato libero è fantastico! Nel video di esempio qui sotto, chiedo a Divi AI di eseguire una serie di personalizzazioni. Gli chiedo di modificare la forma dell'immagine in un cerchio, aggiungere un'ombra di riquadro, creare una sovrapposizione di gradiente semitrasparente sopra l'immagine e applicare un'animazione di ingrandimento al passaggio del mouse.

Poiché Divi AI conosce la struttura e le classi di ogni modulo Divi e poiché è un esperto CSS, spesso può svolgere questi compiti impegnativi al primo tentativo o almeno arrivare a breve distanza dalla soluzione giusta.

L'intelligenza artificiale di Divi Code è ottimizzata sulla base di codici Divi

Una delle cose che rende speciale Divi Code AI è che è stato ottimizzato sulla base del codice del modulo Divi, offrendogli un vantaggio rispetto ad altri modelli linguistici di grandi dimensioni. Poiché conosce le classi dei moduli Divi e l'output HTML, può interpretare meglio richieste vaghe e riconoscere la terminologia Divi all'interno dei tuoi prompt.

Ad esempio, nel video qui sotto, chiedo a Divi Code AI di scrivere alcuni CSS per personalizzare l'aspetto dei miei moduli Blurb e Pulsanti. Capisce in modo intuitivo cosa sono un Blurb e un pulsante e si rivolge con precisione alle classi corrette, soddisfacendo la mia richiesta di personalizzazione al primo tentativo.

Comode azioni rapide di codifica

Divi Code AI è dotato di comode azioni rapide che puoi utilizzare per perfezionare il codice. Ottimizza, formatta e migliora automaticamente la compatibilità con i vecchi browser con un solo clic.

Puoi anche utilizzare Divi AI per modificare il codice utilizzando un prompt, aprendo possibilità illimitate.

Crea la tua libreria di frammenti di codice nel cloud

I campi codice di Divi funzionano con Divi Cloud, il che significa che puoi salvare frammenti di codice generati dall'intelligenza artificiale nel cloud per utilizzarli su qualsiasi sito web. È un ottimo modo per creare una libreria super utile di frammenti di codice.

Abbina il programma con l'aiuto dell'intelligenza artificiale

Divi AI non è perfetto, ma anche quando le cose vanno male, puoi continuare la conversazione e associare il programma all'IA per affinare il risultato desiderato. Puoi anche chiedere a Divi AI di "riprovare". Ogni volta che riprova, produrrà un risultato leggermente diverso, spesso inciampando nella soluzione desiderata dopo alcuni tentativi.

Anche se hai solo una conoscenza di base dello sviluppo web, puoi sfruttare Divi AI per personalizzare il tuo sito web più rapidamente o ottenere risultati specifici che prima non sarebbero stati possibili senza l'assunzione di un esperto.

Altre funzionalità IA sono in arrivo

Abbiamo appena iniziato con le funzionalità AI di Divi. Divi AI ora può generare immagini, scrivere contenuti e personalizzare il tuo sito web utilizzando codice personalizzato. Successivamente, combineremo tutti questi strumenti per facilitare la generazione completa del layout! Assicurati di seguire e iscriverti per non perdere i miei futuri aggiornamenti. Do sempre uno sguardo dettagliato a ogni nuova funzionalità, quindi se gestisci i tuoi siti Web su Divi, non vorrai perderti questi post!

Ottieni uno sconto del 40% su Divi AI solo per una settimana!

Per celebrare il lancio di Divi Code AI, offriamo uno sconto del 40% su Divi AI per la prossima settimana. Chiunque acquisterà Divi AI prima della fine dei saldi risparmierà $ 115 all'anno e bloccherà quei risparmi per tutta la vita! Inoltre, tutti i membri del tuo team possono utilizzare Divi AI senza costi aggiuntivi. Ottieni lo sconto qui