Beaver Builder 2.8: moduł pudełkowy, style globalne i wiele więcej!
Opublikowany: 2024-02-0925% zniżki na wszystkie produkty Beaver Builder... Pośpiesz się, wyprzedaż wkrótce się skończy! Dowiedz się więcej
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.
Spis treści:
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ę.
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.
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:
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:
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!
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:
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.
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.
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.
Na koniec Beaver Builder 2.8 zawiera następujące drobne dodatki:
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:
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.
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.
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.
Czy aktualizacja z BB 2.7.4.4 do 2.8 wymaga użycia nowego modułu Box/Grid dla bieżącej zawartości?
Fantastyczna wiadomość! Nie mogłem się doczekać bardziej intuicyjnego sposobu stylizowania butelek na stronach BB.