%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-898.94852%20452.44692%20-136.47744%20-271.16153%20340.9%20142.3)%22%2F%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M1357.5%2062.5l-1435%20765%201345%20100z%22%2F%3E%3Cellipse%20fill%3D%22%23fff%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(418.54848%20-182.65551%20113.1189%20259.20784%20500%202.5)%22%2F%3E%3Cellipse%20fill%3D%22%230b0b0b%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(982.76805%20-229.21218%2054.0051%20231.55177%20896.5%20757.1)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
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ść…
%22%20transform%3D%22matrix(6.25%200%200%206.25%203.1%203.1)%22%20fill-opacity%3D%22.5%22%3E%3Cellipse%20fill%3D%22%238d7462%22%20cx%3D%22126%22%20cy%3D%22163%22%20rx%3D%22100%22%20ry%3D%22100%22%2F%3E%3Cellipse%20fill%3D%22%236ebcff%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(16.88559%2049.74%20-100.97968%2034.2803%2015.3%2044)%22%2F%3E%3Cellipse%20fill%3D%22%2350a1e5%22%20cx%3D%22232%22%20cy%3D%2222%22%20rx%3D%2281%22%20ry%3D%2281%22%2F%3E%3Cellipse%20fill%3D%22%23bbb6cc%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-3.5%202665.3%20-1333.7)%20scale(70.9296%2018.66556)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
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.…
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%23010403%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(149.3%20608.3%20681)%20scale(715.12488%20391.24857)%22%2F%3E%3Cellipse%20fill%3D%22%23b9a1a9%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-342.39916%20161.16151%20-364.86569%20-775.18326%20238%20706.7)%22%2F%3E%3Cellipse%20fill%3D%22%23a8b5b0%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-90.33654%20-116.88183%20256.21969%20-198.02908%20161.6%20838)%22%2F%3E%3Cellipse%20fill%3D%22%23c9527a%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(157.7232%20-59.72883%2091.7109%20242.17681%2064.9%20394.8)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
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,…
%27%20fill-opacity%3D%27.5%27%3E%3Cellipse%20fill%3D%22%2300aefb%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(-77.50792%20247.32807%20-755.93727%20-236.89638%20219.6%201025.9)%22%2F%3E%3Cellipse%20fill%3D%22%23ff6300%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(-12.9%201157.5%20-1706.4)%20scale(791.43448%20337.40679)%22%2F%3E%3Cellipse%20fill%3D%22%23a90000%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22rotate(4.5%20-310%206152.2)%20scale(792.1875%20136.12208)%22%2F%3E%3Cellipse%20fill%3D%22%23d2ca00%22%20fill-opacity%3D%22.5%22%20rx%3D%221%22%20ry%3D%221%22%20transform%3D%22matrix(386.477%20-31.0952%2019.58233%20243.3855%20291.8%20435)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
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…



