{"id":369439,"date":"2023-04-04T09:55:00","date_gmt":"2023-04-04T06:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369439"},"modified":"2023-04-04T09:55:23","modified_gmt":"2023-04-04T06:55:23","slug":"krotkie-wprowadzenie-do-wordpressa-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/krotkie-wprowadzenie-do-wordpressa-gutenberg\/","title":{"rendered":"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg"},"content":{"rendered":"\n<p>Edytor klasyczny to co\u015b, do czego przyzwyczaili\u015bmy si\u0119 wszyscy u\u017cytkownicy WordPressa. Edytor klasyczny by\u0142 czym\u015b wi\u0119cej ni\u017c nawykiem \u2013 to co\u015b, co dobrze znali\u015bmy i rozumieli\u015bmy. By\u0142o stare pole tytu\u0142u, pole tre\u015bci, pole do wstawiania kr\u00f3tkich kod\u00f3w. Po naszej prawej stronie wszystkie dost\u0119pne opcje strony \u2013 Status, Widoczno\u015b\u0107 i tak dalej.<\/p>\n<p>Nagle czeka nas powa\u017cna zmiana. Na pierwszy rzut oka WordPress Gutenberg nie wydaje si\u0119 wcale edytorem. Gdzie s\u0105 wszystkie nasze opcje? Gdzie piszemy tekst? Co jest z tytu\u0142em? Tak, zmiany s\u0105 trudne. Ale cz\u0119sto zmiany przynosz\u0105 popraw\u0119. Gutenberg zosta\u0142 stworzony w celu u\u0142atwienia u\u017cytkownikom pracy z WordPressem. To zdecydowanie zmiana warta przyj\u0119cia.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Na pierwszy rzut oka<\/h2>\n<p>Rzu\u0107my okiem na nowy edytor. Na pocz\u0105tku nie przypomina niczego, co widzieli\u015bmy lub u\u017cywali\u015bmy wcze\u015bniej. Ale przyjrzyj si\u0119 bli\u017cej, a przekonasz si\u0119, \u017ce jest to do\u015b\u0107 intuicyjne i \u0142atwe w u\u017cyciu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>Pierwsz\u0105 rzecz\u0105, jak\u0105 zauwa\u017camy, jest to, \u017ce tytu\u0142 nie jest ju\u017c osobnym polem. Zamiast tego mamy teraz pojedynczy obszar roboczy, kt\u00f3ry wy\u015bwietla jego cz\u0119\u015bci jako kontinuum.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<h2>O co chodzi z blokami?<\/h2>\n<p>WordPress Gutenberg opiera si\u0119 na koncepcji blok\u00f3w. Jednym z cel\u00f3w tego podej\u015bcia by\u0142o zapewnienie ci\u0105g\u0142o\u015bci w sposobie tworzenia klasycznych element\u00f3w tre\u015bci. Mo\u017cemy uzyska\u0107 bardzo indywidualne i zupe\u0142nie inne wyniki, ale robimy to w ten sam spos\u00f3b, tworz\u0105c bloki. Zapewnia to bezpiecze\u0144stwo, stabilno\u015b\u0107 i ostatecznie skalowalno\u015b\u0107 WordPressa jako platformy i jako ca\u0142o\u015bci.<\/p>\n<p>Ale czym w\u0142a\u015bciwie s\u0105 te klocki? M\u00f3wi\u0105c pro\u015bciej, nowy edytor zast\u0119puje stare pojedyncze pole edycyjne mn\u00f3stwem nowych, pojedynczych blok\u00f3w. Blok mo\u017ce oznacza\u0107 wiele rzeczy. Blok tre\u015bci \u2013 zwyk\u0142y tekst, obrazy, filmy, ale tak\u017ce wid\u017cet, przycisk, tabela i tak dalej.<\/p>\n<h2>Zarz\u0105dzanie blokami<\/h2>\n<p>Przyjrzyjmy si\u0119 teraz, jak dodajemy te <a href=\"https:\/\/themewp.inform.click\/pl\/wyjasnienie-nowych-blokow-wordpressa-gutenberga\/\" title=\"bloki w WordPress Gutenberg\">bloki w WordPress Gutenberg<\/a>. Dobrzy ludzie WordPressa podzielili je na zgrabne kategorie dla naszej wygody i \u0142atwiejszego poruszania si\u0119. Mo\u017cesz przegl\u0105da\u0107 te kategorie lub po prostu u\u017cy\u0107 nazwy bloku, kt\u00f3rego chcesz u\u017cy\u0107, je\u015bli j\u0105 znasz, wpisuj\u0105c j\u0105 jako \/name.<\/p>\n<p>Istniej\u0105 r\u00f3\u017cne sposoby dodawania blok\u00f3w. Na przyk\u0142ad mo\u017cesz u\u017cy\u0107 ma\u0142ego znaku plus w lewej g\u00f3rnej cz\u0119\u015bci edytora.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>Stare dobre cofnij i pon\u00f3w znajduj\u0105 si\u0119 tu\u017c obok.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>Przydatn\u0105 nowo\u015bci\u0105 jest tutaj przycisk Info, kt\u00f3ry wy\u015bwietla struktur\u0119 tre\u015bci naszego posta. Pokazuje, ile s\u0142\u00f3w, nag\u0142\u00f3wk\u00f3w, akapit\u00f3w i blok\u00f3w mamy w naszym po\u015bcie i pomaga nam \u015bledzi\u0107 nasz\u0105 struktur\u0119 tre\u015bci.<\/p>\n<p>Zawsze jest jeden pusty blok, kt\u00f3ry znajduje si\u0119 tam przed wstawieniem jakiejkolwiek tre\u015bci. Ten blok jest tam domy\u015blnie, podobnie jak blok tytu\u0142owy.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>Kolejn\u0105 bardzo przydatn\u0105 rzecz\u0105, kt\u00f3rej wcze\u015bniej nie mieli\u015bmy, jest nawigacja po blokach, r\u00f3wnie\u017c znajduj\u0105ca si\u0119 w lewym g\u00f3rnym pasku menu.<\/p>\n<p>Pokazuje struktur\u0119 wszystkich blok\u00f3w na stronie i pozwala na \u0142atwe poruszanie si\u0119 po tre\u015bci.<\/p>\n<p>Na przyk\u0142ad, je\u015bli chcesz zmodyfikowa\u0107 fragment tre\u015bci znajduj\u0105cy si\u0119 w przedostatnim akapicie swojego postu, zamiast przewija\u0107 go do samego ko\u0144ca, mo\u017cesz po prostu klikn\u0105\u0107 ten konkretny akapit w menu rozwijanym Blokuj nawigacj\u0119.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>Po wstawieniu tre\u015bci do dowolnego z blok\u00f3w, mo\u017cemy klikn\u0105\u0107 Zapisz wersj\u0119 robocz\u0105, tak jak w starym edytorze, lub Podgl\u0105d lub Publikuj.<\/p>\n<p>Wiele rzeczy, do kt\u00f3rych jeste\u015bmy przyzwyczajeni po prawej stronie Edytora klasycznego, nadal tam jest, z wyj\u0105tkiem tego, \u017ce s\u0105 schowane w zak\u0142adce Dokument.<\/p>\n<p>Jednym z element\u00f3w, kt\u00f3ry kiedy\u015b znajdowa\u0142 si\u0119 pod g\u0142\u00f3wnym polem w Edytorze klasycznym, jest Dyskusja, kt\u00f3rej u\u017cywali\u015bmy do zezwalania lub blokowania komentarzy na stronie.<\/p>\n<p>Znajduje si\u0119 teraz na karcie Dokument, kt\u00f3r\u0105, nawiasem m\u00f3wi\u0105c, mo\u017cna tymczasowo usun\u0105\u0107, podobnie jak jej s\u0105siadk\u0119, kart\u0119 Blokuj, klikaj\u0105c ko\u0142o z\u0119bate, aby uzyska\u0107 dost\u0119p do ustawie\u0144.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<h2>Opcje dostosowywania<\/h2>\n<p>Mo\u017cemy dostosowa\u0107 widok obszaru roboczego, klikaj\u0105c trzy pionowe kropki w prawym g\u00f3rnym rogu, co przeniesie nas do menu Wi\u0119cej narz\u0119dzi i opcji. St\u0105d mo\u017cemy dostosowa\u0107 obszar roboczy do naszych upodoba\u0144, a tak\u017ce kolejno\u015b\u0107 element\u00f3w na nim. Dodatkowo mo\u017cesz r\u00f3wnie\u017c wybra\u0107 edytor, kt\u00f3rego chcesz u\u017cy\u0107 \u2013 Edytor wizualny lub Edytor kodu. Jest lista skr\u00f3t\u00f3w, a tak\u017ce kilka dodatkowych opcji.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>A teraz najwa\u017cniejsza cz\u0119\u015b\u0107. Klikaj\u0105c blok, w tym przypadku pierwszy akapit, otwierasz opcje zwi\u0105zane z tym konkretnym blokiem. Po wybraniu bloku niekt\u00f3re opcje b\u0119d\u0105 znajdowa\u0107 si\u0119 pod zak\u0142adk\u0105 Blokuj po prawej stronie.<\/p>\n<p>Niekt\u00f3re inne opcje tego samego bloku b\u0119d\u0105 znajdowa\u0107 si\u0119 w lewej g\u00f3rnej cz\u0119\u015bci edytora, a wok\u00f3\u0142 samego bloku b\u0119d\u0105 dost\u0119pne inne opcje, w zale\u017cno\u015bci od okre\u015blonego widoku, kt\u00f3ry ustawi\u0142e\u015b.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.jpg\" alt=\"Kr\u00f3tkie wprowadzenie do WordPressa Gutenberg\"><\/a><\/p>\n<p>I to prawie wszystko. W swojej istocie WordPress Gutenberg jest tak samo przyjazny dla u\u017cytkownika jak Edytor klasyczny, a prawdopodobnie nawet bardziej. Zalecamy spr\u00f3bowa\u0107 i pobawi\u0107 si\u0119 nim przez chwil\u0119. Przekonasz si\u0119, \u017ce w mgnieniu oka opanujesz to ca\u0142kiem pewnie i b\u0119dziesz zadowolony ze wszystkich ulepsze\u0144, kt\u00f3re przysz\u0142y wraz z t\u0105 zmian\u0105.<\/p>\n<p>Mamy nadziej\u0119, \u017ce ten artyku\u0142 okaza\u0142 si\u0119 pomocny. Je\u015bli Ci si\u0119 spodoba\u0142o, zapoznaj si\u0119 r\u00f3wnie\u017c z niekt\u00f3rymi z tych artyku\u0142\u00f3w!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wszystko, co chcia\u0142e\u015b wiedzie\u0107 o nowym edytorze WordPress Gutenberg, ale ba\u0142e\u015b si\u0119 zapyta\u0107, znajdziesz w tym kr\u00f3tkim, ale pouczaj\u0105cym artykule.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[572],"tags":[847],"class_list":["post-369439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-podstawy-wordpressa","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/369439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=369439"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/369439\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=369439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=369439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=369439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}