Pandify - porady jak projektować strony internetowe, darmowe materiały, liczne inspiracje web design.

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:

  1. Zainstalować bibliotekę Timber ACF WP Blocks
  2. 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.

Na podstawie www.wordpressowka.pl

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.

Maciek Palmowski

Jestem programistą - hobbystycznie i zawodowo (pracuję w OsomStudio). Kiedy jednak odejdę od klawiatury jeżdżę na rowerze, biegam albo gram w gry.

Bądź na bieżąco!

Jeżeli chcesz otrzymywać informacje o najnowszych wpisach na blogu Pandify.pl zapisz się do naszego newslettera za pomocą poniższego formularza. Obiecujemy nie wysyłać nic więcej.