Przedstawiamy Divi Code AI, Twojego osobistego asystenta kodowania Divi

Dzisiaj jesteśmy podekscytowani wydaniem Divi Code AI, nowej części zestawu narzędzi Divi AI, która może pisać kod, generować CSS i pomagać w dostosowywaniu witryn Divi w programie Visual Builder. To tak, jakby zawsze mieć u boku doświadczonego programistę front-end, który zna tajniki każdego modułu Divi!

Zdobądź Divi AI już dziś

Dostosuj swoją witrynę za pomocą kodu wygenerowanego przez sztuczną inteligencję

Pod polami kodu Divi zauważysz nową ikonę AI. Kliknij ikonę, powiedz Divi AI, co chcesz, a w zależności od dostosowywanego elementu i rodzaju edytowanego pola, zareaguje odpowiednio.

Na przykład, jeśli chcę dodać tekst gradientowy do nagłówka, dla którego Divi nie ma opcji projektowania, mogę poprosić Divi AI o napisanie za mnie CSS. W ciągu kilku sekund do mojego nagłówka zostanie zastosowany piękny gradient.

Mogę nawet kontynuować rozmowę z Divi AI i udoskonalać wynik. W poniższym przykładzie wideo uznałem, że oryginalny gradient był zbyt subtelny, więc poprosiłem Divi AI, aby uczynić go bardziej żywym. Teraz wygląda idealnie!

Twórz całkowicie niestandardowe elementy

Moduł Code to miejsce, w którym AI Divi Code błyszczy, ponieważ może zrobić wszystko, co chcesz, za pomocą HTML, CSS i JavaScript. Mogę poprosić Divi AI o utworzenie wyskakującego okienka, które pojawi się po 30 sekundach i zaprosi użytkowników do dołączenia do mojego newslettera. Mogę nawet opisać, jak powinno wyglądać wyskakujące okienko. Divi AI generuje kod w ciągu kilku sekund, a na mojej stronie internetowej mam świetnie wyglądające wyskakujące okienko, które przyciągnie uwagę moich gości.

Divi AI może robić różne rzeczy za pomocą modułu kodu. Co powiesz na dodanie efektu pisania do nagłówka w moim bohaterze lub przekształcenie sekcji Divi w pływający pasek boczny, który można zamknąć? Kiedy już opanujesz rozmowę z Divi AI, otworzy się przed tobą nowy obszar możliwości.

Przedstawiamy opcję CSS w dowolnej formie dla wszystkich modułów

Do wszystkich modułów Divi wprowadziliśmy opcję swobodnego CSS, umożliwiającą stylizację bieżącego modułu i dowolnego podelementu za pomocą pseudoklasy „selektor”. Na przykład, jeśli chcesz dodać cień prostokątny do aktualnie edytowanego modułu Blurb, a także nadać styl elementom IMG i H3 w Blurb, możesz napisać coś takiego:

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 nowa opcja jest doskonała dla Divi AI, ponieważ daje jej swobodę potrzebną do spełniania Twoich żądań i dostosowywania całego modułu na raz.

Dostosuj dowolny moduł za pomocą CSS generowanego przez sztuczną inteligencję

Wykorzystanie AI Divi Code w nowym, swobodnym polu CSS jest fantastyczne! W poniższym przykładzie wideo proszę Divi AI o wykonanie szeregu dostosowań. Proszę o zmianę kształtu obrazu na okrąg, dodanie cienia w ramce, utworzenie półprzezroczystej nakładki gradientowej na górze obrazu i zastosowanie animacji powiększania po najechaniu kursorem.

Ponieważ Divi AI zna strukturę i klasy każdego modułu Divi, a także ponieważ jest ekspertem CSS, często może wykonać te trudne zadania za pierwszym razem lub przynajmniej znaleźć się w niewielkiej odległości od odpowiedniego rozwiązania.

AI Divi Code jest dostrojona w bazie Divi Codebase

Jedną z rzeczy, która sprawia, że ​​Divi Code AI jest wyjątkowa, jest to, że została dostrojona w oparciu o bazę kodu modułu Divi, co daje jej przewagę nad innymi dużymi modelami językowymi. Ponieważ zna klasy modułów Divi i dane wyjściowe HTML, może lepiej interpretować niejasne żądania i rozpoznawać terminologię Divi w podpowiedziach.

Na przykład w poniższym filmie proszę Divi Code AI o napisanie kodu CSS w celu dostosowania wyglądu moich modułów Blurb i Button. Intuicyjnie rozumie, czym są Blurb i Button, i dokładnie celuje w odpowiednie klasy, spełniając moją prośbę o dostosowanie już za pierwszym razem.

Wygodne szybkie akcje kodowania

Divi Code AI zawiera wygodne Szybkie Akcje, których możesz użyć do udoskonalenia kodu. Automatycznie optymalizuj, formatuj i poprawiaj kompatybilność ze starymi przeglądarkami za pomocą jednego kliknięcia.

Możesz także użyć Divi AI do zmiany kodu za pomocą podpowiedzi, otwierając nieograniczone możliwości.

Zbuduj swoją bibliotekę fragmentów kodu w chmurze

Pola kodu Divi współpracują z Divi Cloud, co oznacza, że ​​możesz zapisywać w chmurze fragmenty kodu wygenerowane przez sztuczną inteligencję, aby móc ich używać na dowolnej stronie internetowej. To świetny sposób na zbudowanie niezwykle przydatnej biblioteki fragmentów kodu.

Program parowania z pomocą sztucznej inteligencji

Divi AI nie jest idealna, ale nawet jeśli coś pójdzie nie tak, możesz kontynuować rozmowę i sparować program z AI, aby udoskonalić pożądany rezultat. Możesz także poprosić Divi AI o „ponowienie próby”. Za każdym razem, gdy spróbuje ponownie, uzyska nieco inny wynik, często natrafiając na pożądane rozwiązanie po kilku próbach.

Nawet jeśli masz jedynie podstawową wiedzę na temat tworzenia stron internetowych, możesz wykorzystać Divi AI, aby szybciej dostosować swoją stronę internetową lub osiągnąć określone wyniki, które wcześniej nie byłyby możliwe bez zatrudnienia eksperta.

Więcej funkcji AI jest już w drodze

Dopiero zaczynamy korzystać z funkcji AI Divi. Divi AI może teraz generować obrazy, pisać treści i dostosowywać witrynę za pomocą niestandardowego kodu. Następnie połączymy wszystkie te narzędzia, aby ułatwić generowanie pełnego układu! Obserwuj i subskrybuj, aby nie przegapić moich przyszłych aktualizacji. Zawsze szczegółowo przyglądam się każdej nowej funkcji, więc jeśli prowadzisz swoje strony internetowe na Divi, nie chcesz przegapić tych postów!

Uzyskaj 40% zniżki na Divi AI tylko przez tydzień!

Aby uczcić premierę Divi Code AI, oferujemy 40% zniżki na Divi AI na następny tydzień. Każdy, kto kupi Divi AI przed zakończeniem wyprzedaży , zaoszczędzi 115 dolarów rocznie i zablokuje te oszczędności na całe życie! Ponadto wszyscy członkowie Twojego zespołu mogą korzystać z Divi AI bez dodatkowych kosztów. Uzyskaj zniżkę tutaj