Aktualizacja postępów Divi 5: badanie możliwości rozbudowy Divi 5

Powracam z kolejną aktualizacją postępów w Divi 5. Jeśli nie znasz Divi 5, sprawdź nasz oryginalny post z ogłoszeniem. Krótko mówiąc, odtwarzamy konstruktora w Divi 5 od podstaw, skupiając się na wydajności, stabilności, skalowalności i możliwości rozbudowy. Nie będzie zawierał wielu nowych funkcji, ale będzie znacznie szybszy i bardziej wydajny, a także zapewni naszemu zespołowi i społeczności narzędzia, których potrzebujemy, aby ruszyć w drogę dzięki fantastycznym nowym modułom i funkcjom.

W zeszłym miesiącu dałem demo Divi 5 Visual Builder, aby pokazać jego błyskawiczną szybkość, więc jeśli przegapiłeś ten film, koniecznie go obejrzyj.

Omówię rozszerzalność Divi 5 i przedstawię szybką demonstrację w aktualizacji z tego miesiąca. Ale najpierw porozmawiajmy o tym, co nasz zespół robił w ciągu ostatniego miesiąca.

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

W zeszłym miesiącu zrobiliśmy duży postęp. Zbliżamy się do uruchomienia Divi 5 Dev Beta, kolejnej fazy programu beta Divi 5 i mam nadzieję ogłosić jego wydanie w mojej następnej aktualizacji.

Będąc w domu, nadal koncentrujemy się na uproszczeniu procesu tworzenia modułów, aby twórcy ze społeczności i nasz zespół mogli szybciej tworzyć moduły Divi 5. Praca, którą włożyliśmy w tej fazie, przyniesie korzyści w kolejnych fazach, a ostatecznym celem jest szybsze zdobycie Divi 5.

Wpisy dziennika zmian:

• Zrefaktoryzowano wszystkie obecnie budowane moduły, aby uwzględnić nowy i ulepszony system atrybutów oparty na elementach.
• Dodano funkcję saveInlineEditorValue Util w packages/module-utils do przechowywania wartości z wbudowanego edytora tekstu
• Dodano funkcję canEditInline Util w packages/module-utils, aby sprawdzić, czy atrybut modułu można edytować bezpośrednio
• Dodano zdarzenie obsługi onPaste do wbudowanego edytora tekstu w celu przetwarzania danych ze schowka
• Zastąpiono nazwy klas oparte na zdarzeniach wbudowanego edytora tekstu selektorami data-* (np. et-vb-editable-element-empty, et-vb-editable-element-html) w kreatorze.
• Zaktualizowano CSS dla wbudowanego edytora tekstu z selektorami data-* (np.: [data-et-vb-editable-element]).
• Zaktualizowano wbudowany edytor tekstu, aby sprawdzić, czy moduł można edytować, a użytkownik ma odpowiednie uprawnienia do edycji
• Zrefaktoryzowany magazyn skrótów klawiaturowych, aby wyłączyć skróty, gdy wbudowany edytor tekstu jest w trybie edycji
• Dodano funkcję wbudowanego edytora tekstu do modułu audio dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu Blurb dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu licznika słupków dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu licznika okręgów dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu kodu dla zawartości kodu (HTML).
• Dodano funkcję wbudowanego edytora tekstu do modułu odliczania czasu dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu nagłówka o pełnej szerokości dla tytułu i podtytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu kodu o pełnej szerokości dla zawartości kodu (HTML).
• Dodano funkcję wbudowanego edytora tekstu do modułu logowania dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu licznika liczb dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do modułu osoby (członka zespołu) dla nazwiska i stanowiska
• Dodano funkcję wbudowanego edytora tekstu do modułu tabeli cen dla tytułu, podtytułu, waluty, sumy i częstotliwości
• Dodano funkcję wbudowanego edytora tekstu do modułu suwaka dla nagłówka slajdu
• Dodano funkcję wbudowanego edytora tekstu do modułu kart dla tytułu karty
• Dodano funkcję wbudowanego edytora tekstu do modułu referencji dla autora, stanowiska i nazwy firmy
• Dodano funkcję wbudowanego edytora tekstu, aby przełączać moduł dla tytułu
• Dodano funkcję wbudowanego edytora tekstu do widoku szkieletowego dla etykiet administratora modułu
• Zaktualizowano funkcjonalność wbudowanego edytora tekstu, aby ustawić domyślny tekst, gdy atrybut modułu jest edytowany z pustą wartością (np. Etykiety administratora w trybie widoku szkieletowego)
• Dodano przypadki testowe, aby upewnić się, że tryb edycji dla wbudowanego edytora tekstu nie zostanie aktywowany dla zablokowanego modułu
• Dodano testy we wszystkich modułach korzystających z wbudowanego edytora tekstu, aby upewnić się, że działa on zgodnie z oczekiwaniami.
• Dodano podstawowe komponenty InlineRichTextEditorContainer i InlineRichTextEditor w kreatorze do edycji tekstu sformatowanego w tekście.
• Wprowadzono klasę ElementInnerContent, uproszczoną wersję klasy MultiViewElement.
• Ulepszona klasa MultiViewScriptData.
• Dodano niestandardowy filtr i hak w skrypcie Responsive Content FE.
• Wprowadzono klasę MultiViewElement.
• Zawartość dynamiczna: Nowy format wartości zawartości dynamicznej: `$zmienna(JSON_VALUE)$`.
• Zawartość dynamiczna: wprowadzono nową funkcję konwersji atrybutów dla atrybutów zawartości dynamicznej.
• Zawartość dynamiczna: Wprowadzono wstępne renderowanie zawartości dynamicznej w części frontendowej.
• Nowe podejście do przetwarzania wartości zawartości dynamicznej. Wartości zawartości dynamicznej zostaną przetworzone w analizatorze bloków, zanim dokument zostanie przeanalizowany na listę struktur blokowych.
• Z powrotem przeniesiono kod w celu rozwiązania wbudowanych i niestandardowych wartości pól zawartości dynamicznej na podstawie nazwy pola i ustawień.
• Z powrotem przeniesiono kod w celu wygenerowania wbudowanych i niestandardowych pól zawartości dynamicznej w oparciu o różne warunki.
• Zawartość dynamiczna: Wprowadzono wstępne renderowanie zawartości dynamicznej w VB
• Zawartość dynamiczna: Zintegrowana funkcjonalność zawartości dynamicznej w klasie `ModuleElements`.
• Zawartość dynamiczna: zaimplementowano funkcję dynamicznego obrazu tła w VB.
• Zawartość dynamiczna: Wprowadzono początkowy interfejs zawartości dynamicznej w ustawieniach modułu w VB. W tej chwili jest to dostępne jako prototyp w tekście wejściowym modułu testimonial z obsługą tylko opcji zawartości dynamicznej `site_title`.
• Wbudowany edytor tekstu sformatowanego: Dodano podstawowe funkcje edycji TinyMCE do wbudowanego edytora tekstu sformatowanego
• Wbudowany edytor tekstu sformatowanego: Zaktualizowano wbudowany edytor tekstu sformatowanego, aby pobierał edytowalną zawartość i zapisywał edytowaną zawartość.
• Refaktor atrybutów modułu: Atrybuty modułu ikony refaktora.
• Refaktor atrybutów modułu: Refaktor atrybutów modułu mediów społecznościowych.
• Refaktor atrybutów modułu: Refaktoryzacja atrybutów modułu wideo.
• Refaktor atrybutów modułu: atrybuty modułu wyszukiwania refaktorów.
• Refaktor atrybutów modułu: Refaktoryzacja atrybutów modułu Full Width Code.
• Refaktor atrybutów modułu: Atrybuty modułu Tabele cen refaktora.
• Refaktor atrybutów modułu: Atrybuty modułu refaktora akordeonu.
• Refaktor atrybutów modułu: Refaktoryzacja atrybutów modułu mapy pełnej szerokości.
• Refaktor atrybutów modułu: Atrybuty modułu suwaka pełnej szerokości refaktora.
• Refaktor atrybutów modułu: atrybuty modułu mapy refaktoryzacji.
• Błędy zgłoszone przez społeczność: wdrażanie mechanizmu kredytów modułów. Dodaj kredyt w module.json, aby wyświetlić kredyt modułu.
• Błędy zgłoszone przez społeczność: Włącz wybrany tag w opisie pola
• Opcje przejścia: Dodano komponent stylu przejścia dla wszystkich modułów, które używały ElementStyle.
• Elementy modułu: Wprowadzenie klasy ModuleElements w celu uproszczenia tworzenia elementów w modułach Audio, Blurb, CTA i Testimonial.

Ilustrowanie możliwości rozbudowy Divi 5

Jednym z najważniejszych aspektów Divi 5 jest możliwość rozbudowy. Kiedy mówię o możliwościach rozbudowy, mam na myśli zwinność i możliwości Divi 5 z punktu widzenia API oraz wiele unikalnych funkcji, które możemy stworzyć dzięki tym ulepszeniom. Mówiłem również o dostosowaniu Divi 5 do przyszłości WordPress, usunięciu skrótów i integracji wielu pakietów blokowych WordPress z Divi 5.

Co to wszystko oznacza dla przyszłości Divi?

Poprosiłem kierownika naszego zespołu programistów, aby znalazł trochę wolnego czasu i przygotował szybkie demo, które ilustruje te aspekty, abym mógł podzielić się czymś zabawnym w tej aktualizacji, która jest wizualnie reprezentatywna dla możliwości rozbudowy Divi 5. Wymyślił moduł automatycznego blokowania. Moduł, który zamienia każdy blok Gutenberga w moduł Divi, doładowując je szeroką gamą ustawień projektowych Divi i umożliwiając mieszanie modułów i bloków na tej samej stronie!

Moduł blokowy pobiera elementy HTML z bloku i dynamicznie generuje grupy opcji, które dają pełną kontrolę nad jego projektem. Możesz także generować nowe grupy opcji w locie, kierując i dostosowując dowolny element.

Chociaż stworzyliśmy ten moduł blokowy dla zabawy i nie jest on ani ukończony, ani dopracowany, jest to wspaniała demonstracja tego, co możemy zrobić z Divi 5 i to ze względną łatwością dzięki nowej podstawie, którą tworzymy.

Jest to łatwe nie tylko dla nas, ale także dla Ciebie i społeczności programistów, dzięki otwartemu charakterowi API. Możemy nawet dokończyć ten moduł blokowy i dodać go do Divi 5 jako oficjalną funkcję. Na razie jednak koncentrujemy się na przechodzeniu przez fazy beta.

Divi AI jest prawie skończone!

To kończy aktualizację Divi 5 w tym miesiącu. Z innych wiadomości, nasza pierwsza wersja Divi AI jest prawie ukończona, co pozwoli ci generować niezwykłe obrazy znikąd oraz pisać i ulepszać treści za pomocą sztucznej inteligencji podczas pracy w Visual Builder. Świetnie się bawiłem, grając z niedokończoną wersją i nie mogę się doczekać, kiedy ją skończę i wkrótce wyślę!

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

Obiecałem co miesiąc informować o postępach Divi 5 i właśnie to planuję! Nie mogę obiecać, że każda aktualizacja będzie ekscytująca, ale zapewniamy, że pracujemy tak ciężko, jak tylko możemy, aby ukończyć ten ogromny projekt. Każdego dnia zbliżamy się trochę, a fundament Divi 5 staje się trochę silniejszy. Wkrótce uruchomimy Divi 5 Dev Beta, co oznacza, że ​​fundamenty będą kompletne. Stamtąd cała naprzód w zakresie funkcji skierowanych do użytkownika, które będziesz mógł przetestować w publicznej alfie jeszcze w tym roku.

Zostaw komentarz, jeśli masz jakieś pytania. Do zobaczenia w następnej aktualizacji!