Vă prezentăm Divi Code AI, Asistentul dvs. personal de codare Divi
Publicat: 2023-10-20Astăzi, suntem încântați să lansăm Divi Code AI, o nouă componentă a setului de instrumente Divi AI care poate scrie cod, genera CSS și vă poate ajuta să vă personalizați site-urile Divi în Visual Builder. Este ca și cum ai avea întotdeauna un dezvoltator web expert front-end alături de tine, care cunoaște dezavantajele fiecărui modul Divi!
Obțineți Divi AI astăzi
Personalizați-vă site-ul web cu codul generat de AI
Veți observa o nouă pictogramă AI sub câmpurile de cod ale Divi. Faceți clic pe pictogramă, spuneți Divi AI ce doriți să facă și, în funcție de elementul pe care îl personalizați și de tipul de câmp pe care îl editați, acesta va răspunde corespunzător.
De exemplu, dacă vreau să adaug text gradient la un titlu, pentru care Divi nu are o opțiune de design, pot cere Divi AI să scrie CSS-ul pentru mine. În câteva secunde, titlul meu are un gradient frumos aplicat.
Pot chiar să continui conversația cu Divi AI și să perfecționez rezultatul. În exemplul video de mai jos, mi s-a părut că gradientul original era prea subtil, așa că am cerut Divi AI să-l facă mai vibrant. Acum arata perfect!
Creați elemente complet personalizate
Modulul Code este locul în care Divi Code AI strălucește, deoarece poate face orice doriți cu HTML, CSS și JavaScript. Pot cere Divi AI să creeze o fereastră pop-up care să apară după 30 de secunde și să invite utilizatorii să se înscrie la newsletter-ul meu. Pot chiar să descriu cum ar trebui să arate popup-ul. Divi AI generează codul în câteva secunde și am un pop-up minunat pe site-ul meu care va atrage atenția vizitatorului meu.
Divi AI poate face tot felul de lucruri cu un modul de cod. Ce ziceți de adăugarea unui efect de tastare la titlul din eroul meu sau de a transforma o secțiune Divi într-o bară laterală plutitoare care poate fi respinsă? Odată ce te pricepi să vorbești cu Divi AI, se deschide un nou tărâm de posibilități.
Vă prezentăm opțiunea CSS în formă liberă pentru toate modulele
Am introdus o opțiune CSS cu formă liberă pentru toate modulele Divi, permițându-vă să stilați modulul curent și orice subelement folosind pseudoclasa „selector”. De exemplu, dacă doriți să adăugați o umbră de casetă la modulul Blurb pe care îl editați în prezent, precum și să stilați elementele IMG și H3 din Blurb, puteți scrie ceva de genul acesta:
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; }
Această nouă opțiune este excelentă pentru Divi AI, deoarece îi oferă libertatea de care are nevoie pentru a vă îndeplini solicitările și a personaliza un întreg modul simultan.
Personalizați orice modul folosind CSS generat de AI
Utilizarea Divi Code AI în noul câmp CSS cu formă liberă este fantastică! În exemplul video de mai jos, cer Divi AI să efectueze o serie de personalizări. Îi cer să schimbe forma imaginii într-un cerc, să adauge o umbră de casetă, să creeze o suprapunere de gradient semi-transparentă deasupra imaginii și să aplice o animație de mărire la hover.
Deoarece Divi AI cunoaște structura și clasele fiecărui modul Divi și, deoarece este un expert CSS, poate îndeplini adesea aceste sarcini provocatoare de la prima încercare sau cel puțin poate ajunge la distanță de soluție potrivită.
Divi Code AI este reglat fin pe baza de cod Divi
Unul dintre lucrurile care face ca Divi Code AI să fie specială este că a fost reglat fin pe baza de cod al modulului Divi, oferindu-i un avantaj față de alte modele de limbaj mari. Deoarece cunoaște clasele modulelor Divi și ieșirea HTML, poate interpreta mai bine cererile vagi și poate recunoaște terminologia Divi în solicitările dvs.
De exemplu, în videoclipul de mai jos, cer Divi Code AI să scrie ceva CSS pentru a personaliza aspectul modulelor mele Blurb și Button. Înțelege în mod intuitiv ce sunt un Blurb și un Button și vizează cu precizie clasele corecte, atingând solicitarea mea de personalizare din prima încercare.
Acțiuni rapide de codare convenabile
Divi Code AI vine cu acțiuni rapide convenabile pe care le puteți folosi pentru a rafina codul. Optimizați, formatați și îmbunătățiți automat compatibilitatea cu browserele vechi cu un singur clic.
De asemenea, puteți utiliza Divi AI pentru a modifica codul folosind un prompt, deschizând posibilități nelimitate.
Construiește-ți biblioteca de fragmente de cod în cloud
Câmpurile de cod ale Divi funcționează cu Divi Cloud, ceea ce înseamnă că puteți salva fragmente de cod generate de AI în cloud pentru a le utiliza pe orice site web. Este o modalitate excelentă de a construi o bibliotecă super-utilă de fragmente de cod.
Asociați programul cu ajutorul AI
Divi AI nu este perfect, dar chiar și atunci când lucrurile nu se potrivesc, puteți continua conversația și puteți asocia programul cu AI pentru a vă concentra pe rezultatul dorit. De asemenea, puteți cere Divi AI să „reîncerce”. De fiecare dată când încearcă din nou, va produce un rezultat ușor diferit, de multe ori dând peste soluția dorită după câteva încercări.
Chiar dacă aveți doar o înțelegere de bază a dezvoltării web, puteți utiliza Divi AI pentru a vă personaliza site-ul mai rapid sau pentru a obține rezultate specifice care nu ar fi fost posibile înainte fără a angaja un expert.
Mai multe funcții AI sunt pe cale
Tocmai începem cu funcțiile AI ale Divi. Divi AI poate acum genera imagini, scrie conținut și personaliza site-ul dvs. web folosind cod personalizat. În continuare, vom combina toate aceste instrumente pentru a facilita generarea completă a aspectului! Asigurați-vă că urmăriți și vă abonați pentru a nu rata actualizările mele viitoare. Întotdeauna dau o privire detaliată asupra fiecărei funcții noi, așa că dacă îți rulezi site-urile web pe Divi, nu vrei să ratezi aceste postări!
Obțineți 40% reducere Divi AI doar pentru o săptămână!
Pentru a sărbători lansarea Divi Code AI, oferim 40% reducere Divi AI pentru săptămâna viitoare. Oricine cumpără Divi AI înainte de încheierea reducerii va economisi 115 USD pe an și va păstra acele economii pe viață! În plus, toți membrii echipei pot folosi Divi AI fără costuri suplimentare. Obțineți reducerea aici