Akademia Gutenberga

Autor: Dawid Urbański

  • Jak skonfigurować kompletne lokalne środowisko developerskie pod WordPressa i Gutenberga?
    ,

    Jak skonfigurować kompletne lokalne środowisko developerskie pod WordPressa i Gutenberga?

    W wielu wpisach na Akademii Gutenberga pokazujemy jak zacząć zabawę z Gutenbergiem bez własnego środowiska lokalnego. Nie jest to jednak możliwe na dłuższą metę. W pewnym momencie musimy zacząć pisać kod, w sposób jaki robią to profesjonaliści. Tworząc własne bloki do Gutenberga, większość czasu spędzisz pisząc nowoczesny JavaScript (ES6+). To wiąże się z koniecznością dodatkowego kroku: transpilacji. Kod który będziemy pisać musi być przerobiony na kod ES5, który rozumie przeglądarka. No dobrze, ale czego…

    Dawid Urbański

  • Bloki Gutenberga: statyczne kontra dynamiczne. Jaka jest różnica?
    ,

    Bloki Gutenberga: statyczne kontra dynamiczne. Jaka jest różnica?

    Od początku istnienia Gutenberga mamy możliwość wyboru między dwoma typami bloków: statycznymi i dynamicznymi. Jedyna różnica między nimi to sposób w jaki renderują one treść na froncie strony (poza edytorem). Jak zawsze, bez dalszego wstępu wyjaśnimy na przykładach jak działają oba typy bloków oraz kiedy używać danego z nich. Bloki statyczne Blok statyczny to taki blok w którym raz zapisana treść nie zmienia się między kolejnymi wyświetleniami bloku dopóki ta treść…

    Dawid Urbański

  • Jak w mniej niż 10 minut stworzyć własną wtyczkę do Gutenberga dodającą nowe bloki?
    , ,

    Jak w mniej niż 10 minut stworzyć własną wtyczkę do Gutenberga dodającą nowe bloki?

    Mamy tylko 10 minut więc bez zbędnego wstępu przejdźmy do konkretów! W tym wpisie zakładam że masz już dostępną działającą instalację WordPress, na przykład lokalnie na swoim komputerze. Sposób w jaki uruchamiasz WordPressa nie ma znaczenia. Do dzieła, zaraz stworzymy własną wtyczkę do Gutenberga! Ręczne tworzenie wtyczki Mimo że mamy niewiele czasu to jesteśmy w stanie utworzyć wszystkie niezbędne pliki ręcznie bez większego wysiłku. Na początek załóżmy że nasz plugin dodaje tylko jeden blok Gutenberga.…

    Dawid Urbański

  • Wszystko co musisz wiedzieć o React w kontekście pisania własnych bloków Gutenberga
    , ,

    Wszystko co musisz wiedzieć o React w kontekście pisania własnych bloków Gutenberga

    Do tej pory developerzy WordPress byli przyzwyczajeni do konkretnego zestawu technologii do tworzenia zarówno motywów jak i wtyczek do WordPressa. Wiedza o PHP, HTML i odrobina JavaScriptu (a czasem jQuery) w zupełności wystarczała aby wykonać większość zadań związanych z niestandardowym developmentem WP. Wraz z wprowadzeniem w WordPress 5.9 nowego edytora Gutenberg, otrzymaliśmy mała rewolucję w wyżej wymienionym zestawie. Mowa oczywiście o React w którym sam Gutenberg jest napisany. Czy muszę znać React? Teoretycznie,…

    Dawid Urbański