{"id":51738,"date":"2022-07-06T07:00:36","date_gmt":"2022-07-06T14:00:36","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=51738"},"modified":"2025-05-26T11:50:47","modified_gmt":"2025-05-26T18:50:47","slug":"konfiguracja-motywu-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/","title":{"rendered":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON"},"content":{"rendered":"\n<p>Nowe opcje konfiguracji motyw\u00f3w w WordPress u\u0142atwiaj\u0105 jak nigdy dot\u0105d modyfikacj\u0119 wygl\u0105du Twojej strony do Twoich specyficznych i unikalnych potrzeb. Co wi\u0119cej, mo\u017cliwo\u015b\u0107 konwersji klasycznych motyw\u00f3w na motywy blokowe dodaje jeszcze wi\u0119cej funkcjonalno\u015bci przyjaznych dla u\u017cytkownika.<\/p>\n\n\n\n<p>W tym po\u015bcie na blogu, czwartym z naszej serii \u201eOdszyfrowywanie WordPressa\u201d, om\u00f3wimy oba te rozwini\u0119cia, w tym co to s\u0105 i jak mog\u0105 u\u0142atwi\u0107 Ci posiadanie pi\u0119knej, dostosowanej strony, niezale\u017cnie od tego, czy masz pocz\u0105tkuj\u0105ce czy \u015brednio zaawansowane umiej\u0119tno\u015bci rozwoju WordPressa.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-an-overview-of-wordpress-themes-and-templates\" class=\"wp-block-heading\"><b>Przegl\u0105d Motyw\u00f3w i Szablon\u00f3w WordPress<\/b><\/h2>\n\n\n\n<p>Zanim przejdziemy do najnowszych opcji konfiguracji motywu, wykorzystuj\u0105c najnowsze mo\u017cliwo\u015bci, kt\u00f3re umo\u017cliwia plik o nazwie theme.json, zapoznamy si\u0119 z tym, co w\u0142a\u015bciwie <i>oznacza<\/i> konfiguracja motywu. Aby lepiej zrozumie\u0107 to zagadnienie, wyja\u015bnijmy najpierw r\u00f3\u017cnic\u0119 mi\u0119dzy motywem a szablonem w WordPressie, poniewa\u017c cz\u0119sto wyst\u0119puje tu pewne zamieszanie, zw\u0142aszcza je\u015bli jeste\u015b pocz\u0105tkuj\u0105cy.<\/p>\n\n\n\n<p>Motyw to kompleksowy projekt i podstawa sp\u00f3jnego <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/elementy-projektowania-stron-internetowych\/\" target=\"_blank\" rel=\"noopener\">wygl\u0105du i odczucia<\/a> Twojej strony. Zawiera takie elementy jak <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/jak-wybrac-schemat-kolorow-dla-swojej-strony-internetowej\/\" target=\"_blank\" rel=\"noopener\">palety kolor\u00f3w<\/a>, <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\" target=\"_blank\" rel=\"noopener\">typografi\u0119<\/a>, uk\u0142ady stron, marginesy, odst\u0119py mi\u0119dzy wierszami, nag\u0142\u00f3wki i <a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\">stopki<\/a>, pozycjonowanie pask\u00f3w bocznych oraz inne elementy. Gdy <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/jak-wybrac-motyw-wordpress\/\" target=\"_blank\" rel=\"noopener\">wybierzesz motyw<\/a> i go zainstalujesz, wszystkie te elementy zostan\u0105 automatycznie zainstalowane r\u00f3wnie\u017c. Jest dost\u0119pna niemal nieograniczona liczba darmowych i p\u0142atnych motyw\u00f3w.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/\" target=\"_blank\" rel=\"noopener\">Szablon<\/a>, to jednak pojedynczy uk\u0142ad strony w ramach og\u00f3lnego motywu witryny. Modyfikacje mog\u0105 by\u0107 wprowadzane do szablonu, ale dotycz\u0105 tylko stron, kt\u00f3re u\u017cywaj\u0105 tego szablonu, a nie ca\u0142ej witryny. Elementy takie jak dostosowywanie uk\u0142adu Twojego bloga, tworzenie <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/buduj-strony-ladowania-generujace-leady-w-wordpress\/\" target=\"_blank\" rel=\"noopener\">stron docelowych<\/a> oraz nadawanie innym tre\u015bciom wyr\u00f3\u017cniaj\u0105cego wygl\u0105du to przyk\u0142ady tego, co mo\u017cna osi\u0105gn\u0105\u0107 za pomoc\u0105 szablon\u00f3w.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"631\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg\" alt=\"nowe opcje konfiguracji motyw\u00f3w WordPress\" class=\"wp-image-35328 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/wordpress-template-editor-768x474.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-730x450.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-784x483.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor-877x541.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/wordpress-template-editor.jpg.webp 1200w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/631;\" \/><\/figure><\/div>\n\n\n<h2 id=\"h-so-what-are-theme-configuration-options-then\" class=\"wp-block-heading\"><b>A wi\u0119c, co to s\u0105 opcje konfiguracji motyw\u00f3w?<\/b><\/h2>\n\n\n\n<p>Opcje konfiguracji motyw\u00f3w to strony administracyjne, kt\u00f3re wyst\u0119puj\u0105 w niekt\u00f3rych motywach WordPress. Te strony administracyjne pozwalaj\u0105 dostosowa\u0107 ustawienia zainstalowanego motywu bez konieczno\u015bci modyfikowania plik\u00f3w motywu lub zag\u0142\u0119biania si\u0119 w zmiany kodu. Niekt\u00f3re z tych stron administracyjnych mog\u0105 oferowa\u0107 kilka opcji, podczas gdy inne mog\u0105 mie\u0107 ich znacznie wi\u0119cej. Je\u015bli jeste\u015b pocz\u0105tkuj\u0105cy, wzgl\u0119dna prostota strony administracyjnej w por\u00f3wnaniu do bardziej skomplikowanej \u015bcie\u017cki mo\u017ce by\u0107 mile widzianym oszcz\u0119dzaniem czasu \u2014 i zdrowia psychicznego.<\/p>\n\n\n\n<p>Je\u015bli Twoim celem jest tylko zwi\u0119kszenie lub zmiana funkcjonalno\u015bci w motywie, mo\u017cesz znacznie upro\u015bci\u0107 sprawy, instaluj\u0105c plugin zamiast rekonfigurowania ca\u0142ego motywu. Jednak je\u015bli chcesz modyfikowa\u0107 style motywu i ustawienia blok\u00f3w na ca\u0142ej stronie, rekonfiguracja poprzez dostosowywanie b\u0119dzie tym, co musisz zrobi\u0107.<\/p>\n\n\n\n<h2 id=\"h-what-the-heck-is-json\" class=\"wp-block-heading\"><b>Co to, do licha, jest JSON?<\/b><\/h2>\n\n\n\n<p>Aby dostosowa\u0107 motyw WordPress, gdy nie zawiera strony administracyjnej, musisz <a href=\"https:\/\/fullsiteediting.com\/lessons\/creating-theme-json\/\" target=\"_blank\" rel=\"noopener\">utworzy\u0107<\/a> i doda\u0107 <span style=\"font-weight: 500;\">plik konfiguracyjny theme.json do motywu. Ale co to jest <a href=\"https:\/\/en.wikipedia.org\/wiki\/JSON\" target=\"_blank\" rel=\"noopener\">JSON<\/a>? Akronim oznacza JavaScript Object Notation, kt\u00f3ry jest otwartym formatem wymiany danych opartym na tek\u015bcie, kt\u00f3ry mo\u017ce by\u0107 odczytywany zar\u00f3wno przez ludzi, jak i maszyny i nie jest powi\u0105zany z \u017cadnym konkretnym j\u0119zykiem programowania. Najcz\u0119\u015bciej u\u017cywa si\u0119 go do przesy\u0142ania danych w aplikacjach internetowych.<\/span><\/p>\n\n\n\n<p><b>theme.json<\/b> wsparcie zosta\u0142o dodane do WordPress w wersji 5.8 i nie dzia\u0142a z starszymi wersjami WordPress, chyba \u017ce aktywujesz <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">plugin Gutenberg<\/a>. (Edytor <a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\">Gutenberg<\/a> zosta\u0142 oficjalnie wydany w 2018 roku wraz z WordPress 5.0.)<\/p>\n\n\n\n<p>Niekt\u00f3re z opcji dostosowywania, kt\u00f3re mo\u017cesz wybra\u0107 w <b>theme.json<\/b>, to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>W\u0142\u0105czanie lub wy\u0142\u0105czanie funkcji takich jak du\u017ce litery na pocz\u0105tku, wype\u0142nienie bloku, marginesy i niestandardowe wysoko\u015bci linii<\/li>\n\n\n\n<li>Dodawanie wielu <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\" target=\"_blank\" rel=\"noopener\">palet kolor\u00f3w<\/a>, gradient\u00f3w i filtr\u00f3w dwutonowych dla zdj\u0119\u0107<\/li>\n\n\n\n<li>Modyfikowanie rozmiar\u00f3w <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/bezpieczne-czcionki-sieciowe\/\" target=\"_blank\" rel=\"noopener\">czcionek<\/a><\/li>\n\n\n\n<li>Dodawanie domy\u015blnych szeroko\u015bci dla tre\u015bci<\/li>\n\n\n\n<li>Zarz\u0105dzanie niestandardowymi w\u0142a\u015bciwo\u015bciami CSS (kaskadowe arkusze styl\u00f3w). CSS jest u\u017cywany do definiowania wygl\u0105du wizualnego i formatowania dokument\u00f3w HTML.<\/li>\n\n\n\n<li>Przypisywanie <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/\" target=\"_blank\" rel=\"noopener\">cz\u0119\u015bci szablonu<\/a> do obszar\u00f3w cz\u0119\u015bci szablonu<\/li>\n\n\n<\/ul>\n\n\n\n<p>W miar\u0119 jak rozwija si\u0119 projekt Gutenberg, opcje dost\u0119pne w <b>theme.json<\/b> w WordPress r\u00f3\u017cni\u0105 si\u0119 mi\u0119dzy wersj\u0105 5.8 (gdzie u\u017cywana jest wersja 1 <b>theme.json<\/b>) a wersj\u0105 5.9+ (gdzie u\u017cywana jest wersja 2 <b>theme.json<\/b>), jak r\u00f3wnie\u017c wtyczka Gutenberg.<\/p>\n\n\n\n<h2 id=\"h-options-explained\" class=\"wp-block-heading\"><b>Opcje Wyja\u015bnione<\/b><\/h2>\n\n\n\n<p>Z tymi bardziej szczeg\u00f3\u0142owymi opcjami dostosowania, kt\u00f3re s\u0105 teraz w zasi\u0119gu pocz\u0105tkuj\u0105cych i \u015brednio zaawansowanych tw\u00f3rc\u00f3w WordPress, porozmawiajmy zar\u00f3wno o tym, <i>czym<\/i> one s\u0105, jak i <i>dlaczego<\/i> mog\u0105 by\u0107 dla Ciebie korzystne.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-enabling-or-disabling-features-like-drop-caps-block-padding-margins-and-custom-line-heights\"><b>W\u0142\u0105czanie lub wy\u0142\u0105czanie funkcji takich jak wielkie litery, wype\u0142nienie bloku, marginesy i niestandardowe wysoko\u015bci linii<\/b><\/h3>\n\n\n\n<p>Wielkie inicja\u0142y (technika stylizacji, w kt\u00f3rej pierwsza litera akapitu ma wi\u0119ksz\u0105 czcionk\u0119), wype\u0142nienie bloku (przestrze\u0144 wewn\u0105trz bloku pomi\u0119dzy elementem\/tre\u015bci\u0105 a granic\u0105 bloku, otaczaj\u0105c\u0105 wszystkie strony elementu), marginesy i niestandardowe wysoko\u015bci linii mog\u0105 nada\u0107 Twoim stron\u0105 bardziej wyr\u00f3\u017cniaj\u0105cy si\u0119 i nawet formalny wygl\u0105d, w zale\u017cno\u015bci od sposobu ich stylizacji.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-multiple-color-palettes-gradients-and-duotone-filters-for-photos\"><b>Dodawanie wielu palet kolor\u00f3w, gradient\u00f3w i filtr\u00f3w dwutonowych dla zdj\u0119\u0107<\/b><\/h3>\n\n\n\n<p>Prawid\u0142owa paleta kolor\u00f3w \u2013 lub kilka palet \u2013 mo\u017ce pom\u00f3c zdefiniowa\u0107 i wzmocni\u0107 to\u017csamo\u015b\u0107 marketingow\u0105 zar\u00f3wno Twojej marki, jak i strony, a gradienty (t\u0142a dw\u00f3ch kolor\u00f3w przechodz\u0105ce w siebie) mog\u0105 nada\u0107 Twojej stronie bardziej dynamiczn\u0105 to\u017csamo\u015b\u0107 ni\u017c tylko u\u017cywanie solidnych kolor\u00f3w na stronach. Filtry duotonowe mo\u017cna stosowa\u0107 do zdj\u0119\u0107, kt\u00f3re przes\u0142a\u0142e\u015b na swoj\u0105 stron\u0119, i redukuj\u0105 liczb\u0119 kolor\u00f3w na zdj\u0119ciu do zaledwie dw\u00f3ch \u2013 jednego dla ciemnych cz\u0119\u015bci zdj\u0119cia, drugiego dla jasnych. Korzystaj\u0105c z tych zasob\u00f3w w ustawieniach motywu WordPress, og\u00f3lne schematy kolor\u00f3w Twojej strony mog\u0105 by\u0107 formalne, umiarkowane lub awangardowe \u2013 ograniczone tylko przez Twoj\u0105 wyobra\u017ani\u0119.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-modifying-font-sizes\"><b>Zmiana rozmiar\u00f3w czcionek<\/b><\/h3>\n\n\n\n<p>Czasami, czcionki w wybranym motywie mog\u0105 pasowa\u0107 do okre\u015blonej to\u017csamo\u015bci, tonu lub postawy, kt\u00f3r\u0105 chcesz przekaza\u0107, ale dost\u0119pne rozmiary czcionek mog\u0105 by\u0107 nieodpowiednie. Mog\u0105 by\u0107 zbyt ma\u0142e lub zbyt du\u017ce. Maj\u0105c mo\u017cliwo\u015b\u0107 modyfikacji rozmiar\u00f3w, mo\u017cesz dostosowa\u0107 ka\u017cdy aspekt wygl\u0105du tekstu na Twojej stronie do wizerunku Twojej marki.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-adding-default-widths-for-content\"><b>Dodawanie domy\u015blnych szeroko\u015bci dla tre\u015bci<\/b><\/h3>\n\n\n\n<p>Szeroko\u015b\u0107 tre\u015bci to funkcja motywu, dzi\u0119ki kt\u00f3rej mo\u017cna ustawi\u0107 domy\u015bln\u0105 lub maksymaln\u0105 dozwolon\u0105 szeroko\u015b\u0107 (rozmiar) dla dowolnej zawarto\u015bci w motywie, takiej jak osadzone tre\u015bci i obrazy dodawane do post\u00f3w. Ustawiaj\u0105c domy\u015blne szeroko\u015bci, WordPress mo\u017ce skalowa\u0107 kody osadzone do okre\u015blonych rozmiar\u00f3w na frontendzie i wstawia\u0107 du\u017ce obrazy bez naruszania g\u0142\u00f3wnego obszaru tre\u015bci.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-managing-custom-css-cascading-style-sheet-properties\"><b>Zarz\u0105dzanie niestandardowymi w\u0142a\u015bciwo\u015bciami CSS (kaskadowe arkusze styl\u00f3w).<\/b><\/h3>\n\n\n\n<p>Je\u015bli sp\u0119dzi\u0142e\u015b troch\u0119 czasu pracuj\u0105c z CSS, jeste\u015bmy pewni, \u017ce zastanawiasz si\u0119, dlaczego mia\u0142by\u015b chcie\u0107 pisa\u0107 w\u0142asne CSS w znacznie r\u00f3\u017cnym formacie JSON. Jednym s\u0142owem: elastyczno\u015b\u0107.<\/p>\n\n\n\n<p>Za\u0142\u00f3\u017cmy, \u017ce wybra\u0142e\u015b kolor, zielony le\u015bny, dla swojej strony, kt\u00f3ry naprawd\u0119 Ci si\u0119 <i>podoba<\/i>. W CSS musia\u0142by\u015b przej\u015b\u0107 i doda\u0107 kod koloru we wszystkich miejscach, w kt\u00f3rych chcesz u\u017cy\u0107 tego koloru. To nie jest wielka sprawa, prawda?<\/p>\n\n\n\n<p>Teraz za\u0142\u00f3\u017cmy, \u017ce kilka tygodni p\u00f3\u017aniej znajdziesz nieco ciemniejszy odcie\u0144 zielonego koloru le\u015bnego, kt\u00f3rego wola\u0142by\u015b u\u017cy\u0107. W CSS musisz wr\u00f3ci\u0107 i znale\u017a\u0107\/zast\u0105pi\u0107 wszystkie wyst\u0105pienia \u201estarego\u201d kodu koloru zielonego le\u015bnego na nowy.<\/p>\n\n\n\n<p>Ale korzystaj\u0105c z theme.json, wystarczy zaktualizowa\u0107 definicj\u0119 koloru raz, w pliku JSON, aby zmieni\u0107 j\u0105 na ca\u0142ej stronie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-assign-template-parts-to-template-part-areas\"><b>Przypisz cz\u0119\u015bci szablonu do obszar\u00f3w cz\u0119\u015bci szablonu<\/b><\/h3>\n\n\n\n<p>Szablony stron to pliki, kt\u00f3re kontroluj\u0105 wygl\u0105d okre\u015blonej strony i mog\u0105 by\u0107 u\u017cywane do stosowania konkretnych uk\u0142ad\u00f3w stron na r\u00f3\u017cnych stronach witryny. W WordPressie istniej\u0105 tak\u017ce cz\u0119\u015bci szablon\u00f3w, kt\u00f3re funkcjonuj\u0105 jako mniejsze strukturalne sekcje szablonu strony.<\/p>\n\n\n\n<p>Je\u015bli przegl\u0105dasz pliki swojego motywu, zazwyczaj zobaczysz cz\u0119\u015bci szablonu dla element\u00f3w takich jak nag\u0142\u00f3wki czy stopki. <b>theme.json<\/b> pozwala przypisa\u0107 cz\u0119\u015bci szablonu do trzech dost\u0119pnych obszar\u00f3w umieszczenia w szablonie: <i>Og\u00f3lne<\/i>, <i>Nag\u0142\u00f3wek<\/i> i <i>Stopka<\/i>.<\/p>\n\n\n\n<h2 id=\"h-to-convert-or-not-to-convert-that-is-the-question\" class=\"wp-block-heading\"><b>Przekszta\u0142ci\u0107 czy nie przekszta\u0142ci\u0107 \u2013 Oto jest pytanie<\/b><\/h2>\n\n\n\n<p>Teraz, gdy zdoby\u0142e\u015b zrozumienie opcji konfiguracji motyw\u00f3w WordPress dost\u0119pnych dzi\u0119ki plikowi <b>theme.json<\/b>, chcemy poruszy\u0107 jeszcze jedn\u0105 kwesti\u0119: <a href=\"https:\/\/developer.wordpress.org\/themes\/block-themes\/converting-a-classic-theme-to-a-block-theme\/\" target=\"_blank\" rel=\"noopener\">konwersja klasycznego motywu na motyw blokowy<\/a> oraz problemy, kt\u00f3re nale\u017cy rozwa\u017cy\u0107 podczas konwersji.<\/p>\n\n\n\n<p>Motywy blokowe w WordPress maj\u0105 wiele zalet, poniewa\u017c zosta\u0142y stworzone w celu poprawy skalowalno\u015bci i wydajno\u015bci.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Motywy blokowe poprawiaj\u0105 wydajno\u015b\u0107 \u0142adowania, \u0142adowaj\u0105c style tylko dla blok\u00f3w, kt\u00f3re zosta\u0142y dodane do strony.<\/li>\n\n\n\n<li>Motywy blokowe nie wymagaj\u0105 r\u0119cznego dodawania arkuszy styl\u00f3w zar\u00f3wno dla frontendu, jak i edytor\u00f3w.<\/li>\n\n\n\n<li><b>theme.json<\/b> obs\u0142uguje wszystkie aspekty add_theme_support(), co skutkuje mniejsz\u0105 ilo\u015bci\u0105 czasu sp\u0119dzonego na kodowaniu w PHP.<\/li>\n\n\n\n<li>Funkcje dost\u0119pno\u015bci, takie jak przej\u015bcie do tre\u015bci, nawigacja klawiatur\u0105 i punkty orientacyjne, s\u0105 generowane automatycznie bez dodawania dodatkowego kodu.<\/li>\n\n\n\n<li>Z motywem blokowym u\u017cytkownik ko\u0144cowy mo\u017ce edytowa\u0107 wszystkie cz\u0119\u015bci swojej strony internetowej bez dotykania kodu.<\/li>\n\n\n\n<li>Korzystaj\u0105c z interfejsu Styl\u00f3w, u\u017cytkownicy mog\u0105 dostosowywa\u0107 kolory i typografi\u0119 dla strony internetowej oraz dla dowolnych blok\u00f3w, kt\u00f3rych mog\u0105 u\u017cywa\u0107.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Jednak\u017ce, przekszta\u0142cenie klasycznego motywu w motyw blokowy nie jest wolne od pewnych ryzyk.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Konwersja klasycznego motywu na motyw blokowy mo\u017ce wp\u0142yn\u0105\u0107 na motywy potomne, kt\u00f3re oczekuj\u0105 klasycznego motywu. Przed konwersj\u0105 rozwa\u017c potencjalne skutki \u2014 lub stworzenie nowego projektu z now\u0105 nazw\u0105 motywu.<\/li>\n\n\n\n<li><b>theme.json<\/b> wymaga wersji WordPressa 5.8 lub nowszej. W konsekwencji, wsparcie dla Internet Explorer 11 zosta\u0142o zako\u0144czone, gdy wydano WordPressa 5.8. Wi\u0119c, je\u015bli Tw\u00f3j klasyczny motyw obs\u0142uguje IE11 \u2014 lub masz odwiedzaj\u0105cych, kt\u00f3rzy u\u017cywaj\u0105 IE11 \u2014 konwersja na motyw blokowy mo\u017ce wp\u0142yn\u0105\u0107 na do\u015bwiadczenia Twoich odwiedzaj\u0105cych.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 id=\"h-pro-help-is-available\" class=\"wp-block-heading\"><b>Profesjonalna pomoc dost\u0119pna!<\/b><\/h2>\n\n\n\n<p>Mimo \u017ce dostosowywanie motyw\u00f3w WordPress za pomoc\u0105 opcji w pliku <b>theme.json<\/b> mo\u017ce by\u0107 stosunkowo wykonalne, je\u015bli jeste\u015b pocz\u0105tkuj\u0105cym lub \u015brednio zaawansowanym programist\u0105 WordPress, by\u0107 mo\u017ce nie jeste\u015b jeszcze w 100% pewien, \u017ce to krok, kt\u00f3ry chcesz wykona\u0107 samodzielnie. Nie obawiaj si\u0119, poniewa\u017c gdy zapiszesz si\u0119 na trzy plany zarz\u0105dzanego hostingu WordPress DreamPress w DreamHost, automatycznie uzyskasz dost\u0119p do naszej elitarniej dru\u017cyny w pe\u0142ni wewn\u0119trznych ekspert\u00f3w WordPress, kt\u00f3rzy s\u0105 dost\u0119pni 24\/7, aby pom\u00f3c Ci w tym i ka\u017cdym innym elemencie Twojej podr\u00f3\u017cy deweloperskiej!<\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Zr\u00f3b wi\u0119cej z DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      U\u017cytkownicy DreamPress Plus i Pro maj\u0105 dost\u0119p do Jetpack Professional (i ponad 200 premium themes) bez dodatkowych koszt\u00f3w!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pl\/wordpress\/zarzadzany\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Sprawd\u017a Plany                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Nowe opcje konfiguracji motyw\u00f3w w WordPressie u\u0142atwiaj\u0105 jak nigdy dot\u0105d modyfikacj\u0119 wygl\u0105du Twojej strony do Twoich specyficznych i unikalnych potrzeb. Co wi\u0119cej, mo\u017cliwo\u015b\u0107 konwersji klasycznych motyw\u00f3w na motywy blokowe dodaje jeszcze wi\u0119cej funkcjonalno\u015bci przyjaznych dla u\u017cytkownika. W tym po\u015bcie na blogu, czwartym w naszej serii &#8220;Dekodowanie WordPressa&#8221;, om\u00f3wimy [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":35324,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-overview-of-wordpress-themes-and-templates\",\"Przegl\u0105d Motyw\u00f3w i Szablon\u00f3w WordPress\"],[\"h-so-what-are-theme-configuration-options-then\",\"A wi\u0119c, co to s\u0105 opcje konfiguracji motyw\u00f3w?\"],[\"h-what-the-heck-is-json\",\"Co to, do licha, jest JSON?\"],[\"h-options-explained\",\"Opcje Wyja\u015bnione\"],[\"h-to-convert-or-not-to-convert-that-is-the-question\",\"Przekszta\u0142ci\u0107 czy nie przekszta\u0142ci\u0107 \u2013 Oto jest pytanie\"],[\"h-pro-help-is-available\",\"Profesjonalna pomoc dost\u0119pna!\"]]","hide_toc":false,"footnotes":""},"categories":[14460,14438,14458],"tags":[],"class_list":["post-51738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dekodowanie-wordpress-pl","category-rozmowa-techniczna-pl","category-wordpress-pl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON - DreamHost Blog<\/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:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON\" \/>\n<meta property=\"og:description\" content=\"Nowe opcje konfiguracji motyw\u00f3w w WordPressie u\u0142atwiaj\u0105 jak nigdy dot\u0105d modyfikacj\u0119 wygl\u0105du Twojej strony do Twoich specyficznych i unikalnych potrzeb. Co wi\u0119cej, mo\u017cliwo\u015b\u0107 konwersji klasycznych motyw\u00f3w na motywy blokowe dodaje jeszcze wi\u0119cej funkcjonalno\u015bci przyjaznych dla u\u017cytkownika. W tym po\u015bcie na blogu, czwartym w naszej serii &quot;Dekodowanie WordPressa&quot;, om\u00f3wimy [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-06T14:00:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T18:50:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON - DreamHost Blog","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:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON","og_description":"Nowe opcje konfiguracji motyw\u00f3w w WordPressie u\u0142atwiaj\u0105 jak nigdy dot\u0105d modyfikacj\u0119 wygl\u0105du Twojej strony do Twoich specyficznych i unikalnych potrzeb. Co wi\u0119cej, mo\u017cliwo\u015b\u0107 konwersji klasycznych motyw\u00f3w na motywy blokowe dodaje jeszcze wi\u0119cej funkcjonalno\u015bci przyjaznych dla u\u017cytkownika. W tym po\u015bcie na blogu, czwartym w naszej serii \"Dekodowanie WordPressa\", om\u00f3wimy [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-07-06T14:00:36+00:00","article_modified_time":"2025-05-26T18:50:47+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T18:50:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/"},"wordCount":1769,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","articleSection":["Dekodowanie WordPress","Rozmowa Techniczna","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/","name":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","datePublished":"2022-07-06T14:00:36+00:00","dateModified":"2025-05-26T18:50:47+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","width":900,"height":598,"caption":"new WordPress Theme Configuration options"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/konfiguracja-motywu-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Dekodowanie WordPress: Nowe opcje konfiguracji motywu z plikiem Theme.JSON"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"pl","translations":{"pl":51738,"es":35333,"en":35323,"pt":51734,"uk":53846,"de":53867,"ru":53870,"it":68867,"fr":71383,"nl":71413},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=51738"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51738\/revisions"}],"predecessor-version":[{"id":62597,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/51738\/revisions\/62597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/35324"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=51738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=51738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=51738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}