{"id":2558,"date":"2022-10-17T00:05:00","date_gmt":"2022-10-16T22:05:00","guid":{"rendered":"https:\/\/jdm.pl\/blog\/?p=2558"},"modified":"2022-10-19T18:53:13","modified_gmt":"2022-10-19T16:53:13","slug":"poznaj-wtyczki-do-gutenberga-spectra-cz-ii","status":"publish","type":"post","link":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/","title":{"rendered":"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. II)"},"content":{"rendered":"\n<p><a href=\"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/\" target=\"_blank\" rel=\"noreferrer noopener\">&lt;&lt; zobacz cz\u0119\u015b\u0107 pierwsz\u0105 artyku\u0142u u wtyczce Spectra<\/a><br><br>W dzisiejszym artykule przedstawimy og\u00f3lne zasady korzystania z dodatkowych blok\u00f3w Gutenberga, kt\u00f3re umo\u017cliwia nam wtyczka Spectra. Zerkniemy tak\u017ce na konkretny blok, kt\u00f3ry pozwoli nam na rozmieszczenie tre\u015bci w tzw. kontenerach i sprawdzimy, jakie ma mo\u017cliwo\u015bci. Mamy nadziej\u0119, \u017ce dzi\u0119ki temu zach\u0119cimy do korzystania z rozbudowanych mo\u017cliwo\u015bci dodatkowych blok\u00f3w i samego Gutenberga. <\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Jak skorzysta\u0107 z dodatkowych blok\u00f3w<\/h2>\n\n\n\n<p>Aby skorzysta\u0107 z blog\u00f3w wtyczki Spectra, wystarczy, \u017ce <a href=\"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/\">po jej zainstalowaniu oraz ustawieniu wybranych przez nas opcji<\/a> przejdziemy bezpo\u015brednio do wpisu lub podstrony. W wyszukiwarce blok\u00f3w nale\u017cy w\u00f3wczas wpisa\u0107 Spectra, aby mie\u0107 podgl\u0105d na wszystkie dost\u0119pne bloki:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-2-1024x647.png\" alt=\"\" class=\"wp-image-2559\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-2-1024x647.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-2-300x190.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-2-768x485.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-2.png 1356w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Pami\u0119tajmy, \u017ce nazwy blok\u00f3w oraz ich opisy s\u0105 w j\u0119zyku angielskim. Na chwil\u0119 obecn\u0105 plugin nie doczeka\u0142 si\u0119 polskiej wersji j\u0119zykowej. Na li\u015bcie widnieje naprawd\u0119 imponuj\u0105ca liczba dodatk\u00f3w i dzisiaj wybrali\u015bmy do pokazania jeden z najbardziej podstawowych, od kt\u00f3rych warto rozpocz\u0105\u0107 projektowanie czyli <em>Container<\/em>. <\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Projektujemy uk\u0142ad z blokiem Container<\/h2>\n\n\n\n<p>Po wybraniu tego bloku, dostaniemy mo\u017cliwo\u015b\u0107 wybrania odpowiedniego uk\u0142adu tre\u015bci:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"219\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/layout-1024x219.png\" alt=\"\" class=\"wp-image-2560\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/layout-1024x219.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/layout-300x64.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/layout-768x164.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/layout.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Wybieramy jeden z nich (w naszym wypadku dolny po prawej stronie) i otrzymujemy uk\u0142ad do uzupe\u0142nienia o wybrane przez nas bloki:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"717\" height=\"399\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad.png\" alt=\"\" class=\"wp-image-2561\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad.png 717w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad-300x167.png 300w\" sizes=\"auto, (max-width: 717px) 100vw, 717px\" \/><\/figure>\n\n\n\n<p>Ka\u017cdy z element\u00f3w jest klikalny i pozwala na dodanie odpowiedniego bloku:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"504\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad2.png\" alt=\"\" class=\"wp-image-2562\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad2.png 856w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad2-300x177.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad2-768x452.png 768w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/figure>\n\n\n\n<p>Dla przyk\u0142adu dodamy w g\u00f3rnym lewym elemencie obrazek, a po prawej jego stronie tekst:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"477\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad-3.png\" alt=\"\" class=\"wp-image-2563\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad-3.png 700w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/uklad-3-300x204.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Co najwa\u017cniejsze &#8211; ka\u017cdy blok wewn\u0105trz uk\u0142adu zachowuje w pe\u0142ni swoje cechy i mo\u017cliwo\u015bci. To znaczy ma menu g\u00f3rne oraz menu boczne, w kt\u00f3rym mo\u017cemy ustawi\u0107 wybrane przez siebie parametry. W przypadku za\u015b g\u0142\u00f3wnego bloku Containter dost\u0119pnych jest wiele opcji.<\/p>\n\n\n\n<p><strong>Inner container preset<\/strong><\/p>\n\n\n\n<p>Dla bloku kontenera \u2013 opr\u00f3cz ustawienia bloku, mo\u017cemy ustawi\u0107 dodatkowo na przyk\u0142ad cieniowanie. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"319\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/inner-1024x319.png\" alt=\"\" class=\"wp-image-2564\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/inner-1024x319.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/inner-300x93.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/inner-768x239.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/inner.png 1336w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Stylowanie<\/strong><\/p>\n\n\n\n<p>Mo\u017cemy ostylowa\u0107 dok\u0142adnie pojedynczy kontener np. ustawiaj\u0105c mu odpowiednie t\u0142o czy obramowanie, cie\u0144, kszta\u0142t separator\u00f3w itp. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ostylowanie-1024x369.png\" alt=\"\" class=\"wp-image-2565\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ostylowanie-1024x369.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ostylowanie-300x108.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ostylowanie-768x277.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ostylowanie.png 1298w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Warto zwr\u00f3ci\u0107 uwag\u0119, \u017ce poszczeg\u00f3lne opcje ostylowywania element\u00f3w s\u0105 do\u015b\u0107 zaawansowane, zw\u0142aszcza, je\u017celi por\u00f3wnamy je ze znanymi, podstawowymi opcjami blok\u00f3w w Gutenbergu. Dla przyk\u0142adu mo\u017cliwo\u015bci dodania cienia:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"806\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/zaawansowane.png\" alt=\"\" class=\"wp-image-2566\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/zaawansowane.png 247w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/zaawansowane-92x300.png 92w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/figure>\n<\/div>\n\n\n<p>Zerknijmy tak\u017ce na ksza\u0142t rozdzielacza &#8211; jest tutaj naprawd\u0119 spory wyb\u00f3r:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"732\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.gif\" alt=\"\" class=\"wp-image-2568\"\/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Mo\u017cliwo\u015bci bloku z pluginu Spectra<\/h2>\n\n\n\n<p>Tak wiele opcji dla jednego z element\u00f3w kontenera pokazuje dobitnie, jak bardzo rozbudowana jest ta wtyczka i jak mo\u017ce by\u0107 przydatna dla r\u00f3\u017cnych layout\u00f3w. Nie ma mowy o zwyk\u0142ym, prostym Gutenbergu, ale mo\u017cliwo\u015bci zaczynaj\u0105 by\u0107 podobne dla tych, kt\u00f3re oferuj\u0105 komercyjne buildery. <\/p>\n\n\n\n<p>Zobaczmy to na przyk\u0142adzie tekstu umieszczonego w kontenerze. Mo\u017cemy zmienia\u0107 zar\u00f3wno sam tekst, jak i opcje kontenera. Tutaj oczywi\u015bcie zmienimy je ca\u0142kiem przypadkowo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1327\" height=\"517\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra2.gif\" alt=\"\" class=\"wp-image-2569\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>I analogicznie &#8211; opr\u00f3cz ustawie\u0144 pojedynczego kontenera, mo\u017cemy ostylowa\u0107 i zmieni\u0107 ca\u0142y blok <em>Container<\/em>. Wystarczy, \u017ce po prostu go zaznaczymy zamiast poszczeg\u00f3lnego elementu, kt\u00f3ry wchodzi w jego sk\u0142ad. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/container4-1024x428.png\" alt=\"\" class=\"wp-image-2570\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/container4-1024x428.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/container4-300x125.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/container4-768x321.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/container4.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Na zako\u0144czenie warto pochyli\u0107 si\u0119 nad zak\u0142adk\u0105 <em>Flex properties<\/em> &#8211; mo\u017cemy dzi\u0119ki niej dopasowa\u0107 wyr\u00f3wnanie bloku w wersji desktop czy mobilnej. Jest to spore u\u0142atwienie dla wszystkich, kt\u00f3rym pozycjonowanie elementu za pomoc\u0105 CSS sp\u0119dza sen z powiek:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"744\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/flex.png\" alt=\"\" class=\"wp-image-2571\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/flex.png 268w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/flex-108x300.png 108w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Jak uczy\u0107 si\u0119 korzystania ze Spectry?<\/h2>\n\n\n\n<p>Na pewno warto \u0107wiczy\u0107 i sprawdza\u0107 samodzielnie r\u00f3\u017cne mo\u017cliwo\u015bci wtyczki, pami\u0119taj\u0105c o zerkaniu w bocznym panel przy ka\u017cdym z blok\u00f3w. W kolejnych artyku\u0142ach zaprezentujemy konkretne mo\u017cliwo\u015bci przyk\u0142adowych blok\u00f3w ze Spectry, co mamy nadziej\u0119, u\u0142atwi u\u017cytkownikom podj\u0119cie decyzji o korzystaniu z tego pluginu. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;&lt; zobacz cz\u0119\u015b\u0107 pierwsz\u0105 artyku\u0142u u wtyczce Spectra W dzisiejszym artykule przedstawimy og\u00f3lne zasady korzystania z dodatkowych blok\u00f3w Gutenberga, kt\u00f3re umo\u017cliwia nam wtyczka Spectra. Zerkniemy tak\u017ce na konkretny blok, kt\u00f3ry pozwoli nam na rozmieszczenie tre\u015bci w tzw. kontenerach i sprawdzimy, jakie ma mo\u017cliwo\u015bci. Mamy nadziej\u0119, \u017ce dzi\u0119ki temu zach\u0119cimy do korzystania z rozbudowanych mo\u017cliwo\u015bci dodatkowych [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2572,"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":[12,20,30,15],"class_list":["post-2558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg","category-wordpress","tag-dla-blogerow","tag-gutenberg","tag-spectra","tag-wtyczki"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Poznaj wtyczki do Gutenberga - Spectra (cz. II) - 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\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Poznaj wtyczki do Gutenberga - Spectra (cz. II) - Blog jdm.pl\" \/>\n<meta property=\"og:description\" content=\"&lt;&lt; zobacz cz\u0119\u015b\u0107 pierwsz\u0105 artyku\u0142u u wtyczce Spectra W dzisiejszym artykule przedstawimy og\u00f3lne zasady korzystania z dodatkowych blok\u00f3w Gutenberga, kt\u00f3re umo\u017cliwia nam wtyczka Spectra. Zerkniemy tak\u017ce na konkretny blok, kt\u00f3ry pozwoli nam na rozmieszczenie tre\u015bci w tzw. kontenerach i sprawdzimy, jakie ma mo\u017cliwo\u015bci. Mamy nadziej\u0119, \u017ce dzi\u0119ki temu zach\u0119cimy do korzystania z rozbudowanych mo\u017cliwo\u015bci dodatkowych [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jdm.pl\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-16T22:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-19T16:53:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"6 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/\"},\"author\":{\"name\":\"Anna Starek-Wr\u00f3bel\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"headline\":\"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. II)\",\"datePublished\":\"2022-10-16T22:05:00+00:00\",\"dateModified\":\"2022-10-19T16:53:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/\"},\"wordCount\":628,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/jdm.pl-wpis-na-bloga.png\",\"keywords\":[\"dla bloger\u00f3w\",\"Gutenberg\",\"Spectra\",\"wtyczki\"],\"articleSection\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/\",\"name\":\"Poznaj wtyczki do Gutenberga - Spectra (cz. II) - Blog jdm.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/jdm.pl-wpis-na-bloga.png\",\"datePublished\":\"2022-10-16T22:05:00+00:00\",\"dateModified\":\"2022-10-19T16:53:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/jdm.pl-wpis-na-bloga.png\",\"contentUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/jdm.pl-wpis-na-bloga.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. II)\"}]},{\"@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":"Poznaj wtyczki do Gutenberga - Spectra (cz. II) - 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\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/","og_locale":"pl_PL","og_type":"article","og_title":"Poznaj wtyczki do Gutenberga - Spectra (cz. II) - Blog jdm.pl","og_description":"&lt;&lt; zobacz cz\u0119\u015b\u0107 pierwsz\u0105 artyku\u0142u u wtyczce Spectra W dzisiejszym artykule przedstawimy og\u00f3lne zasady korzystania z dodatkowych blok\u00f3w Gutenberga, kt\u00f3re umo\u017cliwia nam wtyczka Spectra. Zerkniemy tak\u017ce na konkretny blok, kt\u00f3ry pozwoli nam na rozmieszczenie tre\u015bci w tzw. kontenerach i sprawdzimy, jakie ma mo\u017cliwo\u015bci. Mamy nadziej\u0119, \u017ce dzi\u0119ki temu zach\u0119cimy do korzystania z rozbudowanych mo\u017cliwo\u015bci dodatkowych [&hellip;]","og_url":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/","og_site_name":"Blog jdm.pl","article_published_time":"2022-10-16T22:05:00+00:00","article_modified_time":"2022-10-19T16:53:13+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.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":"6 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#article","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/"},"author":{"name":"Anna Starek-Wr\u00f3bel","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"headline":"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. II)","datePublished":"2022-10-16T22:05:00+00:00","dateModified":"2022-10-19T16:53:13+00:00","mainEntityOfPage":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/"},"wordCount":628,"commentCount":0,"image":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png","keywords":["dla bloger\u00f3w","Gutenberg","Spectra","wtyczki"],"articleSection":["Gutenberg","WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/","url":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/","name":"Poznaj wtyczki do Gutenberga - Spectra (cz. II) - Blog jdm.pl","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#primaryimage"},"image":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png","datePublished":"2022-10-16T22:05:00+00:00","dateModified":"2022-10-19T16:53:13+00:00","author":{"@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"breadcrumb":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#primaryimage","url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png","contentUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-ii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jdm.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. II)"}]},{"@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\/2022\/10\/jdm.pl-wpis-na-bloga.png","uagb_featured_image_src":{"full":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png",1200,630,false],"thumbnail":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga-150x150.png",150,150,true],"medium":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga-300x158.png",300,158,true],"medium_large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga-768x403.png",640,336,true],"large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga-1024x538.png",640,336,true],"hd_qu_size2":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png",400,210,false],"1536x1536":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png",1200,630,false],"2048x2048":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga.png",1200,630,false],"sidebar-thumb":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/jdm.pl-wpis-na-bloga-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":"&lt;&lt; zobacz cz\u0119\u015b\u0107 pierwsz\u0105 artyku\u0142u u wtyczce Spectra W dzisiejszym artykule przedstawimy og\u00f3lne zasady korzystania z dodatkowych blok\u00f3w Gutenberga, kt\u00f3re umo\u017cliwia nam wtyczka Spectra. Zerkniemy tak\u017ce na konkretny blok, kt\u00f3ry pozwoli nam na rozmieszczenie tre\u015bci w tzw. kontenerach i sprawdzimy, jakie ma mo\u017cliwo\u015bci. Mamy nadziej\u0119, \u017ce dzi\u0119ki temu zach\u0119cimy do korzystania z rozbudowanych mo\u017cliwo\u015bci dodatkowych&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2558","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=2558"}],"version-history":[{"count":3,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2558\/revisions"}],"predecessor-version":[{"id":2575,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2558\/revisions\/2575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media\/2572"}],"wp:attachment":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media?parent=2558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/categories?post=2558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/tags?post=2558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}