{"id":14823,"date":"2023-05-09T11:36:44","date_gmt":"2023-05-09T09:36:44","guid":{"rendered":"https:\/\/www.lh.pl\/pomoc\/?p=14823"},"modified":"2023-06-02T09:53:57","modified_gmt":"2023-06-02T07:53:57","slug":"bloki-gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/www.lh.pl\/pomoc\/bloki-gutenberg-wordpress\/","title":{"rendered":"Czym s\u0105 bloki w edytorze Gutenberg w WordPressie?"},"content":{"rendered":"\n
\"Napis<\/figure>\n\n\n\n

Gutenberg<\/a> to edytor tre\u015bci dost\u0119pny w WordPressie<\/a>, kt\u00f3ry zosta\u0142 wprowadzony w wersji WordPress 5.0. Na pocz\u0105tku dost\u0119pny by\u0142 w formie wtyczki, jednak tw\u00f3rcy WordPressa postanowili, \u017ce narz\u0119dzie zostanie wbudowane w WordPressa i b\u0119dzie stanowi\u0107 g\u0142\u00f3wny edytor tre\u015bci. Gutenberg pozwoli\u0142 na tworzenie tre\u015bci przy u\u017cyciu blok\u00f3w, kt\u00f3re zast\u0105pi\u0142y tradycyjne pole tekstowe dost\u0119pne w klasycznym edytorze tre\u015bci WordPress. Bloki to z\u0142o\u017cone elementy, kt\u00f3re poza edycj\u0105 tre\u015bci mo\u017cna dowolnie konfigurowa\u0107. Sprawd\u017a poni\u017cszy artyku\u0142 i dowiedz si\u0119, czym s\u0105 bloki Gutenberga i dlaczego warto ich u\u017cywa\u0107 w codziennej pracy. <\/p>\n\n\n\n\n\n\n\n

Czym s\u0105 bloki w edytorze Gutenberg?<\/h2>\n\n\n\n

Bloki w edytorze Gutenberg to elementy, kt\u00f3re mo\u017cna wype\u0142ni\u0107 tre\u015bciami i umie\u015bci\u0107 na podstronie Twojej strony WWW lub wpisie blogowym. Najpro\u015bciej m\u00f3wi\u0105c, s\u0105 to klocki, z kt\u00f3rych mo\u017cesz zbudowa\u0107 od zera stron\u0119 lub wpis. Bloki dost\u0119pne w edytorze tre\u015bci WordPress pozwalaj\u0105 doda\u0107 zar\u00f3wno tekst, jak i obrazy, ale r\u00f3wnie\u017c elementy dynamiczne, takie jak materia\u0142y wideo lub formularze. Dzi\u0119ki wykorzystaniu blok\u00f3w WordPress tworzenie witryn internetowych jest \u0142atwiejsze i bardziej intuicyjne, ni\u017c w przypadku budowania strony przy u\u017cyciu kodu HTML. <\/p>\n\n\n\n

\"Widok
Widok listy blok\u00f3w dost\u0119pnych domy\u015blnie w edytorze Gutenberg (sekcja Tekst<\/strong>)<\/figcaption><\/figure>\n\n\n\n

Gutenberg posiada wiele wbudowanych domy\u015blnie blok\u00f3w, kt\u00f3re pozwol\u0105 stworzy\u0107 struktur\u0119 Twojej strony, uzupe\u0142ni\u0107 j\u0105 tre\u015bciami i dostosowa\u0107 konfiguracj\u0119 poszczeg\u00f3lnych blok\u00f3w. W\u015br\u00f3d popularnych blok\u00f3w dost\u0119pnych w edytorze blokowym WordPress znajdziesz m.in. bloki tekstowe, takie jak Akapit <\/strong>i Nag\u0142\u00f3wek<\/strong>. Pierwszy z nich pozwala utworzy\u0107 bloki tekstowe, natomiast drugi pozwala na dodanie blok\u00f3w z nag\u0142\u00f3wkami, co pozwala na utworzenie struktury tekstu na stronie WWW. W\u015br\u00f3d popularnych blok\u00f3w warto wymieni\u0107 r\u00f3wnie\u017c bloki Obrazek<\/strong> oraz Film<\/strong>, przy u\u017cyciu kt\u00f3rych mo\u017cesz dodawa\u0107 tre\u015bci multimedialne do stron internetowych. Wszystkie bloki dost\u0119pne w Gutenbergu mo\u017cesz dowolnie dostosowa\u0107 i edytowa\u0107, dzi\u0119ki czemu z \u0142atwo\u015bci\u0105 dostosujesz dodawane bloki do w\u0142asnych potrzeb. <\/p>\n\n\n\n

Zarz\u0105dzanie blokami edytora Gutenberg WordPress<\/h2>\n\n\n\n

Bloki edytora tre\u015bci WordPress Gutenberg, pozwalaj\u0105 na swobodne zarz\u0105dzanie nimi, dodawanie ich do stron<\/a> i wpis\u00f3w, zaawansowan\u0105 edycj\u0119 parametr\u00f3w bloku (zwi\u0105zanych zar\u00f3wno z funkcjonalno\u015bci\u0105, jak i wygl\u0105dem bloku), formatowanie oraz usuwanie blok\u00f3w. Co ciekawe u\u017cytkownik po utworzeniu i ustawieniu konfiguracji bloku mo\u017ce go powieli\u0107 lub zapisa\u0107 do p\u00f3\u017aniejszego wykorzystania. <\/p>\n\n\n\n

\"Blok
Blok obrazek<\/strong> domy\u015blnie dost\u0119pny w edytorze Gutenberg<\/figcaption><\/figure>\n\n\n\n

Ju\u017c po zako\u0144czeniu instalacji CMS WordPress na Twoim hostingu otrzymujesz zainstalowanego edytora blok\u00f3w Gutenberg wraz z du\u017c\u0105 ilo\u015bci\u0105 blok\u00f3w. Je\u015bli jednak potrzebujesz bloku, kt\u00f3ry nie jest domy\u015blnie wbudowany w edytor tre\u015bci mo\u017cesz skorzysta\u0107 z jednej z wtyczek Gutenberg Blocks<\/strong>. Takie wtyczki dost\u0119pne s\u0105 m.in. w oficjalnym repozytorium wtyczek WordPressa i oferuj\u0105 przygotowane przez autora wtyczki niestandardowe bloki, kt\u00f3re pozwalaj\u0105 rozszerzy\u0107 mo\u017cliwo\u015bci Gutenberga dost\u0119pnego po instalacji WordPress. Dzi\u0119ki nowym blokom oferowanym po instalacji pluginu otrzymujesz dost\u0119p do nowych funkcji, niedost\u0119pnych domy\u015blnie. <\/p>\n\n\n\n

\"Przyk\u0142ady
Przyk\u0142ady wtyczek oferuj\u0105cych niestandardowe bloki Gutenberga dost\u0119pne w oficjalnym repozytorium wtyczek WordPress<\/figcaption><\/figure>\n\n\n\n

Przyk\u0142ady blok\u00f3w dost\u0119pnych w Gutenbergu<\/h2>\n\n\n\n

Tak, jak wspomnia\u0142em, w edytorze blokowym dost\u0119pnym w WordPressie znajdziesz wiele domy\u015blnie wbudowanych blok\u00f3w, kt\u00f3re pozwol\u0105 Ci z \u0142atwo\u015bci\u0105 zbudowa\u0107 funkcjonaln\u0105 witryn\u0119. Bloki podzielone s\u0105 na sekcje zwi\u0105zane z funkcjonalno\u015bci\u0105, np. bloki dost\u0119pne w sekcji Tekst<\/strong> pozwalaj\u0105 na dodanie element\u00f3w tekstowych do strony WWW, za\u015b te dost\u0119pne w sekcji Wygl\u0105d<\/strong> odpowiadaj\u0105 za stworzenie struktury strony. <\/p>\n\n\n\n

W\u015br\u00f3d najpopularniejszych blok\u00f3w warto wymieni\u0107:<\/p>\n\n\n\n