Jak tworzyć i wykorzystywać wzorce bloków w WordPress?

Raz. Dwa razy. Dziesięć razy. Pięćdziesiąt razy. Tworzenie tych samych treści w dziesiątkach różnych publikacji może szybko stać się nużące. A przede wszystkim jest to czasochłonne. Bardzo czasochłonne.

Możesz uniknąć tej straty czasu i energii za pomocą kilku kliknięć, dzięki przydatnej funkcji: wzorcom bloków WordPress .

Chcesz utworzyć małą wkładkę tekstową, aby zintegrować ją ze wszystkimi postami na blogu? Ta funkcja może znacznie ułatwić Ci życie. To samo, jeśli chcesz dodać wezwanie do działania lub niestandardową tabelę do wszystkich swoich stron.

Czy jesteś podekscytowany? Pod koniec tego artykułu dowiesz się, jak tworzyć, dostosowywać i zarządzać wzorem bloków jak profesjonalista . Gotowy żeby zacząć? Postępuj zgodnie z przewodnikiem.

Twoje najlepsze projekty WordPress potrzebują najlepszego hosta!

WPMarmite poleca Bluehost: świetna wydajność, świetne wsparcie. Wszystko, czego potrzebujesz na dobry start.

Wypróbuj BlueHost

Co to jest wzór blokowy w WordPress?

Wzorzec blokowy to zestaw bloków (np. blok tytułowy + blok obrazu + blok przycisków) utworzony za pomocą edytora treści WordPress (Gutenberg).

Po zapisaniu treści i formatowania w opcji „Utwórz wzór” możesz zsynchronizować ten zestaw bloków do ponownego wykorzystania w różnych publikacjach Twojej witryny : postach, stronach i innych niestandardowych typach postów za pomocą prostego przełącznika.

Jeśli zdecydujesz się go zsynchronizować, to kiedy go zmodyfikujesz, zawartość tego wzorca zostanie automatycznie zaktualizowana wszędzie tam, gdzie jest zintegrowana z Twoją witryną.

Blok Gutenberga to kontener oferowany przez edytor treści WordPress (Gutenberg). Może być używany do wyświetlania tekstu, multimediów, widżetów i osadzonych treści. Może być również używany do tworzenia struktur i dostosowywania stylu publikacji.

Bloki wielokrotnego użytku, dostępne przed wydaniem wersji WordPress 6.3 w sierpniu 2023 r., zostały przemianowane na „zsynchronizowane wzorce”. Znajdziesz je we wstawiaczu bloków, w zakładce „Schematy synchronizacji” lub w Edytorze serwisu, w menu „Wzory”.
Części szablonów stały się również wzorami od wersji WordPress 6.3 i można je znaleźć w Edytorze witryny (Wygląd > Edytor), w menu „Wzory”.

Nacisk na zsynchronizowane wzorce

Zanim przejdziemy do szczegółów tworzenia wzorca blokowego w WordPress, przyjrzyjmy się niektórym szczegółom zsynchronizowanych wzorców:

• Funkcja „zsynchronizowanych wzorców” jest natywnie obecna w edytorze treści WordPress od wydania wersji 6.3 w sierpniu 2023 r. , kiedy to zastąpiła starą funkcję „bloków wielokrotnego użytku”.
• Zsynchronizowany wzorzec oznacza , że ​​nie musisz za każdym razem odtwarzać identycznej zawartości całej witryny.
• Synchronizowane wzorce są najczęściej używane do modyfikowania bloków znajdujących się w głównym obszarze treści Twoich publikacji.
• Zawartość zsynchronizowanego wzorca jest synchronizowana w całej witrynie WordPress . Jeśli zmodyfikujesz zsynchronizowany wzorzec w jednym miejscu na swojej stronie (np. w poście na blogu), modyfikacja zostanie odzwierciedlona we wszystkich innych publikacjach zawierających zsynchronizowany wzorzec.
• Zsynchronizowany wzorzec można utworzyć i zapisać kilkoma kliknięciami , bezpośrednio z edytora treści WordPress lub interfejsu Edytora witryny (wrócimy do tego później).

Czy wiedziałeś? Możesz kopiować i wklejać wzory bloków na swojej stronie z oficjalnego katalogu WordPress.

Do czego może służyć zsynchronizowany wzorzec?

Funkcja zsynchronizowanego wzorca WordPress (początkowo nazywana blokiem wielokrotnego użytku) będzie dla Ciebie interesująca, jeśli jesteś przyzwyczajony do używania tej samej treści na kilku stronach lub postach w swojej witrynie.

Dzięki tej funkcji nie będziesz musiał ponownie tworzyć bloku za każdym razem, gdy dodasz nowy typ treści.

Aby pomóc ci zobaczyć rzeczy wyraźniej, oto kilka sytuacji, w których użycie zsynchronizowanego wzorca ma sens. Pomyśl o tym, jeśli chcesz dodać:

• Wkładka „Autor” na końcu wszystkich postów na blogu, z małym zdjęciem i krótkim tekstem wprowadzającym
• Linki do Twoich sieci społecznościowych na końcu postów na blogu, aby zachęcić czytelników do obserwowania Cię na tych platformach
• Wezwania do działania (CTA), aby zachęcić odwiedzających do wykonania określonej czynności, takiej jak subskrypcja biuletynu lub pobranie białej księgi
• Formularz kontaktowy w różnych strategicznych lokalizacjach, oprócz strony Kontakt. Można to zintegrować na przykład ze stroną Usługi i/lub Informacje.
• Formularz rezerwacji lub godziny otwarcia Twojej firmy w Twoich publikacjach
• Wstawki zawierające linki partnerskie do promowania produktów i usług, które polecasz swoim czytelnikom

Czy to jest dla ciebie dobre? W takim razie przejdźmy do dania głównego!

Jeśli korzystasz z Elementora , powinieneś wiedzieć, że ten kreator stron oferuje wtyczkę podobną do funkcji „zsynchronizowanego wzorca” oferowanej przez WordPress. Ta wtyczka, zwana Elementor Blocks for Gutenberg , umożliwia dodanie zestawu widżetów zmontowanych za pomocą Elementora bezpośrednio do strony lub artykułu .
W WPMarmite używamy go do naszych różnych wezwań do działania, takich jak ten, aby promować właśnie Elementora. Sprawdź to :

Zbuduj swoją stronę za pomocą Elementora

Z łatwością zaprojektuj wygląd i styl swojej witryny WordPress za pomocą słynnego narzędzia do tworzenia stron.

Wypróbuj Elementora

Jak stworzyć wzór blokowy w WordPress

Oto krok po kroku metoda tworzenia wzoru blokowego za pomocą zaledwie kilku kliknięć, bardzo prosto.

Na potrzeby tego samouczka posłużymy się praktycznym przykładem: tworzeniem wkładki z wezwaniem do działania.

Krok 1: Utwórz lub zmodyfikuj treść

Aby rozpocząć, dodaj nowy post, przechodząc do Posty > Dodaj nowy (możesz także zmodyfikować wybrany post lub stronę).

Nadaj swojej publikacji tytuł, a następnie dodaj wybrany tekst.

Krok 2: Utwórz wzór bloku WordPress

Aby stworzyć naszą wkładkę z wezwaniem do działania, musimy połączyć kilka bloków w jeden. Aby to zrobić, użyjemy bloku „Okładka” , który pozwala łatwo dodać obraz tła.

Możesz jednak również wybrać blok „Grupuj”, który pozwoli ci zgrupować kilka bloków w tym samym kontenerze.

Dodaj blok „Okładka” za pomocą wstawiania bloków w lewym górnym rogu strony:

Kliknij przycisk „Prześlij”, aby dodać wybrany obraz do tła. Na przykład znalazłem obraz w Unsplash, banku zdjęć nieobjętych tantiemami.

Kontynuuj, dodając wybrany tytuł, a następnie dostosuj go, przechodząc do ustawień bloku:

Teraz wystarczy dodać blok „Przycisk” do bloku „Baner”. Aby to zrobić, kliknij dowolne miejsce wewnątrz bloku „Baner”, aby pojawił się inserter, i dodaj blok „Przycisk”.

Dostosuj ten blok, tak jak dostosowałeś tytuł. Na przykład możesz zmienić rozmiar, kolor tła, marginesy, obramowania itp.

Oto ostateczny wynik, który otrzymasz:

Możesz oczywiście stworzyć wzór blokowy składający się tylko z jednego bloku. Proces jest dokładnie taki sam w przypadku wzoru blokowego złożonego z wielu bloków, z tym wyjątkiem, że tym razem dodajesz żądany blok (np. blok „Akapit”, blok „Tabela”, blok „obraz” itp.).

Krok 3: Zapisz wzór bloku

Gdy jesteś zadowolony z wyniku, kliknij blok „Baner”, aby wyświetlić ustawienia bloku (trzy małe kropki).

Kliknij na niego i wybierz opcję „Utwórz wzór”. Nazwij blok (np. „CTA Block”), a następnie kliknij „Zapisz”:

Brawo, Twój wzór bloku WordPress jest teraz zapisany i gotowy do użycia w wybranych publikacjach.

Dla Twojej informacji istnieje inna metoda dodawania wzorów bloków do witryny WordPress z edytora treści. Kiedy edytujesz post lub stronę, kliknij opcje strony (trzy małe kropki) w prawym górnym rogu. Następnie w sekcji „Narzędzia” wybierz „Zarządzaj wzorami”. W interfejsie, który zostanie otwarty, utwórz swój wzór, klikając przycisk „Utwórz wzór”:

Krok 4: Dodaj wzór bloku do publikacji

Teraz wyobraź sobie, że chcesz dodać wzór blokowy na końcu nowego posta na blogu.

Utwórz nowy post (już wiesz, co robić). Wybierz miejsce, w którym chcesz dodać wzór bloku. Możesz łatwo umieścić go na końcu publikacji, a nawet w środku treści.

Następnie przejdź do wstawiania bloków. W zakładce reprezentującej dwa nałożone romby (numer 2 na zrzucie ekranu poniżej) znajdziesz swoje zsynchronizowane wzory (początkowo nazywane blokami wielokrotnego użytku), podczas gdy zakładka „Wzory” (numer 1) wyświetla resztę dostępnych wzorów.

Tutaj znajdziesz (niezsynchronizowane) wzory, które utworzyłeś w pierwszej kategorii: „Moje wzory”. Następujące kategorie zawierają gotowe szablony, podzielone na różne kategorie: Tekst, Galeria, Nagłówki i tak dalej.

Po prostu kliknij wybrany wzór, aby dodać go do treści. Jeśli podoba Ci się ta funkcja wzoru i uznasz, że odpowiada ona Twoim potrzebom, wkrótce będziesz mieć listę, która może być całkiem pokaźna.

Przydatne będzie zarządzanie wzorami bloków na bieżąco, aby uporządkować je najlepiej, jak potrafisz.

Więcej opowiem w następnej sekcji.

Dołącz do subskrybentów WPMarmite

Zdobądź ostatnie posty WPMarmite (a także ekskluzywne zasoby).

ZAPISZ SIĘ TERAZ

Jak używać wzorców blokowych w WordPress

Jak zarządzać wzorcami bloków w administracji WordPress?

Aby jak najlepiej zarządzać wzorami bloków, przejdź do strony „Wzory”. Aby przejść do tego ekranu, możesz przejść do edytora treści i kliknąć przycisk „Zarządzaj moimi wzorami” w zakładce „Zsynchronizowane wzory” (początkowo nazywanej „Bloki wielokrotnego użytku”) narzędzia do wstawiania bloków:

Stamtąd lądujesz na liście wszystkich utworzonych wzorów bloków . Wymienione są w szczególności następujące elementy:

• Nazwa wzoru bloku
• Data utworzenia

Pamiętaj, że możesz również wybrać wyświetlanie daty lub nie, a także wybrać liczbę elementów na stronie, klikając „Opcje ekranu”:

Możesz wyświetlić działania, które można wykonać na każdym wzorcu, umieszczając kursor myszy nad nazwą wzorca, który chcesz zmodyfikować. Możesz:

• Zmodyfikuj wzór
• Usuń to (Kosz)
• Wyeksportuj go jako plik JSON , aby na przykład zaimportować go do innej witryny

Wreszcie, wybierając wiele wzorców bloków w WordPress, możesz podejmować działania zbiorcze. Można na przykład usunąć wiele wzorów bloków jednocześnie lub je edytować.

Ta ostatnia czynność pozwala na modyfikację stanu wzorców bloków, na przykład (publiczny, prywatny, oczekujący na przegląd lub wersja robocza).

Jak zarządzać wzorami bloków w Edytorze Witryny?

Możesz także zarządzać wszystkimi wzorami w Edytorze witryny (w menu Wygląd > Edytor ), w sekcji „Wzory”.

Są one podzielone na dwie odrębne kategorie: „Zsynchronizowane” i „Standardowe”.

W tym interfejsie możesz kliknąć trzy małe kropki pod wzorem bloku, aby:

• zmień nazwę
• zduplikuj to
• Usuń to

Aby zmodyfikować treść, kliknij swój wzór i wprowadź niezbędne zmiany.

Wniosek

W tym poście dowiedziałeś się o funkcji wzoru blokowego WordPress.

Wiesz już, jak tworzyć wzorce bloków i zarządzać nimi w swojej witrynie. Wykorzystaj tę wiedzę, jeśli chcesz utworzyć sekcje o identycznej treści w wielu miejscach w witrynie .

Zyskasz cenny czas, dbając jednocześnie o jednolitość wizualnej prezentacji swoich publikacji.

Czy używasz wzorców bloków na swojej stronie WordPress? Podziel się z nami swoją opinią i najlepszymi praktykami, zostawiając komentarz.