{"id":952,"date":"2020-07-16T14:31:58","date_gmt":"2020-07-16T12:31:58","guid":{"rendered":"https:\/\/jdm.pl\/blog\/?p=952"},"modified":"2022-09-08T20:24:31","modified_gmt":"2022-09-08T18:24:31","slug":"edytor-gutenberg-uklad-strony","status":"publish","type":"post","link":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/","title":{"rendered":"Edytor Gutenberg &#8211; uk\u0142ad strony"},"content":{"rendered":"\n<p>Dzi\u015b przedstawimy mo\u017cliwo\u015bci uk\u0142adu strony na Gutenbergu. Jest to jeden z najistotniejszych zbior\u00f3w mo\u017cliwo\u015bci, z kt\u00f3rych nie wszystkie by\u0142y w klasycznym edytorze.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad.png\" alt=\"\" class=\"wp-image-954\" width=\"349\" height=\"287\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad.png 349w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-300x247.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Podzia\u0142 strony<\/h2>\n\n\n\n<p>Podzia\u0142 strony stosujemy, kiedy chcemy przedzieli\u0107 tekst na kilka podstron, dodaj\u0105c paginacj\u0119 do strony lub posta.  Mo\u017ce to by\u0107 przydatne, je\u015bli na przyk\u0142ad piszemy przewodnik i chcemy podzieli\u0107 stron\u0119 na kilka rozdzia\u0142\u00f3w, aby ukaza\u0107 dzia\u0142anie krok po kroku. <\/p>\n\n\n\n<p>W praktyce &#8211; po stronie pisz\u0105cego:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/podzial-strony.png\" alt=\"\" class=\"wp-image-956\" width=\"764\" height=\"382\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/podzial-strony.png 764w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/podzial-strony-300x150.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/podzial-strony-250x124.png 250w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/figure><\/div>\n\n\n\n<p>Dla odbiorcy:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/pages.png\" alt=\"\" class=\"wp-image-957\" width=\"763\" height=\"396\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/pages.png 763w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/pages-300x156.png 300w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Przyciski<\/h2>\n\n\n\n<p>Nie trzeba tej funkcji szeroko omawia\u0107 &#8211; przyciski s\u0142u\u017c\u0105 do wygodnego odsy\u0142ania do <a href=\"https:\/\/jdm.pl\/blog\/linkowanie-wewnetrzne-w-wordpressie\/\" class=\"rank-math-link\">r\u00f3\u017cnych podstron<\/a> lub zewn\u0119trznych \u017ar\u00f3de\u0142. Dzi\u0119ki temu elementowi szybko i bezproblemowo stworzymy przycisk odpowiedni dla naszych zastosowa\u0144.  <\/p>\n\n\n\n<p>W prawym menu bloku, otrzymujemy mo\u017cliwo\u015b\u0107 spersonalizowania wygl\u0105du wraz ze wskaz\u00f3wkami, kiedy kolory mog\u0105 nie by\u0107 odpowiednie:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przycisk.png\" alt=\"\" class=\"wp-image-958\" width=\"276\" height=\"521\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przycisk.png 276w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przycisk-159x300.png 159w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><\/figure><\/div>\n\n\n\n<p>Pami\u0119tajmy, \u017ce finalny wygl\u0105d przycisku zale\u017cy r\u00f3wnie\u017c od ostylowania naszej strony, wi\u0119c efekt, kt\u00f3ry widzimy w edytorze niekoniecznie b\u0119dzie si\u0119 pokrywa\u0142 z rzeczywisto\u015bci\u0105.<\/p>\n\n\n\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-vivid-cyan-blue-background-color\" href=\"https:\/\/cmopogodzinach.pl\/o-mnie\/\" style=\"color:#ffffff\" target=\"_blank\" rel=\"noreferrer noopener\">Testowy przycisk <\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Kolumny<\/h2>\n\n\n\n<p>Blok kolumn umo\u017cliwi nam wstawianie tekstu, multimedi\u00f3w oraz innego rodzaju tre\u015bci do maksymalnie sze\u015bciu kolumn. Stosowane jedna po drugiej kolumny tworz\u0105 efekt siatki. <\/p>\n\n\n\n<p>Na pocz\u0105tku wybieramy wariant, kt\u00f3ry najbardziej nam odpowiada:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny.png\" alt=\"\" class=\"wp-image-960\" width=\"609\" height=\"258\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny.png 609w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny-300x127.png 300w\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" \/><\/figure><\/div>\n\n\n\n<p>Wybierzmy dla przyk\u0142adu drugi layout od lewej. Uzyskamy dwie kolumny, kt\u00f3re dowolnie mo\u017cemy wype\u0142ni\u0107 elementami. Po stronie edytora, wygl\u0105da to tak:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny2.png\" alt=\"\" class=\"wp-image-961\" width=\"701\" height=\"455\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny2.png 701w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/kolumny2-300x195.png 300w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><\/figure>\n\n\n\n<p>A we wpisie:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny3-1024x615.jpg\" alt=\"\" class=\"wp-image-923\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny3-1024x615.jpg 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny3-300x180.jpg 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny3-768x461.jpg 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny3.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tekst w lewej, w\u0119\u017cszej kolumnie.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h6 class=\"has-text-align-center wp-block-heading\">Wy\u015brodkowany nag\u0142\u00f3wek H6 w prawej kolumnie. <\/h6>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny2-1024x644.jpg\" alt=\"\" class=\"wp-image-922\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny2-1024x644.jpg 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny2-300x189.jpg 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny2-768x483.jpg 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny2.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Grupa<\/h2>\n\n\n\n<p>Grupa to blok, kt\u00f3ry po prostu grupuje w jedno inne rodzaje blok\u00f3w. Wystarczy zaznaczy\u0107 wybrane bloki myszk\u0105, a nast\u0119pnie po\u0142\u0105czy\u0107 je razem.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"251\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przeksztalc-1.png\" alt=\"\" class=\"wp-image-964\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przeksztalc-1.png 415w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/przeksztalc-1-300x181.png 300w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/figure><\/div>\n\n\n\n<p>Uzyskamy dzi\u0119ki temu mo\u017cliwo\u015b\u0107 zarz\u0105dzania t\u0142em oraz kolorem fontu w obr\u0119bie grupy. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/grupa.png\" alt=\"\" class=\"wp-image-966\" width=\"300\" height=\"453\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/grupa.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/grupa-199x300.png 199w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group has-pale-cyan-blue-background-color has-very-dark-gray-color has-text-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny-1024x682.jpg\" alt=\"\" class=\"wp-image-920\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny-1024x682.jpg 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny-300x200.jpg 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny-768x512.jpg 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/06\/maliny.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">Tekst w obr\u0119bie grupy. <\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Media i tekst<\/h2>\n\n\n\n<p>Jak nazwa wskazuje, dzi\u0119ki temu elementowi mo\u017cemy u\u0142o\u017cy\u0107 obok siebie np. zdj\u0119cie oraz tekst. W g\u00f3rnym menu elementu dost\u0119pne jest ponadto r\u00f3\u017cnorakie \u015brodkowanie:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/media-i-tekst.png\" alt=\"\" class=\"wp-image-968\" width=\"629\" height=\"425\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/media-i-tekst.png 629w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/media-i-tekst-300x203.png 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Wi\u0119cej<\/h2>\n\n\n\n<p>Element wi\u0119cej znany jest starszym u\u017cytkownikom z klasycznego edytora. Umo\u017cliwia podzia\u0142 wpisu na cz\u0119\u015b\u0107 wy\u015bwietlan\u0105 od razu oraz cz\u0119\u015b\u0107 dost\u0119pn\u0105 po klikni\u0119ciu <em>czytaj dalej \/ wi\u0119cej<\/em>. Nowa wersja umo\u017cliwia wpisanie w\u0142asnego tekstu w miejscu <em>czytaj dalej<\/em> oraz zdecydowaniu o ewentualnym ukryciu zajawki przy przegl\u0105daniu podstrony z pe\u0142n\u0105 tre\u015bci\u0105.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/readmore.png\" alt=\"\" class=\"wp-image-969\" width=\"828\" height=\"68\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/readmore.png 828w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/readmore-300x25.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/readmore-768x63.png 768w\" sizes=\"auto, (max-width: 828px) 100vw, 828px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Separator<\/h2>\n\n\n\n<p>Pozwala oddzieli\u0107 dwa bloki lini\u0105. Do wyboru mamy m.in. lini\u0119 d\u0142ug\u0105, w kropki itp. Ponadto mo\u017cemy wybra\u0107 jej kolor. Poni\u017cej d\u0142uga, czerwona linia:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-vivid-red-background-color has-vivid-red-color is-style-wide\"\/>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Odst\u0119p<\/h2>\n\n\n\n<p>Pozwala na dodanie do strony czy wpisu nieco \u015bwiat\u0142a poprzez dodanie odst\u0119pu, kt\u00f3rego wysoko\u015b\u0107 okre\u015blamy w pikselach w bocznym menu bloku. Po stronie edytora b\u0119dziemy widzie\u0107 go, jako szary prostok\u0105t.<\/p>\n\n\n\n<p>Je\u015bli jeszcze nie przeczytali\u015bcie naszych poprzednich wpis\u00f3w o Gutenbergu, serdecznie zapraszamy. Om\u00f3wili\u015bmy ju\u017c <a href=\"https:\/\/jdm.pl\/blog\/edytor-gutenberg-podstawowe-bloki\/\" class=\"rank-math-link\">podstawowe bloki <\/a>oraz <a href=\"https:\/\/jdm.pl\/blog\/edytor-gutenberg-formatowanie\/\" class=\"rank-math-link\">formatowanie<\/a>. Mi\u0142ej lektury. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dzi\u015b przedstawimy mo\u017cliwo\u015bci uk\u0142adu strony na Gutenbergu. Jest to jeden z najistotniejszych zbior\u00f3w mo\u017cliwo\u015bci, z kt\u00f3rych nie wszystkie by\u0142y w klasycznym edytorze. Podzia\u0142 strony Podzia\u0142 strony stosujemy, kiedy chcemy przedzieli\u0107 tekst na kilka podstron, dodaj\u0105c paginacj\u0119 do strony lub posta. Mo\u017ce to by\u0107 przydatne, je\u015bli na przyk\u0142ad piszemy przewodnik i chcemy podzieli\u0107 stron\u0119 na kilka [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29,3],"tags":[20,13],"class_list":["post-952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg","category-wordpress","tag-gutenberg","tag-wyglad-strony"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl\" \/>\n<meta property=\"og:description\" content=\"Dzi\u015b przedstawimy mo\u017cliwo\u015bci uk\u0142adu strony na Gutenbergu. Jest to jeden z najistotniejszych zbior\u00f3w mo\u017cliwo\u015bci, z kt\u00f3rych nie wszystkie by\u0142y w klasycznym edytorze. Podzia\u0142 strony Podzia\u0142 strony stosujemy, kiedy chcemy przedzieli\u0107 tekst na kilka podstron, dodaj\u0105c paginacj\u0119 do strony lub posta. Mo\u017ce to by\u0107 przydatne, je\u015bli na przyk\u0142ad piszemy przewodnik i chcemy podzieli\u0107 stron\u0119 na kilka [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jdm.pl\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-16T12:31:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-08T18:24:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/\"},\"author\":{\"name\":\"Anna Starek-Wr\u00f3bel\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"headline\":\"Edytor Gutenberg &#8211; uk\u0142ad strony\",\"datePublished\":\"2020-07-16T12:31:58+00:00\",\"dateModified\":\"2022-09-08T18:24:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/\"},\"wordCount\":498,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/uklad-1.png\",\"keywords\":[\"Gutenberg\",\"wygl\u0105d strony\"],\"articleSection\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/\",\"name\":\"Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/uklad-1.png\",\"datePublished\":\"2020-07-16T12:31:58+00:00\",\"dateModified\":\"2022-09-08T18:24:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/uklad-1.png\",\"contentUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/uklad-1.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/edytor-gutenberg-uklad-strony\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Edytor Gutenberg &#8211; uk\u0142ad strony\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\",\"name\":\"Blog jdm.pl\",\"description\":\"WordPress tutoriale i porady\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\",\"name\":\"Anna Starek-Wr\u00f3bel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"caption\":\"Anna Starek-Wr\u00f3bel\"},\"sameAs\":[\"https:\\\/\\\/cmo.im\"],\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/author\\\/anna-starek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/","og_locale":"pl_PL","og_type":"article","og_title":"Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl","og_description":"Dzi\u015b przedstawimy mo\u017cliwo\u015bci uk\u0142adu strony na Gutenbergu. Jest to jeden z najistotniejszych zbior\u00f3w mo\u017cliwo\u015bci, z kt\u00f3rych nie wszystkie by\u0142y w klasycznym edytorze. Podzia\u0142 strony Podzia\u0142 strony stosujemy, kiedy chcemy przedzieli\u0107 tekst na kilka podstron, dodaj\u0105c paginacj\u0119 do strony lub posta. Mo\u017ce to by\u0107 przydatne, je\u015bli na przyk\u0142ad piszemy przewodnik i chcemy podzieli\u0107 stron\u0119 na kilka [&hellip;]","og_url":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/","og_site_name":"Blog jdm.pl","article_published_time":"2020-07-16T12:31:58+00:00","article_modified_time":"2022-09-08T18:24:31+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","type":"image\/png"}],"author":"Anna Starek-Wr\u00f3bel","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Anna Starek-Wr\u00f3bel","Szacowany czas czytania":"2 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#article","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/"},"author":{"name":"Anna Starek-Wr\u00f3bel","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"headline":"Edytor Gutenberg &#8211; uk\u0142ad strony","datePublished":"2020-07-16T12:31:58+00:00","dateModified":"2022-09-08T18:24:31+00:00","mainEntityOfPage":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/"},"wordCount":498,"commentCount":0,"image":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","keywords":["Gutenberg","wygl\u0105d strony"],"articleSection":["Gutenberg","WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/","url":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/","name":"Edytor Gutenberg - uk\u0142ad strony - Blog jdm.pl","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#primaryimage"},"image":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","datePublished":"2020-07-16T12:31:58+00:00","dateModified":"2022-09-08T18:24:31+00:00","author":{"@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"breadcrumb":{"@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#primaryimage","url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","contentUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/jdm.pl\/blog\/edytor-gutenberg-uklad-strony\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jdm.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Edytor Gutenberg &#8211; uk\u0142ad strony"}]},{"@type":"WebSite","@id":"https:\/\/jdm.pl\/blog\/#website","url":"https:\/\/jdm.pl\/blog\/","name":"Blog jdm.pl","description":"WordPress tutoriale i porady","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jdm.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0","name":"Anna Starek-Wr\u00f3bel","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","caption":"Anna Starek-Wr\u00f3bel"},"sameAs":["https:\/\/cmo.im"],"url":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"}]}},"jetpack_featured_media_url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png","uagb_featured_image_src":{"full":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png",1200,628,false],"thumbnail":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1-150x150.png",150,150,true],"medium":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1-300x157.png",300,157,true],"medium_large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1-768x402.png",640,335,true],"large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1-1024x536.png",640,335,true],"hd_qu_size2":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png",400,209,false],"1536x1536":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png",1200,628,false],"2048x2048":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1.png",1200,628,false],"sidebar-thumb":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2020\/07\/uklad-1-250x124.png",250,124,true]},"uagb_author_info":{"display_name":"Anna Starek-Wr\u00f3bel","author_link":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"},"uagb_comment_info":0,"uagb_excerpt":"Dzi\u015b przedstawimy mo\u017cliwo\u015bci uk\u0142adu strony na Gutenbergu. Jest to jeden z najistotniejszych zbior\u00f3w mo\u017cliwo\u015bci, z kt\u00f3rych nie wszystkie by\u0142y w klasycznym edytorze. Podzia\u0142 strony Podzia\u0142 strony stosujemy, kiedy chcemy przedzieli\u0107 tekst na kilka podstron, dodaj\u0105c paginacj\u0119 do strony lub posta. Mo\u017ce to by\u0107 przydatne, je\u015bli na przyk\u0142ad piszemy przewodnik i chcemy podzieli\u0107 stron\u0119 na kilka&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/comments?post=952"}],"version-history":[{"count":5,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/952\/revisions"}],"predecessor-version":[{"id":970,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/952\/revisions\/970"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media\/971"}],"wp:attachment":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media?parent=952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/categories?post=952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/tags?post=952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}