Prostszy sposób na Gutenberga przy użyciu ACF Blocks
Artykuł pojawił się 05.06.2019, autorem jest Maciek Palmowski i wpadł do kategorii WordPress
Jakiś czas temu popełniłem wpis o ACF Blocks i Timberze. Teraz opiszę jak w łatwiejszy sposób zbudować własne bloki Gutenberg przy użyciu tych dwóch narzędzi.
Przygotowanie
Nim zabierzemy się za bloki Gutenberga musimy zrobić dwie rzeczy:
- Zainstalować bibliotekę Timber ACF WP Blocks
- Stworzyć w swoim motywie katalog
views/blocks
To pierwsze najprościej zrobić zgodnie z instrukcją czyli za pomocą composera.
W przypadku drugiego punktu możemy zmienić ten folder za pomocą filtru timber/acf-gutenberg-blocks-templates.
Czas na tworzenie bloku
W katalogu views/blocks tworzymy plik twig (w moim przykładzie owl-link.twig) i na górze tego pliku umieszczamy dodatkowy komentarz. Komentarz ten jest bardzo ważny ponieważ to własnie dzięki niemu rejestrowane są bloki (dane z niego przekazywane są do acf_register_block_type).
Oczywiście opcje możemy dobrać zgodnie z tymi dostępnymi na stronie dokumentacji.
Teraz pozostaje nam już tylko ustawić w opcjach Advanced Custom Fileds jedną rzecz:
W praktyce…
Po poprawnym zarejestrowaniu bloku za pomocą powyższej metody, w panelu administracyjnym, w edycji naszego wpisu otrzymamy do wyboru nowy blok. Tak wygląda jego edycja na podstawie powyższego przykładu.
Podsumowanie
Jak widzicie ten artykuł jest bardzo krótki i konkretny, ale dzięki bibliotece Timber ACF WP Blocks tworzenie kolejnych bloków zostało uproszczone chyba już do granic możliwości.
Powyższe rozwiązanie jest skierowane na Timbera, ale istnieje też wersja dla Blade oraz Sage 9.
