Divi Code AI - Vaš osebni pomočnik za kodiranje v Divi

Dobra novica za spletne oblikovalce in razvijalce, prišel je revolucionarni dodatek k naboru orodij Divi AI . Oktobra 2023 je Divi napovedal nov dodatek k svojemu kompletu orodij AI – Divi Code AI, orodje, ki poenostavi spletni razvoj znotraj ekosistema Divi. Divi Code AI ima edinstveno sposobnost pisanja kode, ustvarjanja CSS in nudi neprecenljivo pomoč pri prilagajanju spletnih mest Divi prek Visual Builderja. Uporabniki lahko zdaj izkoristijo strokovno znanje izkušenega spletnega razvijalca, ki dobro pozna podrobnosti vsakega modula Divi. Ta blog raziskuje, kako Divi Code AI preoblikuje izkušnjo spletnega oblikovanja Divi ter obljublja večjo učinkovitost in večjo raven užitka.

Prilagodite spletno mesto s kodiranjem AI

Uporabniki lahko zlahka opazijo novo ikono AI, ki se nahaja pod polji kode Divi. S preprostim klikom na to ikono lahko posamezniki posredujejo svoje posebne zahteve Divi AI. Glede na element, ki ga prilagodite, in naravo polja, ki ga urejate, Divi AI takoj prilagodi svoje odzive, da ustrezajo nalogi.

Za ponazoritev, ko želi uporabnik v naslov vključiti prelivno besedilo, kar je funkcija oblikovanja, ki ni izvorno na voljo v Diviju, lahko preprosto zahteva, da AI Divi ustvari potrebni CSS. V nekaj trenutkih je naslov okrašen z osupljivim učinkom preliva.

Uporabniki lahko sodelujejo v stalnem dialogu z Divi AI, da natančno prilagodijo rezultat. V video predstavitvi se je uporabniku zdelo, da je bil začetni gradient nekoliko umirjen, zato so prosili Divi AI, da ga okrepi. Rezultat je zdaj idealen gradient, ki dosega želeno živahnost.

Ustvarite elemente po meri

Modul Code izstopa kot sijoča ​​zvezda Divi Code AI, saj se ponaša z zmožnostjo enostavno obdelave HTML, CSS in JavaScript. Uporabniki lahko preprosto zahtevajo od Divi AI, da oblikuje pojavno okno s 30-sekundno zakasnitvijo, ki povabi obiskovalce, da se naročijo na njihovo glasilo, s svobodo, da opišejo videz pojavnega okna. V nekaj trenutkih Divi AI brez truda ustvari kodo, kar povzroči privlačno in učinkovito pojavno okno, ki pritegne pozornost obiskovalcev spletnega mesta.

Divi AI se ponaša s široko paleto zmogljivosti, ko gre za kodne module. Z lahkoto lahko vključi funkcije, kot je učinek tipkanja za naslov vašega junaka ali preoblikovanje razdelka Divi v priročno lebdečo stransko vrstico, ki jo je mogoče zavrniti. Ko se uporabniki seznanijo z interakcijo z Divi AI, se pred njimi odpre kraljestvo razburljivih možnosti.

Možnost proste oblike CSS za vse module

Izvedli so omembe vredno izboljšavo v vseh modulih Divi – funkcijo CSS v prosti obliki, ki uporabnikom omogoča, da oblikujejo modul v fokusu in vse osnovne elemente z uporabo psevdorazreda »izbirnik«. Na primer, ko urejate modul Blurb, lahko preprosto uporabite senco polja in prilagodite videz njegovih elementov IMG in H3 tako, da oblikujete pravila CSS, kot je to spodaj:

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

Ta dodatek se je izkazal za neprecenljivega za Divi AI, saj mu zagotavlja prilagodljivost, potrebno za izpolnjevanje vaših zahtev in prilagajanje celotnih modulov brez truda.

Prilagajanje CSS, ustvarjeno z umetno inteligenco

Uporaba Divi Code AI v novem polju CSS v prosti obliki se je izkazala za izjemno izkušnjo. V spodnji video predstavitvi lahko uporabniki opazujejo, kako AI Divi brez težav izvaja zaporedje prilagoditev. Navodila so jasna: preoblikovanje slike v krožno obliko, dodajanje subtilne okvirne sence, prekrivanje slike s polprosojnim gradientom in uporaba animacije povečave, ki jo sproži lebdenje.

Zahvaljujoč globokemu razumevanju Divi AI struktur modulov Divi in ​​njegovemu poznavanju CSS, se te zapletene naloge običajno uspešno lotijo ​​v prvem poskusu ali pa se izjemno približajo želenemu rezultatu.

Kodna baza Divi

Divi Code AI se razlikuje po tem, da je natančna nastavitev kodne baze modula Divi, ki ponuja izrazito prednost v primerjavi z drugimi velikimi jezikovnimi modeli. Zahvaljujoč poznavanju razredov modulov Divi in ​​izhodov HTML se odlikuje pri razumevanju dvoumnih zahtev in prepoznavanju izrazov, specifičnih za Divi, v uporabniških pozivih.

Na primer, v spodnjem videoposnetku uporabnik naroči AI Divi Code, naj oblikuje CSS za prilagajanje videza modulov Blurb in Button. Presenetljivo je, da AI Divi Code instinktivno razloči naravo elementov Blurb in Button ter natančno določi ustrezne razrede. Ta natančnost mu omogoča, da že v prvem poskusu zagotovi natančne prilagoditve.

Priročno kodiranje

Divi Code AI ponuja uporabniku prijazna hitra dejanja za natančno nastavitev kode. S samo enim klikom lahko samodejno optimizira, formatira in izboljša združljivost s starejšimi brskalniki. Poleg tega imate prilagodljivost za spreminjanje kode z uporabo pozivov, s čimer odklenete neskončne ustvarjalne možnosti.

Knjižnica izrezkov kode v oblaku

Čeprav Divi AI morda ni brezhiben, uporabnikom omogoča, da vztrajajo pri pogovoru in sodelujejo z AI za izboljšanje želenega rezultata. Uporabniki lahko zahtevajo tudi "ponovni poskus". Z vsakim poskusom Divi AI ustvari nekoliko različne rezultate in pogosto odkrije želeno rešitev po nekaj poskusih.

Tudi za tiste, ki imajo osnovno znanje o spletnem razvoju, lahko Divi AI pospeši prilagajanje spletnega mesta in doseže specifične rezultate, ki so bili prej dosegljivi le z angažiranjem strokovnjaka.

Zavijanje

Divi Code AI je več kot le tehnološki napredek; to je sprememba v svetu spletnega oblikovanja. Uporabnikom ponuja moč, da izkoristijo zmogljivosti izkušenega sprednjega spletnega razvijalca neposredno iz Divi Visual Builderja .

Ne glede na to, ali ste izkušen spletni oblikovalec ali novinec na tem področju, Divi Code AI odpira vrata do povečane učinkovitosti in prilagajanja. Potopite se in izkusite prihodnost spletnega oblikovanja z Divi Code AI.