{"id":2518,"date":"2022-10-14T17:35:41","date_gmt":"2022-10-14T15:35:41","guid":{"rendered":"https:\/\/jdm.pl\/blog\/?p=2518"},"modified":"2022-10-19T18:54:05","modified_gmt":"2022-10-19T16:54:05","slug":"poznaj-wtyczki-do-gutenberga-spectra-cz-i","status":"publish","type":"post","link":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/","title":{"rendered":"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. I)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust7-1024x471.png\" alt=\"\" class=\"wp-image-2532\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust7-1024x471.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust7-300x138.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust7-768x354.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust7.png 1175w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Zapraszamy do cyklu artyku\u0142\u00f3w o wtyczkach, kt\u00f3re poszerzaj\u0105 mo\u017cliwo\u015bci edytora Gutenberg. Poniewa\u017c dla wielu u\u017cytkownik\u00f3w zakres podstawowych blok\u00f3w mo\u017ce by\u0107 nie wystarczaj\u0105cy, firmy zewn\u0119trzne co chwil\u0119 poszerzaj\u0105 ofert\u0119 o dodatkowe pluginy, maj\u0105ce rozwin\u0105\u0107 mo\u017cliwo\u015bci Gutenberga. W cyklu artyku\u0142\u00f3w zaprezentujemy wy\u0142\u0105cznie bezp\u0142atne wtyczki, z kt\u00f3rych ka\u017cdy mo\u017ce skorzysta\u0107.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg)<\/h2>\n\n\n\n<p>Jako pierwszy plugin przedstawiamy <a href=\"https:\/\/pl.wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra<\/a> (dawniej wyst\u0119puj\u0105cy pod nazw\u0105 Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg). Jest to jedna z najpopularniejszych wtyczek, maj\u0105ca ponad 400 000 aktywnych instalacji (dane na pa\u017adziernik 2022 r.).<\/p>\n\n\n\n<p>Dodajemy j\u0105 przez wyszukiwanie w repozytorium i instalacj\u0119 (<a href=\"https:\/\/jdm.pl\/blog\/instalacja-wtyczki-krok-po-kroku\/\" target=\"_blank\" rel=\"noreferrer noopener\">jak zainstalowa\u0107 wtyczk\u0119<\/a>), po uruchomieniu od razu dodaje nam wiele r\u00f3\u017cnorodnych blok\u00f3w do tworzenia stron i wpis\u00f3w. Przyjrzyjmy si\u0119 najpierw ustawieniom pluginu i zobaczmy, co mo\u017cemy w nich zmieni\u0107. Wa\u017cne, aby mie\u0107 \u015bwiadomo\u015b\u0107, \u017ce ca\u0142o\u015b\u0107 wyst\u0119puje w j\u0119zyku angielskim (zar\u00f3wno ustawienia, jaki i nazewnictwo blok\u00f3w).<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Ustawienia wtyczki Spectra<\/h2>\n\n\n\n<p>Po przej\u015bciu do ustawie\u0144 wtyczki mo\u017cemy zdecydowa\u0107, co i jak ma si\u0119 wy\u015bwietla\u0107, w jakim zakresie b\u0119dziemy korzysta\u0107 z blok\u00f3w i wiele innych. Warto zapozna\u0107 si\u0119 z tymi ustawieniami przed rozpocz\u0119ciem korzystania z pluginu. <\/p>\n\n\n\n<p>Na pocz\u0105tku powita nas kr\u00f3tki filmik, w kt\u00f3rym ukazano, jak rozpocz\u0105\u0107 prac\u0119 z wtyczk\u0105 i jakie s\u0105 jej mo\u017cliwo\u015bci. Prezentujemy go poni\u017cej:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-responsive embed-responsive-16by9\"><iframe title=\"A Better Way to Build WordPress Websites with Gutenberg | Introducing Spectra\" src=\"https:\/\/www.youtube.com\/embed\/GLNzTxArR6Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>Ponadto mo\u017cemy szybko przej\u015b\u0107 do \u017ar\u00f3de\u0142 zewn\u0119trznych: bazy wiedzy o wtyczce, supportu, spo\u0142eczno\u015bci u\u017cytkownik\u00f3w Spectry.<\/p>\n\n\n\n<p>Kolejnym elementem s\u0105<em> <\/em><strong><em>Blocks \/ Extensions<\/em> (<em>Bloki \/ Rozszerzenia<\/em>) <\/strong>&#8211; pozwala nam on na wybranie, co z zasob\u00f3w, jakie oferuje Spectra ma by\u0107 aktywne na naszej stronie internetowej. Domy\u015blnie zdecydowana wi\u0119kszo\u015b\u0107 jest w\u0142\u0105czona, ale to my decydujemy, co tak naprawd\u0119 b\u0119dzie nam potrzebne. Dla szybszego przegl\u0105dania, mo\u017cemy je posortowa\u0107 zgodnie z zastosowaniem &#8211; np. na kreatywne, do post\u00f3w, SEO, social medi\u00f3w czy formularzy. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"915\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ustawienia-1024x915.png\" alt=\"\" class=\"wp-image-2522\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ustawienia-1024x915.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ustawienia-300x268.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ustawienia-768x687.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ustawienia.png 1169w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Kiedy mamy ju\u017c wybrane bloki, mo\u017cemy przej\u015b\u0107 dalej. Ostatni\u0105 zak\u0142adk\u0105 s\u0105 <strong><em>Settings<\/em> (<em>Ustawienia<\/em>)<\/strong>. Ich pierwszym element, kt\u00f3ry wybieramy z menu po lewej stronie s\u0105 <strong><em>Opcje edytora<\/em> (<em>Editor Options<\/em>)<\/strong>. Nast\u0119pnie mo\u017cemy wybra\u0107:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Domy\u015blna szeroko\u015b\u0107 tre\u015bci (to ustawienie zostanie zastosowane do domy\u015blnej szeroko\u015bci tre\u015bci Container Block).<\/li><li>Wype\u0142nienie kontenera (to ustawienie spowoduje zastosowanie domy\u015blnego dope\u0142nienia w bloku kontenera).<\/li><li>Przerwa w elementach kontenera (to ustawienie zastosuje domy\u015blne odst\u0119py mi\u0119dzy wierszami i kolumnami w bloku kontenera).<\/li><li>Odst\u0119py w edytorze blok\u00f3w (to ustawienie spowoduje zastosowanie odst\u0119p\u00f3w mi\u0119dzy wszystkimi blokami w edytorze blok\u00f3w).<\/li><li>Zwi\u0144 panele (w\u0142\u0105czamy opcj\u0119 \u201eZwi\u0144 panele\u201d, je\u015bli chcemy zwin\u0105\u0107 wszystkie inne panele w ustawieniach blok\u00f3w z wyj\u0105tkiem tego, kt\u00f3ry jest klikni\u0119ty. W ten spos\u00f3b mamy przed sob\u0105 tylko jeden panel ustawie\u0144, na kt\u00f3rym mo\u017cemy si\u0119 skupi\u0107).<\/li><li>Kopiuj \/ Wklej style (uzyskujemy mo\u017cliwo\u015b\u0107 kopiowania i wklejania styl\u00f3w Spectra i Core Gutenberg Blocks).<\/li><li>Automatyczne odzyskiwanie blok\u00f3w (w\u0142\u0105czamy t\u0119 opcj\u0119, aby automatycznie odzyska\u0107 wszelkie b\u0142\u0119dne bloki, kt\u00f3re mog\u0105 wyst\u0105pi\u0107 na Twoich stronach internetowych. Dzi\u0119ki temu zaoszcz\u0119dzisz czas sp\u0119dzony na klikaniu wszystkich przycisk\u00f3w \u201eSpr\u00f3buj odzyska\u0107 blok\u201d.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"863\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust1-1024x863.png\" alt=\"\" class=\"wp-image-2524\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust1-1024x863.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust1-300x253.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust1-768x647.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust1.png 1236w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Kolejny element to <strong><em>Generowanie zasob\u00f3w (Asset generation)<\/em><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Generowanie plik\u00f3w (Spectra domy\u015blnie \u0142aduje CSS i JS na stronie domy\u015blnie. Je\u015bli chcemy wygenerowa\u0107 oddzielne pliki CSS i JS dla blok\u00f3w Spectra, w\u0142\u0105czamy t\u0119 opcj\u0119).<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Regeneracja zasob\u00f3w (je\u015bli wyst\u0119puj\u0105 problemy ze stylem, uk\u0142adem, kolorem lub innym elementem strony mo\u017cemy dzi\u0119ki tej opcji wygenerowa\u0107 zasoby CSS i Javascript).<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust2-1024x489.png\" alt=\"\" class=\"wp-image-2526\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust2-1024x489.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust2-300x143.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust2-768x366.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust2.png 1184w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em><strong>Templates czyli szablony<\/strong><\/em>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>W\u0142\u0105cz przycisk szablon\u00f3w &#8211;  zarz\u0105dzamy tu widoczno\u015bci\u0105 przycisku, kt\u00f3ry pozwala szybko skorzysta\u0107 z biblioteki gotowych szablon\u00f3w podstron stworzony przez Spectra.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust3-1024x478.png\" alt=\"\" class=\"wp-image-2527\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust3-1024x478.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust3-300x140.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust3-768x358.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust3.png 1179w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><em>Kontrola wersji (Version Control):<\/em><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Powr\u00f3t do poprzedniej wersji (mo\u017cemy przywr\u00f3ci\u0107 poprzedni\u0105 wersj\u0119 wtyczki. Zalecamy przed skorzystaniem z tego rozwi\u0105zania <a href=\"https:\/\/jdm.pl\/blog\/snapshoty-dlaczego-warto-z-nich-korzystac\/\" target=\"_blank\" rel=\"noreferrer noopener\">wykona\u0107 snapshot<\/a>).<\/li><li>W\u0142\u0105czenie wersji beta &#8211; lubisz testowa\u0107 nowo\u015bci? To wersja dla Ciebie. Tw\u00f3rcy zastrzegaj\u0105, aby uruchamia\u0107 j\u0105 jedynie na testowym WordPressie, a nie &#8222;\u017cywym organizmie&#8221;).<\/li><li>W\u0142\u0105cz starsze bloki (w\u0142\u0105czamy t\u0119 opcj\u0119, aby w\u0142\u0105czy\u0107 obs\u0142ug\u0119 naszych starszych blok\u00f3w w witrynie).<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust4-1024x477.png\" alt=\"\" class=\"wp-image-2529\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust4-1024x477.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust4-300x140.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust4-768x358.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust4.png 1169w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><em>Wydajno\u015b\u0107 (Performance)<\/em><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Za\u0142aduj czcionki Google lokalnie (w\u0142\u0105czamy t\u0119 opcj\u0119, aby pobra\u0107 czcionki Google i zapisa\u0107 je na swoim serwerze)<\/li><li>Wst\u0119pnie \u0142aduj lokalne czcionki (ta opcja za\u0142aduje pliki czcionek natychmiast po wczytaniu strony. Wst\u0119pne \u0142adowanie lokalnych czcionek mo\u017ce jeszcze bardziej przyspieszy\u0107 dzia\u0142anie witryny).<\/li><li>Zezwalaj tylko na wybrane czcionki (Spectra oferuje ponad 700 opcji czcionek Google. Mo\u017cemy u\u017cy\u0107 tej opcji, aby wy\u015bwietli\u0107 tylko ograniczon\u0105 liczb\u0119 czcionek w ustawieniach bloku).<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust5-1024x474.png\" alt=\"\" class=\"wp-image-2530\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust5-1024x474.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust5-300x139.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust5-768x356.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust5.png 1177w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em><strong>Ustawienia bloku (Block Settings)<\/strong><\/em><\/p>\n\n\n\n<p>W tym elemencie mo\u017cemy zapisa\u0107 ustawienia Recaptcha dla formularzy Spectra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust6-1024x478.png\" alt=\"\" class=\"wp-image-2531\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust6-1024x478.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust6-300x140.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust6-768x359.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/ust6.png 1169w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><em>Coming soon<\/em><\/strong><\/p>\n\n\n\n<p>Mo\u017cemy odpali\u0107 za\u015blepk\u0119 na stronie bez korzystania z dodatkowych wtyczek (<a href=\"https:\/\/jdm.pl\/blog\/ukrycie-strony-na-czas-zmian\/\" target=\"_blank\" rel=\"noreferrer noopener\">po co warto ich u\u017cywa\u0107<\/a>). Co ciekawe &#8211; nie uzyskamy tutaj gotowej za\u015blepki, ale jak\u0105 j\u0105 mo\u017cemy ustawi\u0107 jedn\u0105, przygotowan\u0105 wcze\u015bniej przez nas podstron\u0119. <\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Dodawanie blok\u00f3w Spectra<\/h2>\n\n\n\n<p>Kiedy mamy ju\u017c ustawione wszystkie opcje pluginu, mo\u017cemy przej\u015b\u0107 do jego korzystania. Samo dodawanie blok\u00f3w Spectra do wpis\u00f3w jest bardzo proste. Wystarczy wybra\u0107 odpowiedni blok z listy &#8211; jak wida\u0107 na poni\u017cszym obrazku, jest ich imponuj\u0105ca liczba. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"528\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-1.png\" alt=\"\" class=\"wp-image-2519\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-1.png 325w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-1-185x300.png 185w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"505\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra2.png\" alt=\"\" class=\"wp-image-2520\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra2.png 301w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra2-179x300.png 179w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" \/><\/figure>\n<\/div>\n\n\n<p>Poniewa\u017c oferta blok\u00f3w i roszerze\u0144 jest bardzo szeroka, w kolejnych wpisach przyjrzymy si\u0119 im szczeg\u00f3\u0142owo. Przetestujemy ich mo\u017cliwo\u015bci oraz zastanowimy si\u0119, kt\u00f3re s\u0105 najbardziej przydatne i w jakich projektach mo\u017cemy je wykorzysta\u0107. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zapraszamy do cyklu artyku\u0142\u00f3w o wtyczkach, kt\u00f3re poszerzaj\u0105 mo\u017cliwo\u015bci edytora Gutenberg. Poniewa\u017c dla wielu u\u017cytkownik\u00f3w zakres podstawowych blok\u00f3w mo\u017ce by\u0107 nie wystarczaj\u0105cy, firmy zewn\u0119trzne co chwil\u0119 poszerzaj\u0105 ofert\u0119 o dodatkowe pluginy, maj\u0105ce rozwin\u0105\u0107 mo\u017cliwo\u015bci Gutenberga. W cyklu artyku\u0142\u00f3w zaprezentujemy wy\u0142\u0105cznie bezp\u0142atne wtyczki, z kt\u00f3rych ka\u017cdy mo\u017ce skorzysta\u0107. Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2534,"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,30,15],"class_list":["post-2518","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg","category-wordpress","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. I) - Blog jdm.pl<\/title>\n<meta name=\"description\" content=\"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.\" \/>\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-i\/\" \/>\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. I) - Blog jdm.pl\" \/>\n<meta property=\"og:description\" content=\"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jdm.pl\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-14T15:35:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-19T16:54:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.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=\"7 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-i\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/\"},\"author\":{\"name\":\"Anna Starek-Wr\u00f3bel\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"headline\":\"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. I)\",\"datePublished\":\"2022-10-14T15:35:41+00:00\",\"dateModified\":\"2022-10-19T16:54:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/\"},\"wordCount\":946,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/spectra.png\",\"keywords\":[\"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-i\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/\",\"name\":\"Poznaj wtyczki do Gutenberga - Spectra (cz. I) - Blog jdm.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/spectra.png\",\"datePublished\":\"2022-10-14T15:35:41+00:00\",\"dateModified\":\"2022-10-19T16:54:05+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"description\":\"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/spectra.png\",\"contentUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/spectra.png\",\"width\":1200,\"height\":630,\"caption\":\"spectra\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\\\/#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. I)\"}]},{\"@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. I) - Blog jdm.pl","description":"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.","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-i\/","og_locale":"pl_PL","og_type":"article","og_title":"Poznaj wtyczki do Gutenberga - Spectra (cz. I) - Blog jdm.pl","og_description":"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.","og_url":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/","og_site_name":"Blog jdm.pl","article_published_time":"2022-10-14T15:35:41+00:00","article_modified_time":"2022-10-19T16:54:05+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.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":"7 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#article","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/"},"author":{"name":"Anna Starek-Wr\u00f3bel","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"headline":"Poznaj wtyczki do Gutenberga &#8211; Spectra (cz. I)","datePublished":"2022-10-14T15:35:41+00:00","dateModified":"2022-10-19T16:54:05+00:00","mainEntityOfPage":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/"},"wordCount":946,"commentCount":0,"image":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png","keywords":["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-i\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/","url":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/","name":"Poznaj wtyczki do Gutenberga - Spectra (cz. I) - Blog jdm.pl","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#primaryimage"},"image":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png","datePublished":"2022-10-14T15:35:41+00:00","dateModified":"2022-10-19T16:54:05+00:00","author":{"@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"description":"Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg) - poznaj mo\u017cliwo\u015bci wtyczki do WordPressa oraz jej opcje.","breadcrumb":{"@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#primaryimage","url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png","contentUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png","width":1200,"height":630,"caption":"spectra"},{"@type":"BreadcrumbList","@id":"https:\/\/jdm.pl\/blog\/poznaj-wtyczki-do-gutenberga-spectra-cz-i\/#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. I)"}]},{"@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\/spectra.png","uagb_featured_image_src":{"full":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png",1200,630,false],"thumbnail":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-150x150.png",150,150,true],"medium":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-300x158.png",300,158,true],"medium_large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-768x403.png",640,336,true],"large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-1024x538.png",640,336,true],"hd_qu_size2":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png",400,210,false],"1536x1536":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png",1200,630,false],"2048x2048":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra.png",1200,630,false],"sidebar-thumb":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/10\/spectra-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":1,"uagb_excerpt":"Zapraszamy do cyklu artyku\u0142\u00f3w o wtyczkach, kt\u00f3re poszerzaj\u0105 mo\u017cliwo\u015bci edytora Gutenberg. Poniewa\u017c dla wielu u\u017cytkownik\u00f3w zakres podstawowych blok\u00f3w mo\u017ce by\u0107 nie wystarczaj\u0105cy, firmy zewn\u0119trzne co chwil\u0119 poszerzaj\u0105 ofert\u0119 o dodatkowe pluginy, maj\u0105ce rozwin\u0105\u0107 mo\u017cliwo\u015bci Gutenberga. W cyklu artyku\u0142\u00f3w zaprezentujemy wy\u0142\u0105cznie bezp\u0142atne wtyczki, z kt\u00f3rych ka\u017cdy mo\u017ce skorzysta\u0107. Spectra (Gutenberg Blocks \u2013 Ultimate Addons for Gutenberg)&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2518","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=2518"}],"version-history":[{"count":5,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2518\/revisions"}],"predecessor-version":[{"id":2535,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2518\/revisions\/2535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media\/2534"}],"wp:attachment":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media?parent=2518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/categories?post=2518"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/tags?post=2518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}