Recenzja Oxygen Builder V 4.0 — projekt, funkcje i przepływ pracy

Oxygen Builder 4.0 jest tutaj, a w tym artykule przyjrzymy się wszystkim nowym funkcjom, zmianom i przepływowi pracy, które są dostępne w nowej wersji. Oxygen to dobrze znany i lubiany program do tworzenia stron WordPress, który całkowicie zastępuje system motywów.

Od kilku lat jest w wersji trzeciej i widział świetne dodatki, takie jak siatka CSS, kompletny dodatek MetaBox i dodatkowe optymalizacje prędkości, zarówno front-end, jak i backend. Ludzie to uwielbiają, ponieważ zawiera mnóstwo mocy w stosunkowo dobrze zaprojektowanym interfejsie użytkownika, a także umieszczę niesamowicie czysty kod dla szybko ładującej się witryny, która jest świetna dla Core Web Vitals.

Najważniejsze cechy czwartej iteracji Oxygen Builder są następujące:

Zupełnie nowy interfejs użytkownika

Istnieje rosnąca kolekcja wtyczek innych firm, które przeprojektowują lub zmieniają skórkę konstruktora zaplecza Oxygen. Zespół odpowiedzialny za narzędzie musiał wiedzieć, że ich interfejs użytkownika staje się nieco przestarzały, więc jest to główna funkcja w tym wydaniu.

Na powyższym zrzucie ekranu widzimy, że panel „dodaj elementy” został odtworzony, aby pokazać więcej elementów na ekranie, punkty przerwania zostały dodane do ich własnej pozycji na górnym pasku, a inne funkcje górnego paska, takie jak cofnij ponawianie, przełączanie arkuszy stylów i inne elementy zostały przeniesione.

Oto, co zostało zrobione:

• Ulepszenie: wartości odziedziczone z większych punktów przerwania są teraz wyświetlane w polach okienka właściwości (#3665)

• Ulepszenie: Modale są teraz animowane przy użyciu tej samej animacji AOS, z którą animują się (nr 3550)

• Ulepszenie: Możesz teraz przesyłać niestandardowe zrzuty ekranu dla stron zestawu projektów, bloków i poszczególnych sekcji (nr 3574)

• Ulepszenie: Możesz teraz dwukrotnie kliknąć nazwę elementu w panelu Właściwości, aby zmienić jego nazwę (#3547)

Świetny sposób na utrzymanie łatwej nawigacji w strukturze witryny.

• Ulepszenie: Dodano wizualną informację, czy styl pola Panelu właściwości jest określany na podstawie klasy czy identyfikatora (nr 3548)

• Ulepszenie: Dodano pole wyszukiwania dla okienka selektorów (nr 4037)

Jeśli masz mnóstwo klas CSS zarządzanych w Oxygen, pozwoli Ci to szybciej je znaleźć i wprowadzić globalne zmiany na stronie.

• Ulepszenie: Dodano skróty klawiaturowe do duplikowania, zapisywania, usuwania, kopiowania, wklejania (#3951)

Jest to niezwykle mile widziane ulepszenie, które pozwala teraz duplikować, zapisywać, usuwać, kopiować i wklejać elementy w instancji konstruktora. Chociaż nie dodali menu prawego przycisku myszy, powiedzieli, że jest to etap, i dodali wiele funkcji za pomocą skrótu klawiaturowego, którego można oczekiwać w menu.

W kreatorze znajdziesz inne różne zmiany interfejsu użytkownika, takie jak sposób obsługi marginesów i dopełnień. Teraz bardziej przypomina to doświadczenie z narzędziami deweloperskimi:

Zauważysz również, że rzeczywiste kolory w kreatorze uległy zmianie i są teraz bardzo skoncentrowane na różnych odcieniach szarości.

Ogólnie rzecz biorąc, dowiadujemy się, że nowy interfejs użytkownika i dodatkowe ulepszenia ułatwiające obsługę sprawiają, że narzędzie jest wydajniejszym i łatwiejszym sposobem tworzenia witryn internetowych niż wersja 3.0. Wszystkie te zmiany są bardzo mile widziane, a dla niektórych użytkowników może nawet wyeliminować konieczność zakupu pakietu wodoru (ponieważ teraz dostępne są skróty klawiaturowe).

Napraw zduplikowane identyfikatory repeatera

Niesamowicie mile widziana poprawka — przekaźniki nie powielają już identyfikatorów w poszczególnych postach, które wyświetlają. Był to jeden z największych problemów z 3.0 i powodował problemy z SEO, a także po prostu nie stosował się do najlepszych praktyk.

Oto rzeczywisty znacznik – widać, że po każdym identyfikatorze znajduje się numer, co pozwala na stylizowanie określonych komórek i usuwanie powtarzających się identyfikatorów, co nie jest dobre dla SEO.

Obsługa PHP8

Było to ogromne żądanie w grupie na Facebooku, a narzędzie obsługuje teraz wersję ósmą PHP. Wersja 3.0 po prostu nie działała lub nie ładowała się na nowej wersji PHP. Możemy teraz korzystać z ulepszeń prędkości, które to zapewnia.

Oto dlaczego PHP 8 jest świetne:

Ulepszenia szybkości ładowania konstruktora

Istnieją również pewne ulepszenia, które bezpośrednio wpływają na szybkość ładowania konstruktora, takie jak usunięcie zduplikowanych wczytywania plików SVG oraz aktualizacja do AngularJS 1.8.2, najnowszej obsługiwanej wersji (#4031).

Przeczytaj: Test czasu ładowania zaplecza Oxygen Builder

Nowy sposób przechowywania danych

Wcześniej strony i szablony Oxygen były przechowywane w backendzie jako krótkie kody. To było świetne dla bezpieczeństwa, ale nie było najskuteczniejszym sposobem robienia rzeczy. W wersji 4.0 nowe strony są przechowywane w formacie JSON, co jest znacznie szybsze i wydajniejsze. Istnieje kompatybilność wsteczna z witrynami zbudowanymi w wersji 3.0, więc nie musisz się martwić o jakiekolwiek istotne zmiany.

Po uaktualnieniu, jeśli zrezygnujesz z krótkich kodów, zostaną one przekonwertowane na nowy format JSON.

Dodatkowe elementy i zmiany WooCommerce

Jest to związane z nową wersją konstruktora rdzenia. Tlen WooCommerce 2.0. Pojawiły się dwa nowe elementy, w tym mini koszyk oraz komponent cross sell/upsell.

Dodanie kilku nowych warunków specyficznych dla Woo jest świetne i pozwoli Ci na dalsze dostosowywanie Twojej witryny w zależności od konkretnych sytuacji e-commerce.

Ponadto, jeśli znasz motywy, możesz teraz zastąpić szablony WooCommerce ze wstępnie wyznaczonego folderu, zamiast tworzyć niestandardową wtyczkę i przekierowywać, gdzie Connors będzie szukał tych nadpisań szablonów.

Uwagi dotyczące tlenu V4.0

Jest kilka rzeczy, które chcieliśmy omówić w tym poście na blogu. Po pierwsze, zarówno wersji alfa, jak i beta nigdy nie należy używać na stronach produkcyjnych, ponieważ prawdopodobnie coś się zepsuje. Powinieneś poczekać, aż pojawi się RC (lub kandydat do wydania) lub aktualna wersja 4.0. Widzimy mnóstwo postów na Facebooku mówiących, że ich strona internetowa została uszkodzona po aktualizacji do wersji 4.0 i jest to oczekiwana rzecz, jeśli korzystasz z wersji alfa lub beta.

Ponieważ interfejs użytkownika zmienił się, podobnie jak CSS, co oznacza, że ​​rzeczy będą wyglądać na zepsute, jeśli nie wyczyścisz pamięci podręcznej przeglądarki i nie zregenerujesz CSS - więc zdecydowanie zrób to!

Ostatnią przestrogą jest to, że wtyczki innych firm mogą się zepsuć z powodu tej nowej wersji. Robią rzeczy trochę inaczej pod względem dodawania komponentów i stylów CSS, ale spodziewamy się, że większość głównych twórców zewnętrznych producentów tlenu będzie mieć swoje wtyczki kompatybilne przed wydaniem RC.

Dalsza lektura:

• Szczegółowy przegląd generatora tlenu (perspektywa agencji)
• Jak migrujemy witryny Oxygen Builder
• Divi Builder VS Oxygen Builder - kto wygra w 2021 roku?

Wniosek

Czwarta wersja Oxygen Builder zapewnia bardzo potrzebne wrażenia użytkownika, ulepszenia interfejsu, takie jak skrót klawiaturowy do kopiowania i wklejania elementów, nowy łatwiejszy i projekt, obsługa PHP8 i ulepszenia WooCommerce. Ta wersja powinna przygotować grunt pod dodatkowe narzędzia natywne, takie jak menu prawego przycisku myszy i dalsze ulepszenia szybkości zaplecza.