Majowa aktualizacja postępów Divi 5: podgląd prędkości Divi 5

Jesteśmy w trakcie ogromnego projektu, Divi 5, i lubię co miesiąc informować społeczność o naszych postępach. W zeszłym miesiącu zagłębiliśmy się w pięć etapów programu beta Divi 5, aby lepiej zrozumieć, w jaki sposób podchodzimy do tak dużego projektu w najkorzystniejszy sposób dla użytkowników Divi. Jesteśmy w fazie 1, Dev Alpha i zbliżamy się do uruchomienia Dev Beta, w którym to momencie nowe API Divi 5 zostanie utrwalone. Zaprosimy więcej programistów do przyłączenia się do programu, podczas gdy będziemy pracować nad pierwszą publiczną wersją jeszcze w tym roku.

W aktualizacji w tym miesiącu porozmawiamy o aktualizacjach, które wprowadziliśmy do Divi 5. Pokażę Ci również, jak szybki jest Divi 5, a następnie rzucę okiem na naszą nadchodzącą funkcję Divi AI! Zagłębmy się.

Co osiągnęliśmy w tym miesiącu

Dużo zrobiliśmy w tym miesiącu! Jest wiele drobnych rzeczy, które wypełniamy, jedna po drugiej, w miarę zbliżania się do naszej pierwszej publicznej wersji, w której interfejs użytkownika będzie musiał zostać dopracowany, a solidny zestaw funkcji Divi będzie musiał zostać ukończony. Pracowaliśmy nad dzielnikami sekcji, filmami w tle, opcjami warunków, responsywną treścią i naprawiliśmy kilka błędów.

Większość naszej pracy koncentrowała się na ugruntowaniu API Divi 5, o co chodzi w wersjach Dev Beta. Ogólny trend jest taki, że budujemy fundament, aby ułatwić naszemu zespołowi i społeczności programistów tworzenie świetnych modułów i funkcji Divi. Musimy dobrze wykonać tę część, aby wszystko inne ułożyło się tak, jak chcemy.

Pracowaliśmy nad ujednoliceniem i uproszczeniem nowego API REST Divi 5. Zakończyliśmy kilka nowych funkcji i ich implementacji, które mają na celu znaczne skrócenie czasu tworzenia modułu Divi. Ponownie wkładamy dodatkową pracę na poziomie fundamentów, aby reszta projektu Divi 5 przebiegała szybciej, a wszystkie moduły i funkcje, które dodamy po Divi 5, będą rozwijane szybciej.

Zrefaktoryzowaliśmy również metodę konwersji shortcode Divi, która odegra zasadniczą rolę we wstecznej kompatybilności.

Jeśli interesują Cię bardziej szczegółowe informacje, oto najnowsze wpisy dzienników zmian:

Divi 5.0.0-dev-alpha.4

• Napraw renderowanie pól tła w oknie modalnym ustawień modułu Shortcode
• Napraw widoczność pól ustawień modułu shortcode z warunkami wzorca wyrażenia regularnego.
• Dodano renderowanie frontendu opcji dzielników sekcji.
• Naprawiono niedziałające prawidłowo opcje najechania kursorem w kreatorze wizualnym i interfejsie dla opcji modułów, które mają wiele selektorów.
• Zrefaktoryzowano pakiet @divi/scripts i dodano testy
• Opublikowano pakiety typów do npm w ramach przygotowań do publicznego udostępnienia

Divi 5.0.0-dev-alpha.5

• Pozwól modułowi Shortcode wysłać kolejne żądanie, gdy poprzednie żądanie zostanie automatycznie przerwane.
• Renderuj przycisk opcji lepkich, gdy bieżący moduł Shortcode jest lepki.
• Renderuj przycisk opcji lepkich, gdy bieżący moduł Shortcode znajduje się w lepkim module.
• Usunięto nieużywaną wartość domyślną Rekord<liczba, ciąg znaków | Record<string, string>> wpisz w module Shortcode.
• Naprawiono nieprawidłowe wyświetlanie elementów modułu Woo Shortcode na stronie pojedynczego produktu. Moduły Shortcode, których dotyczy problem: Powiadomienie o produkcie Woo, Obrazy produktów Woo, Dodaj do koszyka Woo, Magazyn produktów Woo, Cena produktu Woo, Produkty powiązane Woo, Dodatkowa sprzedaż produktów Woo i Produkty Woo.
• Zmień nazwę nieobsługiwanego modułu na moduł Shortcode wraz ze ślimakiem modułu, trasą API REST, etykietą, przypadkami testowymi i podręcznikiem.
• Dodano pola wideo tła w opcjach tła modułu.
• Refaktoryzowane renderowanie wideo w tle w programie Visual Builder bez wywołań interfejsu API REST.
• Dodano renderowanie opcji modułu wideo w tle w interfejsie użytkownika.
• Dodano ScriptData, aby zainicjować wideo w tle w interfejsie użytkownika.
• Dodano obsługę opcji modułu wideo w tle w stanie przyklejonym.
• Zaktualizowano widoczność pól rozdzielacza w opcjach modułu, aby ukryć dodatkowe opcje, jeśli styl rozdzielacza nie został wybrany.
• Zaktualizowano widoczność ustawienia Powtórzenia poziomego rozdzielacza w Opcjach modułu, aby było ukryte dla opcji stylu rozdzielacza, które jawnie odrzucają powtórzenia.
• Zaktualizowano widoczność ustawienia Rozmieszczenie dzielników w opcjach modułu, aby było ukryte w ustawieniach sekcji pełnej szerokości (gdzie dozwolona jest tylko domyślna wartość „poniżej”).
• Zaktualizowano podgląd pola stylu rozdzielacza w opcjach modułu, aby odzwierciedlić poziome i/lub pionowe odwrócenie aktualnie zastosowane do rozdzielacza.
• Zaktualizowano pole Wysokość dzielnika w Opcjach modułu, aby umożliwić zapisywanie wartości procentowych („%”) oprócz domyślnej jednostki piksela („px”).
• Zaktualizowano ustawienie Powtórzenia poziomego dzielnika w opcjach modułu, aby akceptować tylko wartości dodatnie („1x” lub wyższe).
• Dodano podstawę opcji warunków, w tym warunki początkowe dla autora, zalogowanego i roli użytkownika, pozostałe warunki będą dodawane stopniowo w przyszłych wersjach.
• Dodano komponent ElementComponents, odpowiednik <ElementStyle /> ale dla renderowanych elementów HTML.
• Dodano funkcję elementClassnames(), odpowiednik <ElementStyle />, ale dla funkcji, które wyświetlają nazwy klas.
• Naprawiono błąd poziomu nagłówka czcionki.
• Naprawiono ostrzeżenia PHP wyzwalane w module Portfolio.
• Do wszystkich zarejestrowanych tras REST dodano odpowiednie wywołanie zwrotne uprawnień REST.
• Wprowadzono nową klasę RoleEditor do określania ról Divi, w tym testy funkcjonalności, która została refaktoryzowana z D4 do D5.
• Funkcje .sendRequest(), takie jak automatyczne dodawanie wartości jednorazowych ET i WP oraz obsługa odpowiedzi strumieniowych, zostały dodane do funkcji fetch().
• Funkcja fetch() została całkowicie zrefaktoryzowana w celu ułatwienia konserwacji i skalowalności, umożliwiając wprowadzenie nowych i złożonych warunków i funkcji, np. opcji .sendRequest().
• Wszystkie wywołania interfejsu API REST, fetch(), logedFetch() i .sendRequest(), zostały ujednolicone i teraz używany jest tylko logFetch().
• Refaktoryzowany mechanizm konwersji modułów.

Divi 5.0.0-dev-alpha.6

• Ulepszona i usprawniona rejestracja REST API, logika, schematy i testy. Zmieniono nazwę pakietu divi/ajax na pakiet divi/rest.
• Dodano komponenty InlineTextEditorContainer i InlineTextEditor dla wbudowanego edytora tekstu.
• Dodano procedury obsługi onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown i onMouseUp dla wbudowanego edytora tekstu.
• Dodano mechanizm zapisywania, aby aktualizować wartość atrybutu z pola wbudowanego edytora tekstu.
• Dodano procedury obsługi zdarzeń do włączania i wyłączania trybu edycji dla wbudowanego edytora tekstu.
• Dodano nazwy klas oparte na aktywacji/dezaktywacji i innych stanach, takich jak __pusty, __edycja, __html.
• Dodano styl CSS/Inline dla wbudowanego edytora tekstu.
• Refaktoryzacja WindowEventEmitterInstance w celu dodania detektora zdarzeń mousedown.
• Wprowadzono responsywną zawartość pomocnika PHP.
• Wprowadzono responsywną zawartość pomocnika JS.
• Dodano responsywną funkcjonalność treści w skryptach FE.
• Dodano responsywną implementację treści w elementach Imię, Pozycja, Obraz i Treść modułu Team Member
• Dodano responsywną implementację treści w elementach Procent użycia, Procent i Tytuł modułu Liczniki słupków
• Dodano responsywną implementację treści w elemencie Button Text modułu Button.
• Dodano responsywną implementację treści w elementach Tytuł i Treść modułu Toggle.
• Dodano responsywną implementację treści w elemencie Text Inner modułu Text.
• Dodano responsywną implementację treści w elemencie Tytuł modułu Countdown Timer.
• Dodano responsywną implementację treści w elementach Tytuł, Obraz, Nazwa wykonawcy i Nazwa albumu modułu Audio.
• Dodano responsywną implementację treści w elemencie Content modułu Code.
• Dodano responsywną implementację treści w elementach Tytuł, Treść i Przycisk modułu CTA.
• Dodano responsywną implementację treści w module Image.
• Dodano responsywną implementację treści w elemencie Title modułu Circle Counter.
• Dodano responsywną implementację treści w elemencie Tytuł modułu Number Counter.
• Dodano responsywną implementację treści w elementach Tytuł i Treść modułu Tabs.
• Dodano responsywną implementację treści w elementach Tytuł i Treść modułu Login.
• Dodano responsywną implementację treści w opcji Show Divider modułu Divider.
• Dodano responsywną implementację treści w elementach tytułu, podtytułu, treści, obrazu logo, obrazu nagłówka, tekstu przycisku pierwszego i tekstu przycisku drugiego modułu nagłówka o pełnej szerokości.
• Dodano responsywną implementację treści w module Fullwidth Image.
• Dodano responsywną implementację treści w elementach Tytuł i Treść modułu Portfolio.
• Przenieś kod związany z modułem Shortcode do pakietu modułu Shortcode.
• Dodaj renderer stylów nagłówków czcionek w komponencie ElementStyle.

Szybkość Divi 5

Zanim zakończymy dzisiejszy post, chcę omówić szybkość . Jak być może wiesz, nie planujemy dodawać wielu, jeśli w ogóle, nowych funkcji do Divi 5. Jednak jedną z najbardziej znaczących zmian, które pojawią się w tej nowej wersji, jest ogromny wzrost szybkości, szczególnie w Visual Builder , gdzie wszyscy spędzamy tak dużo czasu.

Mimo że interfejs użytkownika Divi 5 nie jest ukończony, a konstruktorowi brakuje funkcji, nadal chciałem rzucić okiem na różnicę w wydajności, o której ciągle mówię. Więc proszę powstrzymaj się od oceniania tego, jak rzeczy wyglądają w tym filmie, który się zmieni, i po prostu skup się na szybkości interakcji!

Od razu zauważysz, że wszystko pojawia się natychmiast po najechaniu na elementy na stronę. Otwarcie wyskakującego okienka ustawień jest równie szybkie, jak dostosowanie ustawień projektu. To różnica między nocą a dniem. Ponadto nie ma znaczenia, jak duża i złożona staje się strona. Visual Builder może sobie z tym poradzić i pozostaje szybki.

Osiągnięcie tego poziomu szybkości nie było możliwe w Divi 4 i jest to jeden z powodów, dla których ta ponowna architektura Divi 5 jest tak ważna.

Już wkrótce: Divi AI

To wszystko na temat aktualizacji Divi 5 w tym miesiącu. Mam jednak dla Was jeszcze jeden zwiastun. Podczas gdy prawie cały nasz zespół koncentruje się na Divi 5, wciąż mamy niewielką grupę osób pracujących nad funkcjami Divi 4, które nie wpłyną na rozwój Divi 5, a teraz pracujemy nad czymś bardzo ekscytującym.

Nazywa się Divi AI i wykorzystuje duże modele językowe, aby pomóc Ci tworzyć treści, takie jak tekst i obrazy, dla witryn Divi bezpośrednio w kreatorze! Ponieważ jest zintegrowany z Divi, możemy uczyć rzeczy o kreatorze i Twojej witrynie, aby pomóc mu tworzyć lub ulepszać Twoje treści w sposób, który ma sens i wydaje się niezwykle intuicyjny.

Obejrzyj dzisiejszy film na YouTube, aby rzucić okiem na Divi AI.

Bądź na bieżąco, aby uzyskać więcej aktualizacji

To wszystko w naszym majowym raporcie z postępów. Jeśli masz jakieś pytania, koniecznie zostaw komentarz. Bądź na bieżąco z aktualizacją w przyszłym miesiącu i do zobaczenia w następnym!