Pluginy

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 mini-plugin – tooltip shortcode

Piszemy mini-plugin dodający tooltipy w CSS oraz własny shortcode, który nam te tooltipy generuje. Bardzo prosty, łatwy plugin, wręcz drobne ćwiczenie w porównaniu z tym, co już robiliśmy, a zarazem rzecz bardzo praktyczna i świetne utrwalenie poznanych już jakiś czas temu umiejętności.
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 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.