Przedstawiamy bloki Kadence 2.4 i bloki Kadence Pro 1.7

Zespół Kadence z przyjemnością wprowadza nowe funkcje zarówno w Kadence Blocks za darmo, jak i Kadence Blocks Pro, aby pomóc właścicielom witryn WordPress w tworzeniu bardziej efektywnych stron internetowych za pomocą Kadence. Najbardziej znaczące dodatki do bezpłatnej wersji bloków Kadence obejmują układy sterowania flex z blokami sekcji, których można używać poza blokiem układu wiersza, nowy blok Pokaż więcej oraz opcję dynamicznego źródła zawartości galerii. W Kadence Blocks Pro znajdziesz teraz nową funkcję bloku listy dynamicznej, a także obsługę dynamicznej zawartości za pomocą Meta Box.

Wraz z tymi nowymi funkcjami, zarówno Kadence Blocks free, jak i Kadence Blocks Pro mają wiele poprawek i refaktoryzacji różnych komponentów kodu, aby zapewnić, że wtyczki Kadence Blocks są najbardziej wydajnymi wtyczkami do budowania bloków dostępnymi dla Twojej witryny WordPress. Pełny dziennik zmian zarówno Kadence Blocks za darmo, jak i Kadence Blocks Pro jest dostępny na naszej stronie i w wtyczkach.

Elastyczne układy sterowania

Układy sterowania Flex umożliwiają właścicielom witryn używanie bloku sekcji niezależnie od bloku układu wiersza. Bloki sekcji mogą być zagnieżdżane, dzięki czemu w innej sekcji może znajdować się więcej niż jedna sekcja. Domyślnie sekcje te zostaną dodane z wyrównaniem w pionie, jednak można je łatwo zmienić na wyrównanie w poziomie za pomocą nowych ustawień Flex Align w bloku sekcji. Można je ustawić niezależnie dla komputerów stacjonarnych, tabletów i telefonów komórkowych, dodając szczegółową kontrolę nad sposobem wyświetlania sekcji.

Ta nowa metoda układu otwiera potencjał większej kreatywności w projektowaniu witryn. Blok Układ wierszy jest również nadal dostępny z blokami sekcji. Ta nowa zmiana jest dodatkiem zapewniającym większą elastyczność.

Układy sterowania Flex z nowym blokiem sekcji mogą być używane w połączeniu z Biblioteką projektu Kadence, umożliwiając korzystanie z sekcji, pakietów startowych i modeli szkieletowych podczas tworzenia nowego układu z blokami Kadence.

Korzystanie z sekcji zagnieżdżonych a układy i sekcje wierszy

Jednym z największych pytań, jakie możesz mieć w przypadku tej nowej możliwości, jest to, kiedy używać układów wierszy z sekcjami, a kiedy używać zagnieżdżonych bloków sekcji. Podczas tworzenia zawartości za pomocą kolumn zalecamy użycie bloku Układ wierszy. Zagnieżdżanie bloków sekcji wewnątrz bloków sekcji w celu tworzenia kolumn zapewnia możliwości, których nie można zrobić za pomocą układu wierszy, ale są to zazwyczaj przypadki brzegowe. Może to być bardziej mylące i trudniejsze do kontrolowania dla użytkowników, którzy chcą mieć standardowy układ.

Istnieją dwa sposoby, dzięki którym korzystanie z bloków sekcji może przynieść korzyści: stały rozmiar sekcji i owijanie sekcji razem w celu wspólnej obróbki, takiej jak tło itp.

Naprawiono rozmiar sekcji

Bloki sekcji w Blokach sekcji umożliwiają utworzenie kolumny o stałym rozmiarze, jednocześnie zmuszając inne kolumny do dostosowania się do pozostawionego miejsca. Załóżmy na przykład, że chcesz mieć układ trzykolumnowy, a w pierwszej kolumnie chcesz, aby szerokość tej kolumny zawsze wynosiła 200 pikseli, podczas gdy w kolumnach pierwszej i trzeciej chcesz, aby były równomiernie rozszerzane, aby wypełnić resztę miejsca.

Ten rodzaj układu nie jest możliwy w bloku układu wiersza, ponieważ kolumny w bloku układu wiersza mają zawsze szerokość procentową.

Sekcja owijająca blokuje się razem w celu wspólnego leczenia

Zagnieżdżanie bloków sekcji może być ogromną wygraną, gdy wystarczy owinąć grupę bloków razem i nadać im tło, obramowanie, odstępy itp. Wcześniej trzeba było zagnieździć blok układu wiersza z pojedynczą kolumną, a teraz po prostu dodać sekcję blok to wszystko, co jest potrzebne.

Korzystanie z zagnieżdżonych bloków sekcji nie jest decyzją dotyczącą wydajności

Chociaż wielu z was mogło słyszeć o kontenerach Flex Box od Elementora io tym, jak są one lepsze pod względem wydajności, ponieważ tworzą mniejszy rozmiar DOM (Document Object Model), to nie jest to ta sama sytuacja w przypadku Kadence. Blok Kadence Row Layout zawsze używał flex boxu. Jeśli chodzi o rozmiar DOM, możesz zoptymalizować wydajność DOM tylko wtedy, gdy zagnieżdżasz blok bezpośrednio w sekcji. Zagnieżdżanie bloków sekcji wewnątrz bloków sekcji spowoduje utworzenie takiego samego rozmiaru DOM, jak przy użyciu bloku układu wiersza z blokami sekcji w środku.

Tak więc, podczas gdy układy Elementora poprawiają wydajność dzięki nowym kontenerom elastycznym, nasze nowe opcje układu blokowego nie rozwiązują poprzedniego problemu. Mechanizmy układu Kadence były zawsze zoptymalizowane pod tym względem, więc zmiana układu treści nie poprawia wydajności.

Pokaż więcej bloków

Nowy blok Pokaż więcej umożliwia właścicielom witryn zwijanie treści w maksymalnej wysokości podglądu przy pierwszym wyświetleniu. Wyświetlane są przyciski umożliwiające odwiedzającym rozwijanie treści i dostępna jest opcja zanikania podglądu. Przyciski używane w bloku Pokaż więcej to Zaawansowany przycisk Bloki Kadence, który umożliwia stylizowanie przycisków Pokaż więcej/Pokaż mniej za pomocą dowolnej czcionki, koloru, zachowania najechania kursorem, cieni, obramowań, rozmiarów, a nawet dodawania ikon do przycisków.

Blok Pokaż więcej może zawierać wiele innych bloków, w tym blok sekcji, blok zaawansowanego obrazu i wiele innych. Ustawienia rozszerzania można ustawić inaczej dla wyświetlacza na komputerze, tablecie i urządzeniu mobilnym. Blok Pokaż więcej jest teraz dostępny w najnowszej bezpłatnej wersji Kadence Blocks, którą można pobrać z pulpitu wtyczek WordPress lub z repozytorium WordPress.org.

Blok listy dynamicznej

W Kadence Blocks Pro znajdziesz teraz nowy blok o nazwie Dynamic List. Ten blok jest niezwykle potężny dla właścicieli witryn pracujących z dynamiczną treścią, a nawet jeśli chcesz używać kategorii/taksonomii, takich jak kategorie postów na dynamicznej liście. Najłatwiejszym do zrozumienia przypadkiem użycia bloku Lista dynamiczna jest użycie go w szablonie elementów Kadence. Załóżmy na przykład, że chcesz dynamicznie wyświetlać wszystkie kategorie danego posta pod nagłówkiem.

W ustawieniach bloku Lista dynamiczna w szablonie wybierz Źródło listy jako Bieżący post, a następnie wybierz Kategorie jako typ źródła.

Następnie możliwości stylizacji dostępne w bloku Lista dynamiczna są inspirujące. Możesz wybrać sposób wyświetlania listy, sposób wyświetlania łącza w tym elemencie listy, wybrać styl listy z rozdzielaczem do wyboru między elementami listy lub wybrać wyświetlanie każdego elementu listy jako pigułki. Transformacja tekstu (tj. wielkie, małe litery lub wielkie litery) i stylizacja tekstu są dostępne w bloku listy dynamicznej dostępnym teraz w Kadence Blocks Pro.

Jeśli pracujesz z dowolnym rodzajem zawartości dynamicznej, na przykład z naszym przewodnikiem dotyczącym zaawansowanych pól niestandardowych, blok Lista dynamiczna oferuje wiele metod wyświetlania kategoryzacji lub innych list. Jako przykład z listą pracowników możesz łatwo wyświetlić działy, dostępność lub typy klientów, z którymi pracuje personel, za pomocą bloków listy dynamicznej.

Wsparcie Meta Box

Kadence Blocks Pro oferuje również właścicielom witryn możliwość korzystania z Meta Box, zestawu narzędzi niestandardowych pól, z szablonami Kadence Elements. Jeśli znasz już zawartość dynamiczną i używałeś Meta Box w przeszłości, korzystanie z obsługi Meta Box Kadence będzie dla Ciebie intuicyjnie łatwe. Podczas tworzenia nowego szablonu za pomocą szablonów elementów Kadence zobaczysz teraz zawartość dynamiczną Meta Box. W nadchodzących tygodniach będziemy mieli pełny przewodnik dotyczący korzystania z Kadence i Meta Box. Obsługa Meta Box jest dostępna we wtyczce Kadence Blocks Pro, a szablony Kadence Elements są dostępne we wtyczce Kadence Theme Pro.

Jeśli używasz Meta Box i chcesz zbadać tworzenie bardziej efektywnych układów za pomocą Kadence, zdecydowanie zalecamy zakup jednego z pakietów Kadence, aby uzyskać obie wtyczki. Uzyskanie pełnego pakietu Kadence zapewnia jeszcze więcej funkcji i możliwości, w tym zestaw sklepu Kadence dla WooCommerce, konwersje Kadence dla efektywnych wyskakujących okienek, slajdów i banerów opartych na blokach i wiele więcej.

Kadence kontynuuje innowacje

W ciągu ostatnich kilku miesięcy zespół Kadence nadal wprowadzał nowe funkcje do społeczności WordPress, aby pomóc właścicielom witryn w tworzeniu bardziej efektywnych witryn. Te nowe możliwości dołączają do innych innowacji, takich jak blok Advanced Image, blok Lottie i blok Google Maps.

Sukces Kadence można przypisać tętniącej życiem społeczności Kadence. To Twoje wsparcie w naszej pracy poprzez zakup pakietu Kadence, Twoje zaangażowanie w rozwój produktu oraz prośby o produkty i funkcje, które pomogły naszemu zespołowi tworzyć bardziej wydajnie i efektywnie. Jesteśmy wdzięczni za Twoje wsparcie i czekamy na nowe sposoby, które pomogą Ci w tworzeniu skutecznych witryn w przyszłości.