Wzory blokowe WordPress i style globalne w dwudziestu dwóch motywach

Opublikowany: 2022-02-09

Motywy blokowe WordPress i style globalne z motywu Twenty Twenty Two są najbardziej niesamowitym dodatkiem do pełnej edycji witryny WordPress.

Niektórzy użytkownicy WordPressa twierdzą, że Nowy motyw WordPressa dotyczy wyłącznie kolekcji Gutenberg Block of Patterns . Jednak Twenty Twenty Two nie ogranicza się do tego. Posiada pełne możliwości edycji witryny i wiele więcej. Dlatego stale publikujemy wpisy na blogu dotyczące różnych tematów nowego motywu.

Do tej pory publikowaliśmy informacje o ikonach witryn, dostosowywaniu menu, pasku bocznym i niestandardowej stronie głównej lub stronie głównej Twenty Twenty Two Theme.

Więcej polecanych postów na blogu będzie zawierało pełny przegląd nowego, obiecującego motywu WordPress.

Ukryj zawartość
1 szablony blokowe WordPress z dwudziestu dwudziestu dwóch motywów
2 Jak korzystać z wzorców blokowych WordPress
2.1 Biblioteka wzorów
2.2 Katalog wzorców
3 Jak dostosować wzory bloków WordPress?
4 zalety wzorów blokowych w dwudziestu dwóch motywach
5 globalnych stylów w dwudziestu dwudziestu dwóch motywach
5.1 Typografia
5.2 Kolory
5.3 Układ
5.4 Bloki
6 Wniosek

Wzory blokowe WordPress z dwudziestu dwudziestu dwóch motywów

Teraz, zanim przejdę do szczegółowego wyjaśnienia wzorców blokowych WordPressa , chciałbym odpowiedzieć na pierwsze pytanie, które każdemu przychodzi do głowy. Pytanie brzmi: Czym są wzorce blokowe WordPress ?

Wzory blokowe WordPress lub Wzory blokowe Gutenberga to gotowe sekcje wykonane z kombinacji wielu bloków Gutenberga. Dzięki temu użytkownicy WordPressa mogą zaoszczędzić czas, korzystając z gotowych wzorców, zamiast dodawać wiele bloków w celu zbudowania sekcji.

Wzory WordPress mają ograniczone gotowe projekty, ale to ograniczenie można znieść za pomocą katalogu Pattern.

Jak korzystać z wzorców blokowych WordPress

Istnieją dwa sposoby wykorzystania wzorów blokowych Gutenberga. Możesz użyć biblioteki wzorców motywu Twenty Twenty Two lub bezpośrednio skopiować dowolne wzorce z Katalogu wzorców WordPress.

Biblioteka wzorów

Pattern Library
Biblioteka wzorów

Pierwszym źródłem Wzoru Bloku Gutenberga jest Biblioteka Wzorów. Pokażę ci, jak możesz dodać dowolny gotowy wzór z biblioteki wzorów WordPress.

Przede wszystkim dodaj nową stronę lub rozpocznij edycję strony, na której chcesz użyć wzorców.

  • Kliknij ikonę plusa.
  • Kliknij kartę Wzory.
  • Kliknij swój wzór.
Adding Block Pattern
Dodawanie wzoru blokowego

Po kliknięciu na żądany wzór zostanie on dodany do strony.

Katalog wzorców

Pattern Directory
Katalog wzorców

Jako użytkownik WordPress możesz wiedzieć, że nie jesteś ograniczony do korzystania z biblioteki Domyślnych wzorców WordPress. Istnieje inne źródło, z którego możesz dodać wzory Gutenberga. Na stronie WordPress.org znajduje się katalog wzorców WordPress. A dodanie dowolnego wzoru do witryny jest jak ugryzienie bułka z masłem.

  • Przejdź do katalogu Pattern.
  • Wybierz wzór pożądania.
  • Kliknij Kopiuj.
  • Wklej go na edytowanej stronie.
Copy from Pattern Directory
Skopiuj z katalogu wzorców

Jak dostosować wzory bloków WordPress?

Dodawanie wzorów blokowych to nie koniec historii. Musimy również dostosować go do naszych potrzeb. Wszystkie wzorce bloków oferują pewne opcje dostosowywania, bez względu na to, czy blok pochodzi z biblioteki motywów czy katalogu. Zobaczmy teraz, jakie rodzaje dostosowywania są dostępne we wzorach.

Zastąp obraz: Większość wzorów blokowych będzie miała domyślny obraz. Jeśli więc do obrazu dodasz dowolny wzór, możesz go łatwo zmienić na dowolny inny obraz z biblioteki witryny. Możesz również przesłać dowolny obraz, aby zastąpić go obrazem domyślnym.

Replace Image
Zastąp obraz

Dodaj tekst niestandardowy: tekst dołączony do wzorów to tekst fikcyjny. Dlatego musimy dodać własny tekst zamiast fikcyjnego tekstu.

Add Custom Text
Dodaj własny tekst

Dostosuj przycisk: Jeśli dodajesz blok z tekstem przycisku, musisz dodać link do przycisku. W przeciwnym razie przycisk nie wywoła żadnej akcji. Możesz także zmienić styl, rozmiar i kolory przycisku.

Customize Button
Dostosuj przycisk

Korzyści z wzorów blokowych w dwudziestu dwóch motywach

Teraz, gdy już wiesz, dlaczego i jak używać wzorców blokowych, nadszedł czas, aby określić korzyści.

Oszczędność czasu : Główną zaletą wzorów jest to, że mogą zaoszczędzić nasz czas. Jak wspomniałem wcześniej, Wzorce są kombinacją wielu bloków Gutenberga. Tak więc, dodając wzór do strony, w rzeczywistości dodajemy wiele bloków naraz. W ten sposób oszczędzamy czas, używając wzorców zamiast dodawania wielu bloków.

Łatwe do dostosowania : Kolejną zaletą jest to, że wszystkie wzory bloków Gutenberga są elastyczne i można je dostosować. Ustawienia są podobne do domyślnych bloków edytora Gutenberga. Dzięki temu czuliśmy się komfortowo podczas ich dostosowywania.

Globalne style w dwudziestu dwudziestu dwóch motywach

Ustawienia globalnych stylów motywu Twenty Twenty Two pozwalają nam dostosować motyw za pomocą trzech głównych ustawień. Możemy dostosować typografię, kolory i układ naszej witryny. Rzućmy okiem na ustawienia globalne:

Typografia

Ustawienia typografii pozwalają nam dostosować czcionki tekstów i linków na naszej stronie. Jednak w tych opcjach ustawień nie ma zbyt wielu elementów sterujących. Możesz bawić się czterema opcjami, którymi są rodzina czcionek, rozmiar, wysokość linii i wygląd.

Typography
Typografia

Zabarwienie

Sekcja kolorów globalnego ustawienia stylizacji pozwala nam zmienić kolory tła, tekstu i łączy. Możesz wybrać z domyślnych granulek kolorów lub wybrać dowolne kolory niestandardowe. Możesz jednak również zmienić domyślną paletę kolorów.

Global Colors
Globalne kolory

Układ

Ustawienie Układ oferuje dodanie dopełnienia do Twojej witryny. Możesz dodać niestandardowe dopełnienie do górnej, prawej, dolnej i lewej strony witryny WordPress.

Global Layout
Układ globalny

Bloki

Innym interesującym faktem Global Styles jest to, że możemy również używać niestandardowych kolorów dla poszczególnych bloków. W tym celu musimy przejść do sekcji Bloki, wybrać konkretne bloki, dla których chcemy ustawić niestandardowe kolory. Po wybraniu bloku ustawiamy niestandardowe kolory dla Tła, Tekstu i Linków wybranego bloku.

Individuals Blocks Color
Indywidualne bloki kolor

Wniosek

To wszystko o wzorcach blokowych WordPress i stylach globalnych. Jak najlepiej wykorzystaj Gutenberg Block Parrerns, aby stworzyć stronę docelową. Jeśli napotkasz jakiekolwiek trudności podczas korzystania z wzorców blokowych Gutenberga, możesz skomentować poniżej.