Divi Code AI - Twój osobisty asystent kodowania w Divi

Dobra wiadomość dla projektantów i programistów stron internetowych: pojawił się przełomowy dodatek do zestawu narzędzi Divi AI . W październiku 2023 r. Divi ogłosiło nowy dodatek do swojego zestawu narzędzi AI - Divi Code AI, narzędzie upraszczające tworzenie stron internetowych w ekosystemie Divi. Divi Code AI posiada unikalną zdolność do pisania kodu, generowania CSS i zapewnia nieocenioną pomoc w dostosowywaniu stron internetowych Divi za pomocą Visual Buildera. Użytkownicy mogą teraz korzystać z wiedzy doświadczonego programisty front-endowego, dobrze zorientowanego w zawiłościach każdego modułu Divi. Ten blog bada, w jaki sposób sztuczna inteligencja Divi Code zmienia doświadczenie projektowania stron internetowych Divi , zapewniając większą wydajność i wyższy poziom przyjemności.

Dostosuj witrynę internetową za pomocą kodowania AI

Użytkownicy mogą łatwo zauważyć nową ikonę AI umieszczoną pod polami kodu Divi. Klikając po prostu tę ikonę, poszczególne osoby mogą przekazać swoje specyficzne wymagania Divi AI. W zależności od dostosowywanego elementu i charakteru edytowanego pola, Divi AI szybko dostosowuje swoje reakcje do wykonywanego zadania.

Przykładowo, gdy użytkownik chce włączyć tekst gradientowy do nagłówka, co jest funkcją projektową niedostępną natywnie w Divi, może po prostu poprosić Divi AI o wygenerowanie niezbędnego CSS. W ciągu kilku chwil nagłówek zostaje ozdobiony oszałamiającym efektem gradientu.

Użytkownicy mogą prowadzić ciągły dialog z Divi AI, aby dopracować wynik. Podczas demonstracji wideo użytkownik poczuł, że początkowy gradient był nieco stonowany, w związku z czym poprosił Divi AI o jego zintensyfikowanie. Rezultatem jest teraz idealny gradient, pozwalający osiągnąć pożądaną intensywność.

Utwórz elementy niestandardowe

Moduł Code wyróżnia się jako świecąca gwiazda Divi Code AI, szczycąc się możliwością łatwej obsługi HTML, CSS i JavaScript. Użytkownicy mogą po prostu poprosić Divi AI o utworzenie wyskakującego okienka z 30-sekundowym opóźnieniem, zapraszającego odwiedzających do zapisania się do ich biuletynu, ze swobodą opisywania wyglądu wyskakującego okienka. W ciągu kilku chwil Divi AI bez wysiłku generuje kod, tworząc przyciągające wzrok i skuteczne wyskakujące okienko, które przyciąga uwagę odwiedzających witrynę.

Divi AI może poszczycić się szerokim wachlarzem możliwości jeśli chodzi o moduły kodu. Może bez wysiłku włączać funkcje, takie jak efekt pisania dla nagłówka bohatera lub przekształcanie sekcji Divi w wygodny, pływający pasek boczny, który można odrzucić. Gdy użytkownicy zaznajomią się z interakcją z Divi AI, otwiera się przed nimi sfera ekscytujących możliwości.

Opcja CSS w dowolnym formacie dla wszystkich modułów

Zaimplementowali godne uwagi ulepszenie we wszystkich modułach Divi — swobodną funkcję CSS, która umożliwia użytkownikom stylizowanie modułu i wszelkich elementów bazowych za pomocą pseudoklasy „selektor”. Na przykład, edytując moduł Blurb, możesz łatwo zastosować cień ramki i dostosować wygląd jego elementów IMG i H3, tworząc reguły CSS takie jak ta poniżej:

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

Ten dodatek okazuje się nieoceniony dla Divi AI, zapewniając mu elastyczność niezbędną do spełnienia Twoich żądań i łatwego dostosowywania całych modułów.

Dostosowywanie CSS generowane przez sztuczną inteligencję

Wykorzystanie AI Divi Code w nowym, swobodnym polu CSS okazuje się niezwykłym doświadczeniem. Na poniższej demonstracji wideo użytkownicy mogą zobaczyć, jak Divi AI bez wysiłku wykonuje sekwencję dostosowań. Instrukcje są jasne: przekształcenie obrazu w okrągły kształt, dodanie subtelnego cienia w kształcie prostokąta, nałożenie obrazu półprzezroczystym gradientem i zastosowanie animacji powiększania uruchamianej przez najechanie kursorem.

Dzięki głębokiemu zrozumieniu przez Divi AI struktur modułów Divi i biegłości w CSS, te złożone zadania są zazwyczaj rozwiązywane pomyślnie przy pierwszej próbie lub są niezwykle zbliżone do pożądanego rezultatu.

Baza kodów Divi

To, co wyróżnia Divi Code AI, to jego precyzyjne dostrojenie w bazie kodu modułu Divi, oferując wyraźną przewagę w porównaniu z innymi dużymi modelami językowymi. Dzięki znajomości klas modułów Divi i wyników HTML, doskonale radzi sobie ze zrozumieniem niejednoznacznych żądań i rozpoznawaniem terminów specyficznych dla Divi w podpowiedziach użytkownika.

Na przykład w poniższym filmie użytkownik instruuje sztuczną inteligencję Divi Code, aby przygotowała CSS w celu dostosowania wyglądu modułów Blurb i Button. Co imponujące, sztuczna inteligencja Divi Code instynktownie rozpoznaje naturę elementów Blurb i Button, dokładnie wskazując odpowiednie klasy. Ta precyzja pozwala na natychmiastową personalizację już za pierwszym razem.

Wygodne kodowanie

Divi Code AI oferuje przyjazne dla użytkownika szybkie akcje umożliwiające dostrojenie kodu. Za pomocą jednego kliknięcia może automatycznie optymalizować, formatować i zwiększać kompatybilność ze starszymi przeglądarkami. Dodatkowo masz elastyczność modyfikowania kodu za pomocą podpowiedzi, odblokowując nieograniczone możliwości twórcze.

Biblioteka fragmentów kodu oparta na chmurze

Chociaż Divi AI może nie być bezbłędna, pozwala użytkownikom kontynuować rozmowę i współpracować z sztuczną inteligencją w celu udoskonalenia pożądanego rezultatu. Użytkownicy mogą również poprosić o „ponowną próbę”. Przy każdej próbie Divi AI generuje nieco zróżnicowane wyniki, często odkrywając pożądane rozwiązanie po kilku próbach.

Nawet dla tych, którzy mają podstawową wiedzę na temat tworzenia stron internetowych, Divi AI może przyspieszyć dostosowywanie strony internetowej i osiągnąć określone wyniki, które wcześniej były osiągalne tylko dzięki zaangażowaniu eksperta.

Podsumowanie

Divi Code AI to coś więcej niż tylko postęp technologiczny; to rewolucja w świecie projektowania stron internetowych. Oferuje użytkownikom możliwość wykorzystania możliwości wykwalifikowanego programisty front-end bezpośrednio z Divi Visual Builder .

Niezależnie od tego, czy jesteś doświadczonym projektantem stron internetowych, czy nowicjuszem w tej dziedzinie, Divi Code AI otwiera drzwi do zwiększonej wydajności i personalizacji. Zanurz się i poznaj przyszłość projektowania stron internetowych dzięki Divi Code AI.