Jak korzystać z wzorców bloków WordPress: prosty przewodnik

Od czasu wydania WordPress 5.8 w 2021 roku wzory blokowe stały się coraz bardziej popularnym sposobem tworzenia treści w WordPressie. Pozwalają programistom i projektantom na wykorzystanie ich w każdym aspekcie ich witryn internetowych, w tym w nagłówkach, stopkach, postach, stronach i innych. Jako dodatkowy bonus, użytkownicy mogą zapisywać wzory bloków WordPress, aby proces projektowania był szybszy i łatwiejszy. W tym poście omówimy, czym są wzorce blokowe i jak z nich korzystać. Zacznijmy.

Czym są wzorce bloków WordPress?

Tworząc treść w WordPressie, możesz wstawić grupę bloków do swoich postów lub stron, aby wyświetlać treść w piękny i funkcjonalny sposób. Te grupy bloków nazywane są wzorami bloków WordPress. WordPress oferuje serię gotowych wzorów bloków w repozytorium WordPress. Ponadto większość motywów WordPress będzie miała również ich kolekcję. Wzory bloków można edytować tak łatwo, jak każdy utworzony blok. Wzory mogą zawierać kilka bloków, a nawet całe strony. A dzięki pełnej edycji witryny w WordPress można ich używać w dowolnym miejscu, a nawet są przydatne do tworzenia nagłówków, stopek, szablonów stron, zapytań i nie tylko.

Wzorce bloków WordPress a bloki wielokrotnego użytku

Jak wspomniano wcześniej, wzór bloku to grupa bloków, które można wstawić do posta, strony, części szablonu lub szablonu. Wzory bloków można wstawiać w wielu miejscach, ale zmieniać je indywidualnie . Wzory bloków można zapisać jako bloki wielokrotnego użytku, ale gdy to się stanie, zmieni się wszędzie tam, gdzie używany jest blok wielokrotnego użytku. Zasadniczo bloki wielokrotnego użytku przyjmują właściwość globalną, podczas gdy wzorce bloków to zbiór bloków, które można edytować, aby uzyskać inny wygląd, niezależnie od tego, ile razy są używane w witrynie.

Jak znaleźć nowe wzorce bloków WordPress

Istnieje kilka miejsc, w których można znaleźć wzorce bloków WordPress. Pierwszy sposób znajduje się w samym motywie WordPress. Jak wspomniano wcześniej, większość motywów zawiera wzorce bloków, których możesz użyć w swojej witrynie. Na przykład motyw Twenty Twenty-Two ma przyzwoitą kolekcję wzorów. Możesz wybierać spośród kategorii, w tym kolumn, tekstu, galerii, stron i innych.

Innym sposobem na znalezienie wzorców bloków jest katalog wzorców bloków WordPres. Obecnie dostępnych jest ponad 65 stron wzorców, w tym nagłówki, stopki, szkielety, kolumny, przyciski i inne.

Jak dodać wzory bloków do swojej witryny

Dodawanie wzorów bloków do witryny to prosty proces. Jeśli chcesz wyszukać w swoim motywie, aby dodać wzór, po prostu kliknij niebieską ikonę + w lewym górnym rogu ekranu.

Następnie przejdź do Wzory . Wybierz wzór, którego chcesz użyć, a następnie kliknij go, aby automatycznie dodać go do swojej strony.

Innym sposobem dodania wzorców bloków do witryny jest skopiowanie i wklejenie ich z katalogu wzorców. Przejdź do katalogu wzorców, znajdź wybrany wzór, a następnie najedź na niego kursorem, aby wyświetlić przycisk kopiowania .

Następnie wróć na swoją stronę. Kliknij wewnątrz tablicy edycji i kliknij prawym przyciskiem myszy i wybierz wklej lub użyj CTRL + V (w systemie Windows) lub CMD + V (Mac) . Twój wzór bloku pojawi się na stronie. Możesz zmienić jego położenie, klikając widok listy , a następnie przeciągając go w wybrane miejsce.

Jak używać wzorców blokowych w WordPress

Używanie wzorców blokowych w WordPress jest łatwe. Jak wspomniano wcześniej, można je edytować tak samo, jak każdy inny blok. Teraz, gdy wiesz, jak uzyskać do nich dostęp i dodać je do swojej witryny, przejdźmy do ich edycji.

Zazwyczaj podczas importowania wzoru bloku na swoją stronę zostanie on zgrupowany. Grupowanie bloków ułatwia przeciąganie ich po stronie, a także dostosowywanie ustawień, takich jak szerokość, kolor, rozmiar czcionki, dopełnienie i odstępy między blokami — w samej grupie.

Aby wprowadzić zmiany w pojedynczym bloku w grupie, po prostu kliknij, aby go edytować. Edycja pojedynczych bloków nie wymaga ich rozgrupowania i jest edytowana w taki sam sposób, jak zwykłe bloki. Na przykład spójrzmy na blok obrazu w naszym wzorcu. Możesz dodawać linki, przycinać, dodawać tekst lub zastępować obraz, tak jak w innym przypadku.

Możesz dodać do swojego układu tyle wzorów bloków, ile chcesz. Dodawanie wzorów to prosty sposób na tworzenie pięknych treści w mgnieniu oka. Ponadto usuwanie blokad jest równie proste. Jeśli chcesz usunąć wzorzec ze strony, po prostu kliknij element nadrzędny w widoku listy lub kliknij menu wielokropka w edytorze stron, a następnie kliknij opcję Usuń grupę .

Jak tworzyć i zapisywać własne wzory bloków w WordPress

Istnieje kilka sposobów tworzenia i zapisywania wzorców bloków w WordPress. Sposób, w jaki to zrobisz, zależy od Twojego poziomu wiedzy i tego, czy chcesz dzielić się nią z innymi. Zagłębmy się, aby dowiedzieć się, jak tworzyć, zapisywać i udostępniać wzorce bloków.

Twórz wzory blokowe w katalogu wzorców WordPress

Ta metoda wymaga posiadania konta WordPress, ale jest najprostszym sposobem tworzenia wzorców do wykorzystania w witrynie. Zacznij od przejścia do katalogu wzorców WordPress. Następnie kliknij utwórz nowy wzór .

Następnie musisz się zalogować lub utworzyć nowe konto WordPress. Po zalogowaniu zostaniesz przekierowany do edytora wzorów. Działa tak samo, jak edytor stron we własnej witrynie. Jako dodatkowy bonus będziesz mieć dostęp do bezpłatnych obrazów do wykorzystania w swoich wzorach. Aby rozpocząć, nadaj swojemu wzorowi nazwę, a następnie zacznij dodawać bloki, klikając czarny przycisk + .

Po zakończeniu projektowania wzoru bloków nadszedł czas, aby zapisać go do wykorzystania w witrynie. Istnieją dwie możliwości zapisania wzoru. Wybranie opcji Zapisz wersję roboczą pozwoli Ci zapisać wzór tylko do własnego użytku . Będziesz mógł przechowywać swój wzór w chmurze i mieć do niego dostęp w dowolnym momencie, aby skopiować i wkleić go na swojej stronie internetowej.

Aby uzyskać dostęp do swoich wzorców, wróć do strony katalogu wzorców i kliknij łącze Moje wzorce. Zarówno twoje wersje robocze, jak i ulubione, mogą być używane w twoich witrynach WordPress.

Prześlij swój wzór bloku do WordPress

WordPress pozwala swoim użytkownikom tworzyć i przesyłać wzorce bloków dla wszystkich użytkowników do wykorzystania w motywach bloków WordPress. W rzeczywistości galeria wzorów jest po prostu tym – wzorami przesłanymi przez użytkowników. Aby utworzyć wzór bloku do przesłania, wykonaj czynności opisane w poprzedniej sekcji. Jednak tym razem klikniesz przycisk przesyłania . Twój wzór przejdzie przez proces recenzji, zanim zostanie dodany do katalogu. Po opublikowaniu Twój wzór będzie widoczny w katalogu wzorców WordPress, gdzie będzie dostępny dla każdego.

Użyj wtyczki do tworzenia wzorów bloków

Wraz z rosnącą popularnością bloków Gutenberga, jest więcej możliwości zapisywania wzorów bloków na twoich stronach internetowych niż kiedykolwiek wcześniej. Do niedawna, jeśli chciałeś stworzyć wzór blokowy w WordPressie, musiałeś go sam zakodować, co nie jest przyjazne dla początkujących. Na szczęście istnieje kilka opcji dla osób, które chcą je łatwo utworzyć.

Wtyczka CoBlocks

CoBlocks jest tworzony przez GoDaddy. Daje Ci kolekcję ponad 40 bloków do wykorzystania w Twojej witrynie, a także możliwość tworzenia wzorców bloków i ich rejestrowania. Proces jest prosty i obejmuje tylko kilka kroków. Najpierw zbuduj preferowany układ. Następnie wybierz bloki, które chcesz uwzględnić we wzorze. Na koniec wybierz opcję Dodaj wzorzec projektowy .

Nazwij swój wzór, nadaj mu opcjonalny opis i przypisz kategorię. Na koniec kliknij Zapisz wzór .

Aby wyświetlić nowo utworzony wzór, przejdź do karty Wzory, wybierz przypisaną kategorię i przewiń w dół, aby go wyświetlić.

Blockmeister – Konstruktor wzorów bloków

Inną opcją jest wtyczka Blockmeister – Block Pattern Builder. Proces jest bardzo podobny jak w przypadku CoBlocks. Jednak ta wtyczka nie daje żadnych dodatkowych bloków dla twoich układów. Daje jedynie możliwość tworzenia wzorów bloków. Aby rozpocząć, utwórz układ, a następnie wybierz wszystkie bloki, które mają się w nim znaleźć. Następnie kliknij menu wielokropka w widoku listy, a następnie wybierz opcję Dodaj do wzorów bloków .

Następnym krokiem jest nazwanie wzoru, a następnie kliknięcie Utwórz wzór . Po zapisaniu odśwież stronę, aby znaleźć wzór w katalogu wzorców motywu.

Aby zlokalizować swój wzorzec, użyj rozwijanego menu kategorii we wzorach, a następnie wybierz nazwę swojej witryny.

Wzory bloków WordPress a układy Divi

Zarówno wzory bloków, jak i układy Divi oferują te same podstawowe funkcje. Możesz je tworzyć, edytować, dostosowywać i zapisywać. Jednak Divi ma o wiele więcej opcji dostosowywania, na tym kończą się podobieństwa między nimi. Widzisz, dostosowania bloków są oparte na motywach, co oznacza, że ​​dostajesz tylko tyle, ile oferuje ten motyw pod względem kolorów, czcionek i efektów. Aby uzyskać więcej opcji, użytkownicy muszą dodać wtyczki lub kod, aby je uzyskać. Dzięki Divi masz do dyspozycji bogactwo opcji dostosowywania, które pomogą Ci stworzyć niesamowite układy dla Twojej witryny.

Divi to nie tylko motyw WordPress, to kompletna platforma do tworzenia stron internetowych z dużą mocą pod maską. Divi wykorzystuje zastrzeżony Visual Builder typu „przeciągnij i upuść”, który umożliwia tworzenie pięknych układów na interfejsie użytkownika – w czasie rzeczywistym. Nie musisz wyświetlać podglądu układu w nowej karcie, aby zobaczyć, jak Twoja strona będzie wyglądać w przeglądarce.

Divi ma nieograniczone opcje dostosowywania

Istnieją nieograniczone możliwości projektowania z ponad 200 elementami strony internetowej. W każdym elemencie dostępne są niesamowite opcje tła dzięki zastosowaniu dynamicznego systemu magicznych kolorów Divi. Dodatkowo możesz zaimponować swoim układom dzięki efektom przejścia, najechania kursorem i animacji. Nie tylko to, możesz dostosować odstępy, rozmiary, dodawać filtry i cienie ramek i wiele więcej.

Zapisz układy za pomocą Divi Cloud

Jeśli chcesz ponownie użyć układu, Divi to ułatwia. Możesz zapisywać moduły, wiersze, sekcje, a nawet całe strony za pomocą Divi. Ponadto układy można zapisywać jako globalne, więc gdy zajdzie potrzeba wprowadzenia zmian w układzie używanym w całej witrynie, wystarczy je zmienić tylko raz. Jako dodatkowy bonus możesz zapisać swoje układy w Divi Cloud, co umożliwia korzystanie z nich w dowolnej witrynie Divi w dowolnym miejscu.

Często zadawane pytania dotyczące wzorców bloków WordPress

Biorąc pod uwagę wszystko, co rzuciliśmy na ciebie w poście, możesz mieć kilka pytań na temat wzorów bloków. Dobra wiadomość jest taka, że ​​mamy odpowiedzi. Czytaj.

Czy wzory bloków przypominają bloki wielokrotnego użytku?

W pewnym sensie tak. Można tworzyć, zapisywać i edytować zarówno wzory bloków, jak i bloki wielokrotnego użytku. Jednak bloki wielokrotnego użytku bardziej przypominają bloki globalne. Na przykład, jeśli utworzysz blok wielokrotnego użytku jako biuletyn, który chcesz używać w całej witrynie, wprowadzenie zmian w jednej instancji spowoduje, że ta zmiana zostanie wprowadzona wszędzie tam, gdzie ten blok jest wyświetlany. Gdybyś zamiast tego użył wzoru blokowego, mógłbyś zmienić kolor tła, kolor przycisku lub wprowadzić inne zmiany w projekcie bez wpływu na każdą instancję.

Gdzie mogę uzyskać wzory bloków dla mojej witryny?

Jak wcześniej wspomniano, możesz je pobrać z katalogu wzorców WordPress, w swoim motywie WordPress lub za pomocą wtyczki, takiej jak Gutenberg Template and Pattern Library firmy Extendify.

Dlaczego powinienem używać wzorów blokowych?

Krótko mówiąc, jest to świetny sposób na zaoszczędzenie czasu. Największą stratą czasu związaną z rozwojem WordPressa jest tworzenie treści. Dzięki blokom wzorców możesz zaoszczędzić czas i energię, tworząc wzorce, których możesz używać na stronach i w postach w witrynie.

Czy mogę ręcznie tworzyć bloki wzorów?

Możesz! Będziesz jednak musiał czuć się komfortowo w pisaniu i edytowaniu kodu, aby ręcznie tworzyć bloki wzorców. WordPress.org ma dobrą lekcję, która pomoże ci przejść przez ten proces, jeśli chcesz spróbować.

Zawijanie rzeczy

Wzory bloków zapewniają łatwy i oszczędzający czas sposób dodawania treści do witryny. Ponadto w katalogu wzorców WordPress możesz znaleźć piękne, profesjonalne projekty, które pomogą Ci zacząć. Jeśli nie używasz bloków wzorców w swojej witrynie, zdecydowanie zalecamy to.

Czy używasz bloków wzorców na swojej stronie internetowej? Jeśli tak, powiedz nam, dlaczego lubisz ich używać w sekcji komentarzy poniżej.