Wzory blokowe WordPress 101: czym one są? I jak z nich korzystać

Chcesz zaoszczędzić czas i tworzyć bardziej profesjonalne projekty w edytorze bloków WordPress? Jeśli tak, poznanie wzorców blokowych WordPressa może być właśnie tym, czego potrzebujesz.

Dzięki wzorom blokowym możesz wstawić gotowy projekt, dostosować go do swoich potrzeb i być gotowym do pracy. To świetna oszczędność czasu. A jeśli nie jesteś projektantem, pomocne są również wzory blokowe, ponieważ pozwalają Ci wykorzystać bardziej unikalne projekty, nawet jeśli nie masz wiedzy, jak budować te projekty od podstaw.

W tym poście omówimy wszystko, co musisz wiedzieć o wzorcach blokowych WordPress:

• Czym są wzorce blokowe WordPress i czym różnią się od bloków wielokrotnego użytku.
• Jak używać szyków blokowych w edytorze.
• Gdzie znaleźć nowe wzory bloków i jak ich używać.
• Jak tworzyć własne wzorce blokowe bez kodu.

Czym są wzorce blokowe WordPress?

Wzory blokowe WordPress to w zasadzie tylko szablony wykonane z bloków.

Mogą zawierać pojedynczy blok lub wiele bloków ułożonych w określonych układach. Oprócz samych bloków, wzory bloków będą również zawierać ustawienia dla tych bloków ( takie jak konfigurowanie przycisku, aby miał określony kolor ).

Możesz znaleźć wzory bloków dla szablonów całej strony. Lub, częściej, znajdziesz wzorce blokowe dla niektórych sekcji, których możesz chcieć użyć na stronie. Następnie możesz połączyć wiele wzorów bloków, takich jak Legos, aby zbudować swój projekt.

Załóżmy na przykład, że chcesz utworzyć sekcję zawierającą tło obrazu, tekst nagłówka i przycisk. Możesz to ustawić ręcznie za pomocą edytora bloków. Ale za pomocą wzoru blokowego możesz wstawić gotowy projekt z tym układem, a następnie dostosować go do swoich treści.

Jak wspomniałem powyżej, główne zalety korzystania z wzorców blokowych WordPress to:

1. Oszczędzają czas.
2. Ułatwiają tworzenie bardziej skomplikowanych projektów, ponieważ możesz nie mieć wiedzy na temat samodzielnego tworzenia niektórych rodzajów projektów.

Wzory bloków a bloki wielokrotnego użytku

Teraz, gdy wiesz, czym są wzorce blokowe WordPress, możesz pomyśleć, że brzmią one podobnie do bloków wielokrotnego użytku WordPress, które są podstawową funkcją wprowadzoną przed wzorcami blokowymi.

Blok wielokrotnego użytku to również zbiór jednego lub więcej bloków, które można łatwo wstawić do treści.

Są podobne pod tym względem, że oba pozwalają szybko wstawić gotowy projekt, ale mają jedną dużą różnicę:

• Wzory blokowe są punktem wyjścia do Twojego projektu . Możesz ich użyć do zaimportowania podstawowego projektu, którego chcesz użyć, ale będziesz je dostosowywać za każdym razem, a każde wystąpienie wzoru blokowego będzie inne.
• Bloki wielokrotnego użytku będą takie same w każdym przypadku . Każde wystąpienie bloku wielokrotnego użytku będzie zawsze takie samo, a jeśli zaktualizujesz projekt bloku wielokrotnego użytku w jednym miejscu, zmiany te zostaną automatycznie zastosowane do każdego wystąpienia bloku wielokrotnego użytku.

Oto przykład, kiedy możesz użyć każdego z nich:

Po pierwsze, załóżmy, że masz specjalny format do wstawiania cytatów do treści. Tak więc za każdym razem, gdy wstawiasz cytat, chcesz użyć dokładnie tego samego układu bloków, aby zachować spójność.

Jeśli każdy cytat będzie inny, użyj do tego wzoru blokowego. Możesz wstawić wzór blokowy, aby ustawić podstawowe formatowanie, a następnie dodać unikalny tekst cytatu.

Załóżmy teraz, że masz wezwanie do działania (CTA) dla ludzi, aby dołączyli do Twojej listy e-mailowej, które chcesz dołączyć na końcu każdego posta na blogu. Chcesz, aby to wezwanie do działania było dokładnie takie samo w każdym przypadku, a także chcesz mieć możliwość jego aktualizacji w przyszłości.

W tym przypadku użycia chciałbyś użyć bloku wielokrotnego użytku. Blok wielokrotnego użytku zapewni, że każde wystąpienie Twojego CTA będzie takie samo. A jeśli kiedykolwiek będziesz chciał zmienić CTA, wystarczy raz zaktualizować blok wielokrotnego użytku, a te zmiany będą miały zastosowanie do każdej instancji.

Jak korzystać z wzorców blokowych WordPress

Wzory bloków można wstawiać za pomocą tego samego interfejsu, którego używasz do wstawiania bloków.

Aby rozpocząć, otwórz edytor dla fragmentu zawartości, w którym chcesz wstawić wzór blokowy. Następnie kliknij ikonę plusa w lewym górnym rogu, aby otworzyć interfejs wstawiania treści.

Na wyświetlonym pasku bocznym kliknij kartę Wzory . Następnie możesz użyć listy rozwijanej, aby odfiltrować różne typy wzorców.

Gdy znajdziesz wzór, który Ci się podoba, wystarczy go kliknąć, aby wstawić go do treści:

Po wstawieniu wzoru bloków możesz edytować wszystkie poszczególne bloki, tak jak gdybyś tworzył projekt ręcznie:

I to wszystko! Jeśli chcesz wstawić kolejny wzór blokowy, możesz po prostu powtórzyć ten sam proces. Wzór blokowy zostanie wstawiony w dowolnym miejscu, w którym umieściłeś kursor w edytorze.

Jak znaleźć i wykorzystać nowe wzorce blokowe WordPress

Aby pomóc Ci znaleźć nowe wzorce blokowe, zespół WordPress stworzył oficjalną bibliotekę wzorców blokowych na WordPress. Możesz uzyskać do niego dostęp, klikając tutaj.

Możesz użyć filtrów, aby przeglądać wszystkie wzory bloków i kliknąć wynik, aby wyświetlić jego podgląd. Jeśli znajdziesz wzór, który Ci się podoba, po prostu kliknij przycisk Kopiuj wzór , aby skopiować wzór do schowka:

Teraz otwórz edytor dla fragmentu treści, do którego chcesz dodać wzór blokowy i wklej go, tak jak wklejasz zwykły tekst – klikając prawym przyciskiem myszy i wybierając wklej lub używając skrótu klawiaturowego, takiego jak Ctrl + V (lub Cmd + V na Macu).

I to wszystko – powinieneś zobaczyć pełny wzór bloku, gdziekolwiek go wkleiłeś:

Oprócz oficjalnej biblioteki wzorców blokowych na WordPress.org, możesz również znaleźć katalogi innych firm, takie jak ShareABlock i biblioteka szablonów Gutenberg Hub (która wykorzystuje to samo podejście kopiowania/wklejania, co oficjalna biblioteka).

Możesz również znaleźć wiele wtyczek, które pozwalają wstawiać wzorce blokowe i szablony, chociaż mogą one używać własnego niestandardowego rozwiązania zamiast korzystać z natywnej funkcji wzorców blokowych. Tak czy inaczej, efekt końcowy jest taki sam. Możesz znaleźć jedne z najlepszych opcji w naszym poście na temat wtyczek szablonów Gutenberg.

Jak tworzyć własne wzory bloków WordPress bez kodu?

W tej chwili główny edytor bloków WordPress nie pozwala tworzyć własnych wzorców bloków, chyba że wiesz, jak kodować, co jest trochę kłopotliwe.

Na szczęście, jak można się spodziewać po WordPressie, istnieją wtyczki, które to naprawiają.

Moim osobistym faworytem jest darmowa wtyczka Block Pattern Builder od Justina Tadlocka. Zasadniczo ta wtyczka pozwala stworzyć własny projekt za pomocą edytora bloków, a następnie zapisać go jako wzór blokowy. Możesz więc zaprojektować swój wzór za pomocą edytora, zapisać go jako wzór, a następnie łatwo wstawić tak jak każdy inny wzór.

Szczerze mówiąc, to trochę dziwne, że ta funkcja nie znajduje się w podstawowym oprogramowaniu WordPress, ale nie jest to wielka sprawa, ponieważ możesz ją rozwiązać, po prostu instalując darmową wtyczkę.

Aby rozpocząć, zainstaluj i aktywuj darmową wtyczkę Block Pattern Builder z WordPress.org. Używam wspomnianej wtyczki od Justina Tadlocka, ale istnieje wtyczka o identycznej nazwie od BlockMeister, która wydaje się oferować tę samą funkcjonalność z nieco większą liczbą funkcji.

Następnie otwórz zwykły edytor i utwórz projekt, który chcesz zapisać. Gdy to zrobisz, wybierz wszystkie bloki, które chcesz uwzględnić w swoim wzorze blokowym, i kliknij ikonę trzech kropek . Następnie wybierz opcję Dodaj do wzorów blokowych :

Następnie możesz nadać mu nazwę:

I to wszystko – możesz go teraz wstawić tak jak każdy inny wzór blokowy. Domyślnie będzie w sekcji „Bez kategorii”:

Oprócz pracy z edytorem otrzymasz również dedykowaną kartę wzorców blokowych na pulpicie WordPress, aby zarządzać i tworzyć wzorce blokowe.

Zacznij już dziś od wzorców blokowych

Korzystanie z wzorców blokowych jest całkiem proste – można je wstawiać tak jak blok. A kiedy je wstawisz, możesz edytować bloki we wzorze, tak jakbyś sam stworzył projekt.

Aby zapewnić sobie większą elastyczność, istnieje kilka sposobów uzyskania dostępu do nowych wzorów blokowych:

1. Możesz skorzystać z oficjalnej biblioteki wzorów blokowych na WordPress.org lub jednej z witryn bibliotecznych innych firm. Wszystko, co musisz zrobić, to skopiować i wkleić między bibliotekami a edytorem WordPress.
2. Możesz użyć jednej z zebranych przez nas wtyczek szablonów Gutenberga. Nie wszystkie te wtyczki wykorzystują natywną funkcję wzorców blokowych, ale służą dokładnie temu samemu celowi i funkcji.
3. Możesz zaprojektować własne wzorce blokowe za pomocą edytora i wtyczki, takiej jak Block Pattern Builder. Po zapisaniu projektów możesz je łatwo wykorzystać w przyszłości.

Aby poznać inne sposoby na poprawę pracy w edytorze bloków, zapoznaj się z naszym przewodnikiem, jak najlepiej wykorzystać edytor bloków i naszą kolekcją najlepszych wtyczek blokowych.

Czy nadal masz pytania dotyczące wzorców blokowych WordPress? Daj nam znać w komentarzach, a postaramy się pomóc.