10. Gutenberg

Gutenberg – edytor blokowy

#Edytor #Gutenberg zastąpił klasyczny edytor i wprowadził nowatorski system bloków.

To obecnie najpotężniejsze narzędzie do tworzenia treści w WordPressie.


10.1. Czym jest edytor blokowy?

Każdy element treści to blok, np.:

  • nagłówek
  • akapit
  • lista
  • obraz
  • mapa
  • galeria
  • embed
  • przycisk
  • kolumny
  • grupa

Bloki można:

  • przesuwać
  • zapisywać jako wzory
  • przegrupowywać
  • stylować
  • łączyć

10.2. Najważniejsze bloki Gutenberg

Tekstowe

  • Paragraf
  • Nagłówek
  • Cytat
  • Wyróżniony tekst

Media

  • Obraz
  • Galeria
  • Media + tekst
  • Wideo
  • Plik do pobrania

Strukturalne

  • Kolumny
  • Wiersz (Row)
  • Grupa
  • Stack

Interaktywne

  • Przycisk
  • Formularz (z odpowiednią wtyczką)
  • Embed YouTube / Facebook / TikTok

10.3. Bloki zaawansowane

#WordPress z biegiem lat dodał kolejne bloki i style:

  • bloki wzorów (patterns)
  • motywy blokowe (full site editing)
  • style globalne w theme.json
  • blok „Navigation” – ciężka rewolucja w menu

10.4. Zapis treści w bazie

Treści z Gutenberga są zapisywane jako HTML + komentarze JSON:

1
2
3
<!-- wp:paragraph -->
<p>To jest akapit.</p>
<!-- /wp:paragraph -->

Dzięki temu:

  • inne systemy mogą je parsować,
  • motywy mogą być stylowane globalnie.

Powrót do Spisu Tematów – Biblia WordPress

error: Treść jest chroniona !!

Arnold Basiński

Komputerowka.pl

Versja: 1.0.1

komputerówka.pl | Radość programowania

Napisz wiadomość

Smok Heighwaya | Klasówki i Kartkóki online
Krzywa Hilberta | Kartkówki i Klasówki online
Dywan Sierpińskiego | Kartkówki i Klasówki online
Drzewo Pitagorada | Kartkówki i Klasówki online
FRaktale Juli | Klasówki i Kartkówki online
Zbiór Mandelbrota | Klasówki i kartkówki online
Trojkat Sierpińskiego | Kartkówki i klasówki online
Płatek Kocha | Kartkówki i klasówki online