Ujawniamy nowy interfejs Divi 5

Wracam z kolejną aktualizacją Divi 5 i tym razem jestem podekscytowany możliwością wczesnego zapoznania się z nowym interfejsem Divi 5. To jeszcze nie koniec, ale wciąż jest mnóstwo do odkrycia.

Obejrzyj wideo, aby przyjrzeć się bliżej.

Nowy interfejs Divi 5

Divi 5 zyskuje nowy wygląd. Działa tak samo jak zawsze, więc nie martw się, że nowy interfejs wprowadzi Cię w pętlę. To wszystko będzie bardzo znajome. Nie zmieniliśmy tego, co możesz zrobić z Divi, ale mamy nadzieję, że robienie tego, co robisz, sprawi ci jeszcze większą przyjemność dzięki szybszemu i mniej kłopotliwemu interfejsowi.

Szybszy i wydajniejszy interfejs

Divi 5 reprezentuje surową szybkość i wydajność; interfejs użytkownika powinien służyć tym celom. Pierwszą rzeczą, którą zauważysz w Divi 5, jest to, że jest szalenie szybki. Nie ma absolutnie żadnych opóźnień podczas najeżdżania kursorem, klikania, edytowania i przenoszenia elementów, a ponadto radzi sobie z obszernymi stronami jak nigdy dotąd. Usunęliśmy również wszystkie animacje, ponieważ nie chcemy, aby cokolwiek Cię spowalniało.

Interfejs, który nie przeszkadza

Zmniejszyliśmy powierzchnię interfejsu, aby zapewnić Twoim projektom więcej miejsca na oddychanie. Możesz zadokować wiele mniejszych paneli z boku przeglądarki, tak aby nie nachodziły na zawartość ani nie przeszkadzały.

W powyższym przykładzie panel warstw jest zadokowany po lewej stronie, a panel ustawień po prawej stronie. Panel ustawień jest automatycznie wypełniany, gdy klikam po stronie, a kiedy coś edytuję, informacja zwrotna jest natychmiastowa.

W pełni konfigurowalny interfejs

Divi 5 daje znacznie większą kontrolę nad układem kreatora. Panele można zadokować, oddokować lub połączyć w okna z zakładkami. Jeśli wolisz mieć zamknięte wszystkie okna i jeden pływający panel ustawień, taki jak Divi 4, jest to również opcja.

Interfejs, w którym nawigacja jest łatwiejsza niż kiedykolwiek

Dzięki trybowi kliknięcia jako domyślnemu trybowi interakcji, mniejszemu panelowi warstw, który zawsze możesz pozostawić otwarty, oraz nowym elementom nawigacyjnym w każdym panelu ustawień, nawigacja po stronie jest łatwiejsza niż kiedykolwiek. Znalezienie lub kliknięcie czegokolwiek, co chcesz edytować, nie będzie sprawiać Ci trudności.

Nadal musimy wprowadzić ulepszenia i dodać brakujące elementy, ale ten wczesny wygląd powinien dać wam dobre pojęcie o tym, czego się spodziewać, gdy wypuścimy publiczną wersję alfa w nadchodzących miesiącach.

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

Przez ostatni miesiąc wykonaliśmy też wiele innych rzeczy. Budowa nowego interfejsu była stosunkowo prosta. Cała najważniejsza praca odbywa się za kulisami, gdzie budujemy solidne podstawy, które będą służyć społeczności przez wiele lat, co obejmuje całkowitą przebudowę wszystkich podstawowych funkcji i modułów Divi.

Obecnie jesteśmy w fazie Dev Beta (do której możesz dołączyć, jeśli jesteś programistą modułów Divi), co oznacza, że ​​ukończyliśmy nowy framework i teraz przebudowujemy wszystko na tym frameworku.

Naprawiliśmy więcej błędów, napisaliśmy więcej dokumentów dla programistów i przekonwertowaliśmy kilka modułów, takich jak suwak postów, blog, nawigacja postów, portfolio z możliwością filtrowania, menu o pełnej szerokości i portfolio o pełnej szerokości.

Za każdym razem, gdy kończymy nową funkcję lub moduł, jesteśmy o krok bliżej do publicznej wersji alfa, w której chcemy mieć wystarczającą liczbę najpopularniejszych funkcji i modułów Divi, aby pierwsza wersja była użyteczna dla szerokiego grona odbiorców.

Oto najnowsze wpisy w dzienniku zmian Divi 5.

• Dodano moduł Post Slider dla Divi 5
• Dodano moduł menu pełnej szerokości dla Divi 5
• Dodano moduł tytułu postu o pełnej szerokości dla Divi 5
• Dodano ulepszenie oznaczania funkcji dla ramek aplikacji.
• Zaimplementowano deklarację stylów modułu AdvancedStyles dla kodu, dźwięku, licznika okręgów, kolumny, licznika czasu, dzielnika, nagłówka o pełnej szerokości, obrazu o pełnej szerokości, nagłówka, ikony, wezwania do działania, przycisku, liczników słupków, akordeonu, tytułu postu, portfolio, licznika liczb , mapa
• Dodano moduł Blog dla Divi 5
• Dodano ulepszenie oznaczania funkcji dla ramek aplikacji.
• Dodano moduł Filtrowanego portfela dla Divi 5
• Dodano moduł portfela o pełnej szerokości dla Divi 5
• Dodano moduł nawigacji po postach dla Divi 5
• Zaimplementowano AdvancedStyles w deklaracji stylów modułu VB dla sekcji, mapy o pełnej szerokości, nagłówka, menu, paska bocznego, śledzenia mediów społecznościowych, zakładek, członków zespołu, referencji, tekstu, modułów przełączających, wideo i suwaków.
• Zintegrowane automatycznie generowane ustawienia modułu dla panelu ustawień modułów, takich jak licznik czasu, licznik okręgów, kod, przycisk, notka, dzielnik, dźwięk, notka, kod i nagłówek.
• Zaktualizowano eksport „SyncGlobalLayoutAttributes”, aby był typem, a nie obiektem.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/modal-library.
• TypeDocs: Zaktualizowana dokumentacja funkcji przechowywania danych w pakiecie @divi/modal-library.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/page-settings.
• TypeDocs: Zaktualizowana dokumentacja funkcji przechowywania danych w pakiecie @divi/page-settings.
• Opracowano moduł portfela o pełnej szerokości zarówno w VB, jak i FE w D5.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/keyboard-shortcuts.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/object-renderer.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/mask-and-pattern-library.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/middleware.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/modal.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/modal-snap-indicator.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/draggable.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/numbers.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/error-boundary.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/events.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/help.
• TypeDocs: Zaktualizowana dokumentacja funkcji przechowywania danych w pakiecie @divi/help.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/history.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/hooks.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/icon-library.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/global-layouts.
• TypeDocs: Zaktualizowana dokumentacja funkcji przechowywania danych w pakiecie @divi/global-layouts.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/fonts.
• TypeDocs: Zaktualizowana dokumentacja funkcji przechowywania danych w pakiecie @divi/fonts.
• TypeDocs: Zaktualizowana dokumentacja pakietu @divi/module.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/data.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/divider-library.
• Dodano TypeDocs dla pakietu @divi/context-library.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/conversion.
• TypeDocs: Do generatora TypeDocs dodano pakiet @divi/constant-library.
• TypeDocs: Zaktualizowana dokumentacja pakietu @divi/field-library.
• Zaimplementowano AdvancedStyles w deklaracji stylów modułu VB dla… modułów.

Już wkrótce: Divi Layouts AI!

To wszystko w ramach aktualizacji Divi 5 z tego miesiąca. Z innych wiadomości: wkrótce pojawi się nowa funkcja Divi AI, z której jestem podekscytowany. Stworzyliśmy już narzędzia AI do generowania tekstu, obrazu i kodu. Następnie łączymy to wszystko w jedną całość, aby umożliwić generowanie całych układów za pomocą sztucznej inteligencji. Uwaga: w poniższym filmie przyspieszono generowanie układu.

Po prostu powiedz Divi AI, jakiego rodzaju strony chcesz, a ona skonstruuje układ, wygeneruje obrazy, napisze treść i dostosuje czcionki i kolory. W ciągu kilku sekund masz całą stronę gotową do użycia i możesz przejść do ustawień projektu Divi, aby wprowadzić ostatnie poprawki lub użyć narzędzi AI Divi, aby jeszcze bardziej udoskonalić wyniki.

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

Bądź na bieżąco z wydaniem Divi Layouts AI i nie zapomnij sprawdzić w przyszłym miesiącu kolejnej aktualizacji Divi 5. Śledź nas e-mailem i subskrybuj nasz YouTube, aby mieć pewność, że niczego nie przegapisz. Do zobaczenia na następnym.