{"id":223,"date":"2025-05-21T18:36:02","date_gmt":"2025-05-21T16:36:02","guid":{"rendered":"http:\/\/16000km.pl\/?p=223"},"modified":"2025-05-21T18:36:04","modified_gmt":"2025-05-21T16:36:04","slug":"witamy-w-edytorze-gutenberg","status":"publish","type":"post","link":"https:\/\/16000km.pl\/?p=223","title":{"rendered":"Witamy w edytorze Gutenberg"},"content":{"rendered":"\n
<\/span>
\n

G\u00f3r i pras drukarskich<\/p>\n<\/div><\/div>\n\n\n\n

Celem tego nowego edytora jest to, by wprowadzanie bogatych tre\u015bci do WordPress sta\u0142o si\u0119 proste i przyjemne. Ca\u0142y ten wpis sk\u0142ada si\u0119 z kawa\u0142k\u00f3w tre\u015bci<\/em>\u2014troch\u0119 podobnych do klock\u00f3w LEGO\u2014kt\u00f3re mo\u017cna porusza\u0107 i z kt\u00f3rymi mo\u017cna wchodzi\u0107 w interakcj\u0119. Porusz kursorem, a zobaczysz, \u017ce w r\u00f3\u017cnych blokach pod\u015bwietlaj\u0105 si\u0119 strza\u0142ki i kontury. Kliknij jedn\u0105 ze strza\u0142ek, aby szybko zmieni\u0107 pozycj\u0119 bloku, bez obawy, \u017ce stracisz co\u015b podczas kopiowania i wklejania.<\/p>\n\n\n\n

Wszystko co teraz czytasz, to blok tekstu<\/strong> najbardziej podstawowy blok ze wszystkich. Ten blok ma swoje w\u0142asne elementy steruj\u0105ce, kt\u00f3re umo\u017cliwiaj\u0105 jego swobodne przemieszczanie wewn\u0105trz wpisu…<\/p>\n\n\n\n

… jak ten, wyr\u00f3wnany do prawej.<\/p>\n\n\n\n

Nag\u0142\u00f3wki s\u0105 r\u00f3wnie\u017c osobnymi blokami, co pomaga w planowaniu i organizacji tre\u015bci.<\/p>\n\n\n\n

Jeden obraz jest wart tysi\u0105ca s\u0142\u00f3w<\/h2>\n\n\n\n

G\u0142\u00f3wnym celem nowego edytora jest obs\u0142uga obrazk\u00f3w i multimedi\u00f3w z najwy\u017csz\u0105 staranno\u015bci\u0105. Mamy nadziej\u0119, \u017ce funkcjonalno\u015bci dodawania podpis\u00f3w i powi\u0119kszania na ca\u0142\u0105 szeroko\u015b\u0107 kolumny s\u0105 teraz znacznie prostsze i szybsze w u\u017cyciu ni\u017c to by\u0142o wcze\u015bniej.<\/p>\n\n\n\n

\"Pi\u0119kny\n\t
Je\u015bli u\u017cywany motyw go obs\u0142uguje, zobaczysz przycisk \u201eszeroki\u201d na pasku narz\u0119dzi obrazu. Mo\u017ce warto spr\u00f3bowa\u0107?<\/figcaption>\n<\/figure>\n\n\n\n

Spr\u00f3buj wybra\u0107 i usun\u0105\u0107 lub zmodyfikowa\u0107 podpis pod obrazkiem. Teraz nie musisz ju\u017c uwa\u017ca\u0107, aby przez nieumy\u015blne wybranie innego elementu nie zrujnowa\u0107 uk\u0142adu wpisu.<\/p>\n\n\n\n

Przycisk Inserter<\/em><\/h2>\n\n\n\n

Wyobra\u017a sobie, \u017ce wszystko, co WordPress mo\u017ce zrobi\u0107, jest dost\u0119pne szybko w jednym miejscu. Nie trzeba wymy\u015bla\u0107 znacznik\u00f3w HTML, klas ani pami\u0119ta\u0107 skomplikowanej sk\u0142adni shortcode’\u00f3w. Taka idea stoi za przyciskiem (+)<\/code> widocznym w edytorze. Umo\u017cliwia przegl\u0105danie oraz dodawanie do wpis\u00f3w wszystkich dost\u0119pnych rodzaj\u00f3w blok\u00f3w. Wtyczki i motywy s\u0105 w stanie zarejestrowa\u0107 w\u0142asne bloki, otwieraj\u0105c szerokie mo\u017cliwo\u015bci urozmaiconej edycji i publikowania.<\/p>\n\n\n\n

Spr\u00f3buj. By\u0107 mo\u017ce odkryjesz nieznane elementy, kt\u00f3re WordPress potrafi doda\u0107 do wpis\u00f3w. Oto kr\u00f3tka lista tego, co obecnie mo\u017cna znale\u017a\u0107:<\/p>\n\n\n\n

    \n\t\n\t
  • Tekst i nag\u0142\u00f3wki<\/li>\n\t\n\t\n\t
  • Obrazki i filmy<\/li>\n\t\n\t\n\t
  • Galerie<\/li>\n\t\n\t\n\t
  • Osadzenia, jak YouTube, Tweety, albo inne wpisy z WordPressa.<\/li>\n\t\n\t\n\t
  • Bloki uk\u0142adu, takie jak Przyciski, Obrazki hero, Separatory itp.<\/li>\n\t\n\t\n\t
  • I listy<\/em> tak jak ta oczywi\u015bcie \ud83d\ude42<\/li>\n\t\n<\/ul>\n\n\n\n
    \n\n\n\n

    Edycja wizualna<\/h2>\n\n\n\n

    Ogromn\u0105 zalet\u0105 blok\u00f3w jest to, \u017ce mo\u017cna je edytowa\u0107 bezpo\u015brednio. Zamiast dodatkowych p\u00f3l edycji, takich jak \u017ar\u00f3d\u0142o cytatu lub tekst przycisku, mo\u017cna na miejscu modyfikowa\u0107 zawarto\u015b\u0107. Spr\u00f3buj zmieni\u0107 poni\u017cszy cytat:<\/p>\n\n\n\n

    \n\t\n\t

    Edytor b\u0119dzie d\u0105\u017cy\u0142 do ulepszania sposobu budowy stron i wpis\u00f3w tak by przy minimalnym wysi\u0142ku pozwala\u0107 na komponowanie bardzo urozmaiconych tre\u015bci. Tak powsta\u0142y \u201ebloki\u201d zast\u0119puj\u0105ce shortcody, w\u0142asne wstawki HTML czy \u201emistyczne\u201d osadzane odkrycia.<\/p>\n\t\n\tMatt Mullenweg, 2017<\/cite>\n<\/blockquote>\n\n\n\n

    Informacja odpowiadaj\u0105ca \u017ar\u00f3d\u0142u cytatu jest oddzielnym polem tekstowym, podobnym do podpis\u00f3w pod obrazkami, wi\u0119c struktura cytatu jest chroniona nawet je\u015bli wybrano, zmieniono lub usuni\u0119to \u017ar\u00f3d\u0142o. Zawsze \u0142atwo jest je doda\u0107 ponownie.<\/p>\n\n\n\n

    Bloki mog\u0105 by\u0107 wszystkim, czego potrzeba. Na przyk\u0142ad mo\u017cna chcie\u0107 doda\u0107 stonowany lub gigantyczny i stylizowany cytat jako cz\u0119\u015b\u0107 kompozycji tekstu. Wszystkie opcje dost\u0119pne s\u0105 w inserterze.<\/p>\n\n\n\n

    \n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n<\/figure>\n\n\n\n

    Liczb\u0119 kolumn w galeriach mo\u017cna zmienia\u0107 przeci\u0105gaj\u0105c suwak znajduj\u0105cy si\u0119 w panelu bocznym w ustawieniach bloku.<\/p>\n\n\n\n

    Bogaty w media<\/h2>\n\n\n\n

    Je\u015bli po\u0142\u0105czono nowe wyr\u00f3wnywanie szerokie<\/strong> oraz pe\u0142na szeroko\u015b\u0107<\/strong> z galeriami, mo\u017cna bardzo szybko utworzy\u0107 uk\u0142ad bogaty w media:<\/p>\n\n\n\n

    \"Dost\u0119pno\u015b\u0107<\/figure>\n\n\n\n

    Pewnie, obrazek o pe\u0142nej szeroko\u015bci mo\u017ce by\u0107 odrobin\u0119 du\u017cy. Czasami jednak jest tego warty.<\/p>\n\n\n\n

    \n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n<\/figure>\n\n\n\n

    Powy\u017cej jest galeria z tylko dwoma obrazami. To \u0142atwiejszy spos\u00f3b tworzenia wizualnie atrakcyjnych uk\u0142ad\u00f3w, bez konieczno\u015bci radzenia sobie z elementami p\u0142ywaj\u0105cymi. Mo\u017cna r\u00f3wnie\u017c \u0142atwo zmieni\u0107 galeri\u0119 na poszczeg\u00f3lne obrazy, u\u017cywaj\u0105c prze\u0142\u0105cznika blok\u00f3w.<\/p>\n\n\n\n

    Ka\u017cdy blok mo\u017cna wyr\u00f3wna\u0107 w wybrany spos\u00f3b. Blok osadzenia r\u00f3wnie\u017c posiada te wyr\u00f3wnania i jest domy\u015blnie responsywny.<\/p>\n\n\n\n

    \n