Wypróbuj wersję demonstracyjną Divi 5 Alpha już dziś!

Opublikowany: 2024-05-02

Wracam z kolejną aktualizacją Divi 5 i dzisiaj z radością ogłaszam, że dostępna jest strona demonstracyjna Divi 5. Gdy zakończymy prace nad kilkoma dodatkowymi funkcjami i naprawimy wszelkie znalezione błędy, udostępnimy publiczną wersję alfa, którą będzie można pobrać i przetestować na swoich stronach internetowych. W międzyczasie będziemy aktualizować wersję demonstracyjną co dwa tygodnie, a Ty możesz śledzić dalej.

Wypróbuj wersję demonstracyjną Divi 5

Stworzyliśmy także nową stronę docelową dla Divi 5, na której znajdziesz link do strony demonstracyjnej oraz listę wszystkich moich comiesięcznych aktualizacji Divi 5.

Wszystkie szczegóły znajdziesz w poniższym filmie.

Odkrywanie wersji demonstracyjnej Divi 5

Zauważysz, że nowa wersja Visual Buildera jest prawie ukończona. Kilka brakujących funkcji obejmuje szybkie akcje, znajdź i zamień, ustawienia wstępne, moduły WooCommerce i niektóre opcje warunków. Jeśli czegoś brakuje w wersji demonstracyjnej, nie dzieje się tak dlatego, że to usunęliśmy; po prostu nie został jeszcze dodany.

To jest wersja pre-alfa . W interfejsie natkniesz się na błędy i dziwactwa, z których większość jest już na naszym radarze. Jeśli zauważysz błąd, zgłoś go naszemu zespołowi wsparcia. Wciąż dopracowujemy wszystko, a wypuszczenie tego demo pozwala nam doprowadzić publiczną wersję alfa do jeszcze lepszego stanu, zanim zostanie ona udostępniona.

Co się zmieniło w Divi 5?

Divi 5 wygląda nieco inaczej. Wszystko działa prawie tak samo jak Divi 4, ale jest kilka zmian, na które warto zwrócić uwagę.

  1. Konfigurowalny interfejs: Divi 5 obsługuje wiele paneli, połączone okna paneli i niestandardowe konfiguracje dokowania.
  2. Łatwiejsza edycja responsywna: zamiast włączania edycji responsywnej na poziomie opcji, edytowanie responsywne jest kontrolowane na poziomie aplikacji. Przełącz się na dowolny widok, a zmiany wprowadzone w tym widoku zostaną automatycznie zastosowane.
  3. Nowe tryby interakcji: Tryby interakcji są również inne w Divi 5. Teraz zwane „warstwami interakcji” możesz wybrać, które warstwy elementów pojawią się po najechaniu myszką, w tym opcje elementu, opcje elementu nadrzędnego i kontury elementów. Kliknięcie dowolnego elementu otworzy jego panel ustawień. Nie musisz dwukrotnie klikać ani klikać ikony koła zębatego. Wszystkie akcje są dostępne po kliknięciu prawym przyciskiem myszy, więc jeśli chcesz ukryć wszystko, aby uprościć interfejs i zapobiec nakładaniu się, jest to realna opcja.
  4. Intuicyjna nawigacja: Nawigacja po stronie jest także łatwiejsza dzięki zadokowanemu panelowi warstw i menu nawigacyjnym w panelu ustawień.
  5. Niesamowita wydajność: Divi 5 jest znacznie szybszy, co zauważysz natychmiast. Co więcej, nie ugrzęźnie w dużych, skomplikowanych projektach. Spróbuj klikać, szybko powielać rzeczy i szaleć z różnymi ustawieniami, a zobaczysz, jakie to szybkie.
  6. Prosty, usprawniony interfejs: Interfejs Divi 5 jest bardziej usprawniony. Jest mniejszy i wydajniejszy. Jest szybszy i pozbawiony niepotrzebnych animacji i efektów. Brakuje przestarzałych przycisków zapisywania i anulowania na każdym panelu. Dostępny jest również tryb ciemny. W większym, wolniejszym i bardziej zabawnym projekcie Divi 4 możesz czuć się jak w domu, ale gdy już przyzwyczaisz się do Divi 5, docenisz jego nowe mocne strony.

Patrząc w przyszłość

Najbardziej krytyczne zmiany w Divi 5 to rzeczy, których nie widać. Nowy fundament za kulisami zwiększa możliwości Divi z punktu widzenia rozwoju, umożliwiając naszemu zespołowi i społeczności tworzenie nowych funkcji, które nie były możliwe w Divi 4.

Kiedy wypuścimy Divi 5, zacznie się prawdziwa zabawa, ponieważ pospieszymy do przodu, tworząc wszystkie funkcje, o których wiemy, że chcesz! Zaufaj mi; wiemy, że potrzebujesz wielu podstawowych funkcji: narzędzia do tworzenia pętli, flexboxów i siatek CSS, lepszej dostępności, większej liczby modułów, lepszego menu i opcji nagłówków; wszystko to jest na naszym radarze i nie mogę się doczekać, aż pokonam tę przeszkodę i będziemy mogli dostać się do pracy.

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

Następnie przedstawię Ci nasz miesięczny raport z postępów. Kontynuowaliśmy udoskonalanie nowego interfejsu i rozszerzyliśmy te ulepszenia na inne obszary Divi, nadając Kreatorowi motywów, Opcjom motywów, Edytorowi ról i Bibliotece Divi świeżą warstwę farby. Kontynuowaliśmy naszą misję naprawiania błędów, naprawiając dodatkowe ponad 100 błędów i zawężając listę do czegoś, co można zarządzać. Zakończyliśmy pracę z Global Colors i większością Layers View i rozpoczęliśmy pracę nad niektórymi pozostałymi funkcjami front-endu, w tym dynamicznymi zasobami i generowaniem statycznych plików CSS.

Podłączyliśmy także Divi Cloud do nowej wersji Biblioteki Divi, powołując nasz mały zespół Divi AI/Cloud, aby zaimplementował te funkcje i pomógł Divi 5 nieco szybciej dotrzeć do mety.

Oto najnowsze wpisy w dzienniku zmian Divi 5.

  • Dodano komponent Preset Selection w VB.
  • Dodano wstępnie ustawioną klasę elementu do elementu modułu w VB.
  • Naprawiono nieprawidłowy górny margines, gdy pasek administracyjny był wyłączony.
  • Naprawiono błąd w renderowaniu CSS, który w niektórych przypadkach powodował, że punkty przerwania i stany CSS nie były ułożone we właściwej kolejności.
  • Zaktualizowano styl wprowadzania czcionki Prześlij.
  • Naprawiono błąd podczas zapisywania/podglądu dowolnego modułu w VB.
  • Naprawiono błąd podczas zapisywania stylów wyskakujących okienek.
  • Naprawiono wymiary modalne i położenie rozszerzonego selektora ikon.
  • Naprawiono wielokrotne renderowanie widoku warstw na lewym pasku bocznym po kliknięciu prawym przyciskiem myszy > opcji Przejdź do warstwy na wielu modułach.
  • Ustaw opcję Dodaj wysokość modalną, aby automatycznie dopasować się do dostępnej wysokości rzutni.
  • Rozwiązano problem polegający na tym, że gdy nie masz żadnych kolorów globalnych/zero, przycisk Dodaj kolor nie jest widoczny, a jeśli masz jeden kolor globalny, kolor jest ukryty i widoczny jest tylko przycisk Dodaj kolor.
  • Naprawiono problem polegający na tym, że dodanie koloru globalnego powodowało wyłączenie interakcji/pułapki na myszy w obszarze modułu.
  • Naprawiono problem z dynamiczną etykietą akcji dla karty importu i eksportu do modułu przenośności.
  • Naprawiono problem z panelem ustawień, w którym przycisk Włącz przekierowanie był wyłączony, ale pole adresu URL było widoczne.
  • Naprawiono przekazywany rozmiar modalny przezroczystej warstwy do komponentu opakowania.
  • Poprawiono kod zza kulis podczas zapisywania postu/strony
  • Naprawiono problem polegający na tym, że synchronizacja kolorów globalnych odbywała się tylko w wersji roboczej, a nie podczas publikowania/podglądu.
  • Naprawiono problem polegający na tym, że usunięte kolory globalne nie były usuwane z układu podczas zapisywania.
  • Naprawiono błąd selektora kolorów w zakresie kolorów od czarnego do białego.
  • Naprawiono: Otwieranie modów zmienia wartości ustawień modułu.
  • Rozwiązano problem polegający na tym, że jeśli masz dużo kolorów globalnych, rozwinięcie karty Zapisane/Ostatnie kolory, a następnie otwarcie karty Kolory globalne powoduje, że próbki kolorów nakładają się na tytuły zapisanych/globalnych/ostatnich kart.
  • Dodano testy funkcji kopiowania/wklejania schowka w celu sprawdzenia, czy globalne wartości atrybutów kolorów są kopiowane/wklejane.
  • Dodano obsługę atrybutu showPlaceholderOnEmpty w komponencie pola TextArea.
  • Dodano funkcję ukrywania ustawień w module Blog, gdy długość treści jest ustawiona na „Pokaż treść”.
  • Naprawiono błąd, w wyniku którego użytkownik usuwa kolumnę z widoku warstw, a ona zostaje usunięta.
  • Naprawiono niepoprawną i nieprzewidywalną pozycję paska narzędzi edytora wbudowanego, gdy użytkownicy wybierali niektóre teksty w kreatorze.
  • Naprawiono problem polegający na tym, że opcja „Pokaż paginację” w module blogu D5 nie ukrywała paginacji w interfejsie, gdy była wyłączona.
  • Naprawiono problem polegający na tym, że wyłączenie opcji „Pokaż fragment” w module blogu D5 nie powodowało ukrycia fragmentu w podglądzie programu Visual Builder.
  • Naprawiono łamanie responsywnej treści z powodu przeniesienia @wordpress/hooks do zewnętrznych zależności poprzez zarejestrowanie jej jako zależności dla skryptu z wieloma widokami w FE.
  • Naprawiono nieprawidłową sekwencję aktualizacji w polu tekstu sformatowanego.
  • Naprawiono niechciane podkreślenie tekstu dodane do przycisku z powodu nieprawidłowej kolejności renderowania statycznego stylu divi.
  • Dodano skróty do brakujących stron (zapisz stronę, zapisz stronę jako wersję roboczą, wyjdź z kreatora wizualizacji, otwórz przenośność, responsywne powiększanie/pomniejszanie, przełączanie do trybu szkieletowego)
  • Naprawiono nieprawidłową pozycję przenośności i zapisu w modalnej bibliotece przy pierwszym otwarciu.
  • Naprawiono problem polegający na tym, że resetowanie stylów najechania kursorem resetowało zamiast tego style pulpitu.
  • Naprawiono problem polegający na tym, że gradient przycisku zatrzymuje się w stanie pulpitu i zmienia wartość na tę używaną przez zatrzymanie gradientu po najechaniu myszką.
  • Naprawiono ukrywanie widocznej części elementu w jego pierwotnej pozycji podczas przeciągania.
  • Naprawiono ukrywanie/pokazywanie ikony resetowania „Wyłącz włączone” na podstawie widocznych zaznaczeń/odznaczeń.
  • Naprawiono niedziałające poprawnie skróty klawiaturowe.
  • Naprawiono przycisk Resetuj, który nie działał z polami wyboru.
  • Dodaj funkcjonalność brakujących kolumn w sekcjach specjalistycznych.
  • Dodano opcję ustawień konstruktora, aby wyłączyć pasek administracyjny
  • Dodano możliwość przewijania do upuszczonego modułu w VB po przeciągnięciu i upuszczeniu go w widoku warstw.
  • Dodano możliwość przewijania do upuszczonego modułu w VB po przeciągnięciu i upuszczeniu go w widoku warstw.
  • Do paska strony dodano przejrzysty przycisk układu.
  • Dodano przełącznik trybu koloru na pasku strony.
  • Dodatkowa funkcjonalność zapewnia rozwinięcie grupy warstw tylko wtedy, gdy przeciągany moduł jest właściwym modułem potomnym.
  • Dodano funkcję rozwijania warstwy, gdy użytkownik przeciągnie moduł i najedzie kursorem na grupę warstw po 200 ms.
  • Dodano funkcję podświetlania rzeczywistego modułu w układzie, gdy jest on najechany kursorem w trybie widoku warstw.
  • Dodano mechanizm deklarowania atrybutów `default` i `defaultPrintedStyle` modułu we własnym pliku JSON.
  • Dodano mechanizm wyodrębniania atrybutów generujących dane HTML, styl i skrypt
  • Dodano przycisk paska strony umożliwiający wyjście z kreatora wizualizacji
  • Dodano przycisk paska stron, umożliwiający podgląd bieżącego stanu kreatora w interfejsie użytkownika.
  • Dodano zapobieganie, aby zapewnić, że jedyna kolumna w wierszu nie zostanie usunięta ani przeniesiona do innego wiersza.
  • Dodano prototyp modalnych ustawień predefiniowanych
  • Automatycznie dokuj widok warstw do paska bocznego po lewej stronie podczas otwierania.
  • Upewnij się, że moduł modalny „Dodaj z biblioteki” pojawia się teraz wyśrodkowany w obszarze strony, z maksymalną szerokością i wysokością równą 32 piksele od obu krawędzi ramki ze wszystkich czterech stron.
  • Naprawiono błąd w module Blurb dotyczący selektorów po najechaniu, powodujący, że style nie były renderowane w VB, gdy wybrano stan najechania.
  • Naprawiono błąd w Divi 5, w wyniku którego style stanu stałego nie były renderowane w VB po wybraniu stanu stałego w ustawieniach modułu.
  • Naprawiono przestarzały komunikat w PHP 8.3 związany z właściwościami dynamicznymi.
  • Naprawiono powiadomienie o wycofaniu PHP w module Email Optin, które występowało w PHP 8.2+.
  • Naprawiono brak synchronizacji etykiety administracyjnej w trybie widoku warstw po zmianie z ustawień modułu lub trybu szkieletowego.
  • Naprawiono problem polegający na tym, że wszystkie posty były wyświetlane w module Blog w Visual Builderze, nawet jeśli wybrano określone kategorie.
  • Naprawiono problem polegający na tym, że kolor tła nakładki i ikona nakładki nie były poprawnie renderowane w interfejsie.
  • Naprawiono zepsute automatyczne przewijanie podczas przeciągania modułu blisko górnego/dolnego widoku okna
  • Naprawiono kolor tła przycisku i kolor tekstu przycisku w polach konta e-mail i ochrony przed spamem w panelu ustawień w modułach Formularz kontaktowy i Opcja e-mail.
  • Naprawiono domyślny wybór ikon w module ikon, gdy jest on początkowo ładowany.
  • Naprawiono dynamiczne wyświetlanie treści w ustawieniach tytułu elementu podrzędnego dla modułów takich jak akordeon.
  • Naprawiono błąd występujący podczas wykonywania polecenia jednostki testującej przędzę.
  • Naprawiono niepoprawną nazwę klasy modułu referencji
  • Naprawiono nieprawidłową ustaloną pozycję edytora wbudowanego.
  • Naprawiono problem polegający na tym, że zapisanie wersji roboczej zawsze publikowało stronę.
  • Naprawiono problem polegający na tym, że niektóre modele i wybrane menu migały z początkowej nieprawidłowej pozycji do prawidłowej.
  • Naprawiono problem polegający na tym, że karty nie były wyświetlane w module Tabulatory.
  • Naprawiono opóźnione przeciąganie i upuszczanie w widoku szkieletowym
  • Naprawiono brakujące klasy animacji obrazu w module osoby.
  • Naprawiono brakujące podpowiedzi z zakładek w tle.
  • Naprawiono niedziałającą akcję opcji modułu po kliknięciu; zamiast tego otwiera ustawienia modułu.
  • Naprawiono wyświetlanie dodatkowej przestrzeni na dole w module Akordeon po najechaniu myszką.
  • Naprawiono płynne przewijanie podczas przeciągania warstwy z dołu do góry.
  • Naprawiono kolor tekstu w zawartości edytora Richtext w trybie ciemnym.
  • Naprawiono problem z najechaniem ikoną modułu notki.
  • Naprawiono problem ze strefą zrzutu w dolnym obszarze, który powodował upuszczanie modułów na dole listy modułów warstwy.
  • Naprawiono problem z wyświetlaniem opcji modułu, mimo że moduł warstwy nie był już najechany.
  • Naprawiono problem z wyświetlaniem obrazów galerii o niskiej jakości w module galerii FE.
  • Naprawiono aktualizowanie nazw kolumn podrzędnych w ustawieniach wierszy i zmianę kolejności kolumn podczas przeciągania.
  • Wprowadzono ulepszenia komponentu Color Picker, umożliwiające większą rozszerzalność i modułowość.
  • Przedstawiamy nowy komponent podstawowy dla pól transformacji, który rozwiązuje problem duplikujących się transformacji CSS.
  • Utrzymywanie stanu zadokowania/oddokowania modalu, aby został on ponownie otwarty w oparciu o jego ostatni stan zamknięcia.
  • Wykonany moduł przeciągnij i upuść można zainicjować z dowolnej powierzchni modułu.
  • Usuń przycisk wyjścia z paska administracyjnego
  • Usunięto możliwość przeciągania i zmiany rozmiaru z obciążenia z modułu biblioteki.
  • Usunięto opcje modułu z kolumny sekcji specjalistycznej w trybie widoku warstw.
  • Usunięto zbędny selektor najechania dla modułu logowania po poprawnym rozwiązaniu problemu.
  • Usunięto nieużywany skrót klawiaturowy.
  • Zastąpiono UX oparty na trybach Divi 4 na UX z warstwami interakcji.
  • Usprawniony interfejs konstruktora wizualnego (komponenty pola i modalne)
  • Tymczasowo ukryj przyciski cofania i ponawiania na pasku strony do czasu opracowania historii
  • Zaktualizowano i udoskonalono funkcję Global Colors, wprowadzając nowy format Global Color ID i lepszą obsługę atrybutów modułów.
  • Użyłem zmiennych CSS do ustawienia kolorów widoku warstw, zastąpiłem niepotrzebne użycie useSelect w komponencie Layer Drag Handle, aby zoptymalizować wydajność i konsekwentnie użyłem SelectStore do nazwania selektora wewnątrz użycia useSelect widoku warstw.

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

To wszystko w raporcie z postępu prac za ten miesiąc. Bądź na bieżąco, aby otrzymywać więcej aktualizacji i nie zapomnij śledzić nas przez e-mail i subskrybować nasz kanał YouTube, aby mieć pewność, że niczego nie przegapisz. Divi 5 to ogromny projekt, ale będę tu wracać co miesiąc, aby informować Cię o naszych postępach.