Podczas 3-częściowej serii webinarów, skierowanych do osób zawodowo zajmujących się WordPressem, przyjrzymy się edytorowi blokowemu (AKA Gutenberg) z punktu widzenia programisty.
W pierwszej części serii przyjrzymy się jak edytor blokowy (AKA Gutenberg) działa „pod maską” – jako aplikacja React. Sprawdzimy co się dzieje gdy użytkownik wchodzi w interakcję z interfejsem Gutenberga, jak działa parser bloków, jak treść utworzona za pomocą bloków jest zapisywana do bazy danych oraz jakie mamy możliwości dostosowania interfejsu edytora blokowego do specyficznych potrzeb danego projektu. Na zakończenie zastanowimy się także, czego trzeba się nauczyć aby, jako programista, móc w pełni wykorzystać potencjał bloków w WordPressie.
W drugiej części przyjrzymy się motywowi Seedlet, który jest dobrym wzorem motywu wspierającego wszystkie funkcjonalności Gutenberga. Spojrzymy na arkusz stylów oparty o zmienne CSS oraz zobaczymy jak dodać własne style dla natywnych bloków WordPressa. Następnie przyjrzymy się wzorcom bloków (block patterns), które od niedawna pojawiły się w edytorze. Utworzymy kilka własnych wzorców i „wyklikamy” z nich landing page. Spróbujemy też zastanowić się czy w niedalekiej przyszłości wzorce mogłyby zastąpić kodowanie poszczególnych sekcji na stronie.
Podczas trzeciego webinaru z serii utworzymy własny blok, korzystając z oficjalnie wspieranego przez ekipę Gutenberga narzędzia – „@wordpress/create-block”. Za pomocą komponentu RichText dodamy do bloku edytor treści oraz przejrzymy inne kontrolki, które możemy dodawać do własnych bloków. Zastanowimy się też w jakich sytuacjach warto jest tworzyć własne bloki, a kiedy wystarczy utworzyć wzorzec bloków.