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…
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ść…
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.…
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,…
Jak stworzyć swój pierwszy blok Gutenberga w 15 minut jako developer PHP bez środowiska lokalnego
Pracujesz przy klasycznych motywach WordPressa? Chciałbyś w końcu zacząć tworzyć bloki? Każdy tutorial zniechęca Cię żmudnym procesem konfigurowania lokalnego środowiska? Dobrze trafiłeś! W tym wpisie stworzymy prosty blok WordPressa szybko, łatwo, i bez instalowania czegokolwiek. Bez zbędnych wstępów, wskoczmy od razu do kodu. Prosty blok Guteneberga w minutę Oto najprostszy możliwy blok Gutenberga: Możesz go wypróbować! Otwórz śmiało edytor postów w dowolnym WordPressie i wklej ten…
Jak zacząć tworzyć motywy blokowe (FSE) w 60 minut jako twórca motywów w PHP?
A więc chcesz zacząć swoją przygodę z Full Site Editingiem (w skrócie FSE) jako twórca klasycznych motywów opartych o PHP? Na początek muszę Cię zmartwić — nie będzie łatwo (i to nie wcale przez duże wymagania techniczne), ale nagroda, jaka czeka na wytrwałych, jest warta poświęcenia. Wróć do podstaw Pamiętasz swoje pierwsze podejścia do tworzenia klasycznych motywów w WordPressie? Rozpiera Cię duma, jak pomyślisz sobie o kodzie, który naklepałeś i kliknąłeś w panelu admina niebieski przycisk…