WordPress

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 plugin – podstawy pisania pluginów

Nauczymy się kilku przydatnych umiejętności przy pisaniu pluginów. Dodamy własne kolumny do zakładek postów i mediów, dodamy własny przycisk do paska administracyjnego, nauczymy się dodawać różne skrypty JavaScript z poziomu pluginu tylko wtedy, gdy tego potrzebujemy.
WordPress mini-projekt – short-code dla komponentu Spis treści

Zbliżamy się wielkimi krokami do napisania bloku spis treści pozwalającego na dodawanie spisu treści (razem z linkami) do naszych postów na Wordpressie. Tym razem zbudujemy grunt pod ten projekt tworząc shortcode, który treść przekazaną w odpowiednim formacie zamienia na spis treści właśnie.
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 Plugin – źródło obrazka

Piszemy plugin pozwalający nam dodać źródło obrazka dla obrazków wyświetlanych na stronie. Nauczymy się pisać pluginy, korzystać z tzw. meta-boxes i meta-properties oraz przede wszystkim z bardzo ważnego mechanizmu Wordpressa jakim są akcje oraz filtry. Ponadto nasz plugin wyposażymy w funkcjonalność sprawiającą, że obrazek jest jednocześnie linkiem do posta.
WordPress Shortcode API – pierwsze kroki, pierwszy plugin

Korzystamy z Shortcode API – piszemy własne shortcodes używające atrybutów i contentu, pozwalające na zagnieżdżanie. Podstawy niezwykle ważnego API Wordpressa.
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.