Bloki

WordPress szybki blok – piszemy lepsze details

Wordpress posiada swój własny, wbudowany blok details. Ma on jednak pewne ograniczenia – możemy tam ładować tylko tekst. Nie możemy osadzać innych bloków, na przykład bloków z kodem. Napiszemy własny details, korzystając z tagów HTML5 oraz bloków zagnieżdżonych.
WordPress bloki – piszemy blok wewnętrzny do spisu treści

Przygotowujemy się do napisania naszego spisu treści od nowa – tym razem żadnych shortcodes ani innych „klasycznych” Wordpressowych rozwiązań tudzież adapterów pomiędzy klasycznymi a blokowymi czasami. Piszemy blok wewnętrzny (pojedynczy element spisu treści), który posiada tytuł, kotwicę, potrafi płynnie przechodzić do nagłówka oraz potrafi dynamicznie dodawać w edytorze nagłówek przy pomocy skryptu wp.data.
WordPress JS – moduł core/block-editor

Będziemy dodawać elementy wpisu z poziomu JavaScript w konsoli deweloperskiej (na stronie edycji/dodawania posta). Zabieramy się za temat ważny, który w dodatku nigdzie nie jest porządnie ani przystępnie dla początkujących opisany. Ci, który nauczyli się tego, mają to gdzieś (ewentualnie zrobili sobie cheatsheet, jeżeli jeszcze tego na pamięć nie znają) zaś inni mają po prostu…
WordPress API – używanie w blokach zewnętrznych i wewnętrznych API

Nauczymy się dzisiaj korzystać z zewnętrznego API w naszych własnych blokach Wordpressa. Ponadto nauczymy się tworzyć Wordpressowe bloki, które z Reacta (i wszystkich jego możliwości) korzystają zarówno w edycji jak i po zapisaniu, poznamy sposób na ich stylowanie. Nauczymy się również korzystać z wewnętrznego API Wordpressa.
WordPress projekt – piszemy blok Spis Treści

Piszemy plugin z dynamicznym blokiem dla spisu treści, zawierającym możliwość edycji, dodawania elementów (z podglądem w czasie rzeczywistym), wyświetlający spis treści (lista tytułów i odnośników do kotwicy), używający własnego shortcode do wyświetlania dynamicznej treści oraz posiadający własny skrypt, dzięki któremu przejścia do kotwic są płynne. Małe podsumowanie kliku poprzednich wpisów z kategorii Wordpress.
WordPress mini-projekt – blok zegar z Reactem i viewScript

Zanim przejdziemy do bardziej zaawansowanych projektów, chciałbym przybliżyć dwie istotne kwestie. Jedną z nich są podstawowe hooki Reacta, których możemy nie znać, jeżeli skupiamy się tylko na Wordpressie. Druga to przynajmniej podstawowe obsługiwanie atrybutu viewScript i pliku view.js służącego do frontendowego JS dla naszego bloku.
WordPress Media Inspector – plugin i blok

Piszemy dość praktyczny plugin, który pozwala nam wybrać obrazek i podejrzeć jego ID. Tworzymy blok dynamiczny oraz plugin z własną stroną dodaną w panelu admina, wyświetlającą obrazki oraz ich ID. Niezwykle przydatne, szybciej to napiszemy niż znajdziemy plugin do tego.
WordPress mini-projekt – blok obrazkowy z MediaUpload

Piszemy blok Wordpressa pozwalający na dodanie obrazka z użyciem MediaPlaceholder oraz bardziej zaawansowanej składni React. Wersja statyczna i dynamiczna.
WordPress mini-projekt – statyczny blok z tekstem

Piszemy statyczny blok Wordpressa pozwalający na wpisanie i zapisanie w nim jakiegoś tekstu wyświetlanego później na stronie.
WordPress mini-projekt – pierwszy dynamiczny blok

Podstawy tworzenia bloków w Wordpress – dynamiczny blok Copyright zawierający datę i nazwę witryny, tworzony przez JS dla edytora oraz PHP dla wyświetlania.