Twój koszyk jest obecnie pusty!
#Przedsprzedaż.
Tworzenie bloków Gutenberg z użyciem ChatGPT
Naucz się tworzyć własne bloki Gutenberg w WordPressie od podstaw!
Zamów w przedsprzedaży i zaoszczędź 700 zł!
Rewolucja Gutenberga już trwa.
Zdobądź niezbędne umiejętności.
Zwiększ produktywność
Twórz niestandardowe bloki Gutenberga, aby szybciej i efektywniej zarządzać treścią na swojej stronie WordPress.
Lepsza kontrola nad treścią
Zyskaj pełną kontrolę nad wyglądem i funkcjonalnością treści dzięki tworzeniu własnych bloków.
Większa elastyczność
Stwórz niestandardowe bloki do specyficznych zastosowań i dostosuj WordPress do swoich potrzeb.
Lepsza integracja
Zintegruj własne bloki z innymi funkcjami WordPressa dla lepszej wydajności i funkcjonalności.
Zwiększone bezpieczeństwo
Twórz własne bloki, aby zwiększyć bezpieczeństwo i kontrolę nad kodem źródłowym.
Rozwój umiejętności
Naucz się tworzyć bloki Gutenberga i rozwijaj swoje umiejętności programistyczne w nowoczesnych frameworku React.
Lepsza skalowalność
Twórz niestandardowe bloki, które łatwo skalują się wraz z rozwojem Twojej strony.
Większa konkurencyjność
Wyróżnij swoją stronę dzięki niestandardowym blokom Gutenberga i innowacyjnym rozwiązaniom.
Lepsza dostępność
Twórz bloki dostosowane do wymagań dostępności i SEO dla lepszego doświadczenia użytkowników.
Program kursu.
Tyle wiedzy w jednym kursie.
Darmowy MODUŁ
Konfiguracja środowiska i omówienie podstawowych plików
Moduł 1
Tworzenie statycznych bloków Gutenberg
Moduł 2
Lekcja 1: Co to są bloki statyczne w WordPressie?
Lekcja 2: Omówienie składni JSX
Lekcja 3: Obsługa natywnych funkcji (Block Supports API)
Lekcja 4: Selektory natywnych funkcji
Lekcja 5: Zagnieżdżanie bloków
Lekcja 6: Własne atrybuty bloku
Lekcja 7: Konteksty zagnieżdżonych bloków
Tworzenie dynamicznych bloków Gutenberg
Moduł 3
W opracowaniu…
Publikowanie bloków Gutenberg
Moduł 4
W opracowaniu…
FAQs.
Pytania są oznaką zainteresowania.
Dla kogo jest ten kurs?
Kurs jest idealny nie tylko dla web developerów tworzących strony na WordPress’ie, ale także dla programistów, którzy nie mieli wcześniej styczności z WordPressem czy Gutenbergiem i chcą rozwinąć swoje umiejętności.
Co muszę umieć, aby zrozumieć kurs?
Do tworzenia bloków Gutenberga jest niezbędna natomiast znajomość JavaScript. Bloki Gutenberga tworzone są w bibliotece React. W kursie omówimy podstawowe zagadnienia tej biblioteki, ale jeśli znasz React’a to Twoja nauka tworzenia bloków Gutenberga przebiegnie sprawniej i szybciej.
Dodatkowo, aby zrozumieć i wykorzystać wiedzę zawartą w kursie powinieneś znać HTML, CSS/SCSS oraz PHP (na poziomie rozumienia filtrów, haków etc.). Przyda się także podstawowa znajomość języka angielskiego. W kursie będziemy się posługiwać terminami, które przetłumaczone na język polski brzmią co najmniej… dziwacznie, dlatego będziemy ich używać w oryginalnej, angielskiej wersji.
Czy kurs jest aktualny?
Kurs został stworzony na podstawie WordPress’a w wersji 6.6.1. W kolejnych wersjach WordPress’a mogły zostać dodane nowe funkcje, które nie zostały uwzględnione w kursie. Dołożymy jednak wszelkich starań, aby aktualizować wiedzę i informacje zawarte w kursie, więc wykupując dostęp, będziesz mógł aktualizować swoją wiedzę z zakresu tworzenia bloków w Gutenbergu.
Lekcja 1: Przygotowanie środowiska developerskiego
CloseKonfiguracja środowiska do tworzenia bloków Gutenberga:
- Uruchomienie instancji WordPressa (rekomendacja użycia LocalWP).
Przygotowanie narzędzi:
- Instalacja Node.js i NPM.
- Skorzystanie z paczki @wordpress/create-block do tworzenia bloków.
Utworzenie pierwszego bloku:
- Przejście do katalogu wp-content/plugins w terminalu.
- Uruchomienie komendy npx @wordpress/create-block@latest w celu utworzenia bloku o nazwie „hello-world”.
Weryfikacja działania bloku:
- Aktywacja nowo utworzonej wtyczki w panelu WordPressa.
- Dodanie bloku „Hello World” do strony w edytorze Gutenberg.
Rozpoczęcie pracy nad blokiem:
- Przejście do katalogu bloku i uruchomienie komendy npm start w terminalu w celu monitorowania zmian.
- Sprawdzenie działania bloku na stronie i omówienie różnicy w wyglądzie w edytorze i na froncie.