Divi Code AI: il tuo assistente di codifica personale in Divi

Buone notizie per web designer e sviluppatori: è arrivata un'aggiunta rivoluzionaria al set di strumenti Divi AI . Nell'ottobre 2023, Divi ha annunciato una nuova aggiunta al proprio toolkit AI: Divi Code AI, uno strumento che semplifica lo sviluppo web all'interno dell'ecosistema Divi. Divi Code AI possiede la capacità unica di scrivere codice, generare CSS e fornire un'assistenza preziosa nella personalizzazione dei siti Web Divi tramite Visual Builder. Gli utenti possono ora beneficiare dell'esperienza di uno sviluppatore web front-end esperto, esperto nelle complessità di ogni modulo Divi. Questo blog esplora come Divi Code AI trasforma l'esperienza di web design Divi , promettendo maggiore efficienza e un migliore livello di divertimento.

Personalizza il sito web con la codifica AI

Gli utenti possono facilmente individuare una nuova icona AI situata sotto i campi del codice di Divi. Facendo semplicemente clic su questa icona, le persone possono trasmettere le loro esigenze specifiche a Divi AI. A seconda dell'elemento da personalizzare e della natura del campo da modificare, Divi AI adatta prontamente le sue risposte all'attività da svolgere.

Ad esempio, quando un utente desidera incorporare un testo sfumato in un'intestazione, una funzionalità di progettazione non disponibile nativamente in Divi, può semplicemente richiedere a Divi AI di generare il CSS necessario. In pochi istanti, l'intestazione viene decorata con uno straordinario effetto sfumato.

Gli utenti possono impegnarsi in un dialogo continuo con Divi AI per ottimizzare il risultato. In un video dimostrativo, l'utente ha ritenuto che il gradiente iniziale fosse un po' attenuato e, di conseguenza, ha chiesto a Divi AI di intensificarlo. Il risultato ora rappresenta il gradiente ideale, ottenendo la vivacità desiderata.

Crea elementi personalizzati

Il modulo Codice si distingue come la stella splendente di Divi Code AI, vantando la capacità di gestire facilmente HTML, CSS e JavaScript. Gli utenti possono semplicemente richiedere a Divi AI di creare un popup con ritardo di 30 secondi, invitando i visitatori a iscriversi alla loro newsletter, con la libertà di descrivere l'aspetto del popup. In pochi istanti, Divi AI genera senza sforzo il codice, risultando in un popup accattivante ed efficace che attira l'attenzione dei visitatori del sito web.

Divi AI vanta un'ampia gamma di funzionalità per quanto riguarda i moduli di codice. Può incorporare facilmente funzionalità come un effetto di digitazione per l'intestazione del tuo eroe o trasformare una sezione Divi in ​​una comoda barra laterale mobile eliminabile. Una volta che gli utenti acquisiscono familiarità con l'interazione con Divi AI, si apre davanti a loro un regno di possibilità entusiasmanti.

Opzione CSS in formato libero per tutti i moduli

Hanno implementato un notevole miglioramento in tutti i moduli Divi: una funzionalità CSS in formato libero che consente agli utenti di modellare il modulo in primo piano e tutti gli elementi sottostanti utilizzando la pseudo-classe "selettore". Ad esempio, quando modifichi un modulo Blurb, puoi facilmente applicare un'ombra di riquadro e modificare l'aspetto dei suoi elementi IMG e H3 creando regole CSS come quella seguente:

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 aggiunta si rivela preziosa per Divi AI, garantendogli la flessibilità necessaria per soddisfare le tue richieste e personalizzare interi moduli senza sforzo.

Personalizzazione CSS generata dall'intelligenza artificiale

L'utilizzo dell'intelligenza artificiale di Divi Code nel nuovo campo CSS in formato libero si rivela un'esperienza straordinaria. Nella dimostrazione video qui sotto, gli utenti possono osservare Divi AI eseguire senza sforzo una sequenza di personalizzazioni. Le istruzioni sono chiare: trasformare l'immagine in una forma circolare, aggiungere una sottile ombra a forma di riquadro, sovrapporre all'immagine un gradiente semitrasparente e applicare un'animazione di ingrandimento attivata al passaggio del mouse.

Grazie alla profonda conoscenza di Divi AI delle strutture dei moduli Divi e alla sua competenza CSS, questi compiti complessi vengono generalmente affrontati con successo al primo tentativo o vengono portati notevolmente vicini al risultato desiderato.

Base di codici Divi

Ciò che distingue Divi Code AI è la sua messa a punto sulla base di codice del modulo Divi, che offre un netto vantaggio rispetto ad altri modelli linguistici di grandi dimensioni. Grazie alla sua familiarità con le classi dei moduli Divi e gli output HTML, eccelle nel comprendere richieste ambigue e nel riconoscere termini specifici di Divi all'interno dei prompt dell'utente.

Ad esempio, nel video presentato di seguito, un utente ordina a Divi Code AI di creare CSS per personalizzare l'aspetto dei moduli Blurb e Button. Sorprendentemente, Divi Code AI discerne istintivamente la natura degli elementi Blurb e Button, individuando accuratamente le classi pertinenti. Questa precisione gli consente di fornire personalizzazioni esatte al primo tentativo.

Codifica conveniente

Divi Code AI offre azioni rapide intuitive per ottimizzare il codice. Con un solo clic, può ottimizzare, formattare e migliorare automaticamente la compatibilità con i browser meno recenti. Inoltre, hai la flessibilità di modificare il codice utilizzando i prompt, sbloccando infinite possibilità creative.

Libreria di frammenti di codice basata sul cloud

Anche se Divi AI potrebbe non essere impeccabile, consente agli utenti di persistere nella conversazione e collaborare con l'IA per perfezionare il risultato desiderato. Gli utenti possono anche richiedere un "riprova". Ad ogni tentativo, Divi AI genera risultati leggermente diversi, scoprendo spesso la soluzione desiderata dopo pochi tentativi.

Anche per coloro che hanno una conoscenza fondamentale dello sviluppo web, Divi AI può accelerare la personalizzazione del sito web e ottenere risultati specifici precedentemente ottenibili solo attraverso il coinvolgimento di un esperto.

Avvolgendo

Divi Code AI è molto più di un semplice progresso tecnologico; è un punto di svolta nel mondo del web design. Offre agli utenti la possibilità di sfruttare le capacità di un esperto sviluppatore web front-end direttamente da Divi Visual Builder .

Che tu sia un web designer esperto o un principiante nel settore, Divi Code AI apre le porte a maggiore efficienza e personalizzazione. Immergiti e sperimenta il futuro del web design con Divi Code AI.