Nadeszła długo oczekiwana premiera Beaver Builder 2.8, znanego również jako „Alpine”.

Beaver Builder 2.8 przenosi moc Flexbox i siatki CSS do nowego modułu Box, wraz z wprowadzeniem funkcjonalności Global Styles. Ponadto to wydanie zawiera znaczące ulepszenia, w tym moduł North Commerce i integrację z Kreatorem wyskakujących okienek, z drobnymi ulepszeniami kluczowych modułów, takich jak Menu, Karuzela postów, Suwak postów i Zdjęcia.

W tym poście przedstawimy nową aktualizację Beaver Builder 2.8. Następnie pokażemy Ci niektóre z najlepszych nowych funkcji.

Wprowadzenie do Beaver Builder 2.8

W Beaver Builder stale aktualizujemy naszą przyjazną dla użytkownika wtyczkę do tworzenia stron, upraszczając proces tworzenia i dostosowywania witryn WordPress. Niezależnie od poziomu umiejętności nasz edytor wizualny typu „przeciągnij i upuść”, wstępnie zaprojektowane szablony stron, ustawienia globalne i inne funkcje umożliwiają szybkie tworzenie projektów witryn internetowych:

W Beaver Builder 2.7 dodaliśmy nowy responsywny edytor umożliwiający podgląd widoków z urządzeń mobilnych. Zastąpiliśmy także menu rozwijane punktu przerwania ikonami bardziej przyjaznymi dla użytkownika.

Aktualizacja 2.7 przyniosła możliwość dostosowania ustawień kodu dla określonych wierszy, kolumn lub modułów. Umożliwiliśmy także wybór wielu typów postów. Wreszcie Beaver Builder 2.7 jest w pełni zintegrowany z blokami ACF, zapewniając dostęp do zaawansowanych możliwości edycji treści.

Po aktualizacji do wersji Beaver Builder 2.8 odblokujesz możliwości Flexboksa, siatki CSS i warstw w naszym nowym module Box. Umożliwiamy również stosowanie stylów globalnych, dodawanie treści North Commerce bez krótkich kodów i pełniejszą integrację z PopUp Maker, co zapewnia łatwiejszą edycję.

5 nowych funkcji i aktualizacji dla Beaver Builder 2.8

Beaver Builder 2.8 to nasza pierwsza aktualizacja na rok 2024, która zawiera sporo zaawansowanych funkcji. Przyjrzyjmy się nowym dodatkom, które sprawią, że ta aktualizacja zmieni zasady gry.

1. Moduł Box: Budowanie precyzji za pomocą Flexbox i siatki CSS

Po aktualizacji do wersji Beaver Builder 2.8 wszyscy użytkownicy naszego narzędzia do tworzenia stron, łącznie z wersją Lite, będą mieli dostęp do zaawansowanych opcji Flex , Grid i Layers w module Box:

Moduł Box działa podobnie jak wiersz lub kolumna i służy jako kontener. Wykorzystuje flexbox lub siatkę CSS, umożliwiając tworzenie złożonych, płynnych i elastycznych układów. Pudełka można zagnieżdżać, układać w stosy i organizować w orientacji poziomej i pionowej, a także w siatce.

Flexbox i CSS Grid to modele układu w CSS, ale służą różnym celom i mają różne cechy:

• Flexbox – idealny do układów jednowymiarowych, układających elementy w rzędzie lub kolumnie z elastycznością w zakresie rozmiaru i wyrównania.
• Siatka – odpowiednia do układów dwuwymiarowych, oferująca precyzyjną kontrolę zarówno nad wierszami, jak i kolumnami, co pozwala na tworzenie bardziej skomplikowanych projektów.

W wielu przypadkach te modele układu mogą się uzupełniać. Na przykład można zastosować Flexbox w poszczególnych elementach siatki, aby obsłużyć ich wewnętrzną strukturę, łącząc zalety obu modeli w celu uzyskania kompleksowych rozwiązań układu, takich jak to:

Aby dodać moduł Box podczas edycji w Beaver Builder, kliknij symbol plusa (+) znajdujący się na górnym pasku , aby otworzyć Panel treści . Kliknij zakładkę Moduły , aby uzyskać dostęp do wszystkich modułów standardowych i przewiń w dół do sekcji „Box”:

Oprócz samego modułu Box zauważysz, że dodaliśmy kilka ustawień wstępnych, które ułatwiają rozpoczęcie:

• Kolumny elastyczne – to ustawienie wstępne tworzy poziomy rząd trzech pól elastycznych umieszczonych w ramce nadrzędnej.
• Siatka 3×2 – struktura układu wykorzystująca pola siatki składające się z trzech kolumn i dwóch wierszy wewnątrz ramki nadrzędnej.
• Siatka 4×2 – struktura układu pól siatki składająca się z czterech kolumn i dwóch wierszy w obrębie ramki nadrzędnej.
• Podzielony nagłówek – ta struktura to siatka składająca się z 3 kolumn ze scentralizowanym modułem zdjęć i modułami menu po obu stronach.
• Siatka zdjęć – ten układ składa się z siatki 4×3 i modułów fotograficznych.

Chociaż naszym celem jest uczynienie modułu Box tak przyjaznym dla użytkownika, jak to tylko możliwe, zdecydowanie zalecamy solidną znajomość Flexbox i CSS Grid. Korzystając z naszego nowego modułu pudełkowego, możesz jeszcze bardziej rozwinąć swoje projekty internetowe!

2. Style globalne (funkcja premium)

Beaver Builder obsługuje już Ustawienia globalne, które umożliwiają skonfigurowanie domyślnych wartości opcji, takich jak maksymalna szerokość wiersza, margines/wypełnienie, punkty przerwania i kod niestandardowy (CSS i JavaScript), które są następnie stosowane globalnie w Twojej witrynie. Ponadto możesz zastąpić większość tych ustawień w poszczególnych wierszach, kolumnach i modułach za pomocą ich ustawień.

Nowa funkcja Global Styles, dostępna wyłącznie w wersji premium narzędzia do tworzenia stron Beaver Builder, umożliwia zdefiniowanie preferencji stylizacji zarówno dla elementów, jak i kolorów w całym Beaver Builder:

• Elementy globalne – ta zakładka umożliwia ustawienie stylów dla różnych elementów HTML kontrolowanych przez Beaver Builder, takich jak tekst, nagłówki, łącza i przyciski.
• Kolory globalne – na tej karcie możesz skonfigurować globalną paletę kolorów, która jest dostępna w próbniku kolorów w stylach globalnych lub gdziekolwiek indziej, gdzie możesz wybierać kolory.

Aby uzyskać dostęp do stylów globalnych, otwórz menu Narzędzia, klikając strzałkę na górnym pasku w lewym górnym rogu ekranu edycji i wybierz „Style globalne”, jak pokazano:

Karta Elementy umożliwia zdefiniowanie globalnego stylu elementów takich jak tekst, nagłówki, łącza i przyciski:

Wszystkie moduły w Twojej witrynie, które nie mają wstępnie skonfigurowanych opcji stylizacji, dziedziczą styl globalny. Możesz zastąpić te opcje stylizacji w poszczególnych przypadkach, korzystając z opcji stylizacji modułu.

Zakładka Kolory umożliwia wygenerowanie globalnej palety kolorów dostępnej w całej witrynie:

Możesz łatwo uzyskać dostęp do tych kolorów w układach Beaver Builder za pomocą narzędzia wyboru kolorów. Co więcej, ustalone przez Ciebie kolory są konwertowane na zmienne CSS, umożliwiając ich integrację z niestandardowym CSS.

Dzięki tej aktualizacji możesz bez wysiłku dostosować elementy i kolory swojej witryny w skali globalnej. Te globalne style pozostają dostępne w całej witrynie, usprawniając pracę narzędzia do tworzenia stron.

3. Moduł NorthCommerce

Jak dotąd omówiliśmy, jak Beaver Builder 2.8 wprowadza dwie nowe funkcje, moduł Box i style globalne, aby budowanie złożonych układów było bardziej przyjazne dla użytkownika.

Beaver Builder 2.8 wprowadza także moduł dla North Commerce, wtyczki e-commerce do WordPressa, która pomaga użytkownikom szybko i łatwo budować sklepy internetowe o wysokiej konwersji:

Na przykład możesz teraz wyświetlać wyniki krótkich kodów North Commerce bez konieczności wprowadzania lub używania jakichkolwiek krótkich kodów. Zamiast tego możesz użyć nowego modułu North Commerce, podobnego do naszego modułu WooCommerce, aby łatwo wyświetlać swoje treści.

Ten nowy moduł zapewni Ci większą kontrolę i przyspieszy przepływ pracy podczas pracy z NorthCommerce.

4. Integracja z kreatorem wyskakujących okienek

W Beaver Builder 2.8 wprowadziliśmy także integrację z Popup Maker, wtyczką przeznaczoną dla stron WordPress, która umożliwia użytkownikom tworzenie i zarządzanie wyskakującymi okienkami:

Zasadniczo możesz teraz używać naszego narzędzia do tworzenia stron do projektowania treści wyskakujących okienek

Wyświetli także wyskakujące okienko w Beaver Builder podczas edycji, a także umożliwi wybranie wyskakującego okienka w polu łącza, aby wywołać wyskakujące okienko po kliknięciu łącza.

Po zainstalowaniu i aktywowaniu wtyczki Popup Maker typ postu Popup Maker (wyskakujące okienka) zostanie automatycznie włączony w ustawieniach Beaver Builder.

5. Drobne aktualizacje modułów, menu narzędzi i ustawień pętli

Na koniec Beaver Builder 2.8 zawiera następujące drobne dodatki:

• Moduł menu – opcja dopełnienia łącza obsługuje teraz przełącznik responsywności; dodaje nową opcję dopełniania ustawień przełączania responsywnego.
• Karuzela postów i suwak postów – dodaje opcję długości fragmentu do obu modułów, umożliwiając ustawienie długości treści.
• Menu narzędzi – obejmuje możliwość otwierania i interakcji z biblioteką multimediów WordPress w interfejsie użytkownika Beaver Builder.
• Moduł zdjęć – dodaj opcje dopasowania i położenia obiektu do zakładki stylu.
• Ustawienia pętli – dodaje opcję filtrowania według bieżącego autora i aktualnie zalogowanego użytkownika.
• Nakładki wierszy, kolumn i modułów — zaktualizowano w celu zapewnienia spójności między typami węzłów.
• Panel konspektu — w tej wersji otrzymaliśmy także aktualizację, dzięki której działa ona płynniej.

Wniosek: zaawansowane funkcje ułatwiające tworzenie sieci

Aktualizacja do wersji Beaver Builder 2.8 odblokowuje bardziej niezawodne i konfigurowalne możliwości tworzenia stron. Moduł Box wprowadza zaawansowane opcje układu z Flexbox i CSS Grid, podczas gdy Global Styles upraszcza zarządzanie kolorami.

Podsumowując, oto czego możesz się spodziewać w Beaver Builder 2.8:

1. Moduł pudełkowy
2. Style globalne
3. Moduł NorthCommerce
4. Integracja narzędzia do tworzenia wyskakujących okienek
5. Drobne aktualizacje modułów, menu narzędzi i ustawień pętli

Zaktualizuj wersję Beaver Builder 2.8 już dziś, aby skorzystać z nowych, ekscytujących funkcji. Jak zawsze, nasz zespół wsparcia jest tutaj, aby Ci pomóc, jeśli masz jakiekolwiek pytania lub potrzebujesz pomocy.

Powiązane pytania

Jaka jest najnowsza wersja Beaver Builder?

Od lutego 2024 najnowszą wersją naszej wtyczki jest Beaver Builder 2.8. Obsługuje integrację z wtyczkami NorthCommerce i Popup Maker. Znajdziesz także zupełnie nowy moduł Box, który umożliwia łatwe tworzenie układów przy użyciu Flexbox, siatki CSS i warstw.

Co robi Beaver Builder?

Beaver Builder to pakiet produktów do projektowania stron internetowych dla WordPress składający się z motywu Framework, wtyczki Page Builder i Theme Builder, który umożliwia użytkownikom łatwe tworzenie i dostosowywanie stron internetowych za pomocą funkcji przeciągania i upuszczania. Twórz wspaniałe, profesjonalne strony internetowe bez konieczności posiadania wiedzy z zakresu kodowania.