{"id":56856,"date":"2022-05-02T08:08:12","date_gmt":"2022-05-02T15:08:12","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=56856"},"modified":"2025-05-26T11:51:22","modified_gmt":"2025-05-26T18:51:22","slug":"szablony-i-czesci-szablonow-w-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/","title":{"rendered":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu"},"content":{"rendered":"\n<p>Z wprowadzeniem <a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\">WordPress 5.9<\/a>, mo\u017cesz teraz u\u017cywa\u0107 Edycji Ca\u0142ej Strony do dostosowania wygl\u0105du twojego motywu. Ponadto, masz dost\u0119p do wi\u0119kszej liczby funkcji projektowych, aby zbudowa\u0107 swoj\u0105 stron\u0119 bez kodowania, u\u017cywaj\u0105c motywu opartego na blokach. Jednak te podstawowe ustawienia mog\u0105 nie spe\u0142nia\u0107 twoich potrzeb.<\/p>\n\n\n\n<p>Na szcz\u0119\u015bcie mo\u017cesz \u0142atwo doda\u0107 w\u0142asne szablony i cz\u0119\u015bci szablonu do swojego motywu blok\u00f3w WordPress. Zar\u00f3wno korzystaj\u0105c z edycji pe\u0142nej strony, jak i edytuj\u0105c plik swojego motywu, mo\u017cesz stworzy\u0107 <a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\">niestandardowy uk\u0142ad<\/a> do ponownego u\u017cycia podczas projektowania nowej tre\u015bci.<\/p>\n\n\n\n<p>W tym artykule om\u00f3wimy, czym s\u0105 szablony i cz\u0119\u015bci szablon\u00f3w. Nast\u0119pnie poka\u017cemy, jak je tworzy\u0107 w WordPress. Zacznijmy!<\/p>\n\n\n\n<h2 id=\"h-an-introduction-to-wordpress-page-templates\" class=\"wp-block-heading\"><b>Wprowadzenie do Szablon\u00f3w Stron WordPress<\/b><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"639\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png\" alt=\"Schemat hierarchii szablon\u00f3w strony WordPress\" class=\"wp-image-37192 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1024x639.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-300x187.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-768x479.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-1536x958.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-600x374.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy-750x468.png.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-hierarchy-100x62.png 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-hierarchy.png.webp 1685w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/639;\" \/><\/figure><\/div>\n\n\n<p>Motywy to jedna z najbardziej wszechstronnych funkcji WordPressa. Instaluj\u0105c motyw na swojej stronie, mo\u017cesz radykalnie zmieni\u0107 jej wygl\u0105d, aby dopasowa\u0107 go do swoich potrzeb. Co wi\u0119cej, zazwyczaj \u0142atwo jest znale\u017a\u0107 motywy, kt\u00f3re odpowiadaj\u0105 Twojej szczeg\u00f3lnej niszy i oferuj\u0105 du\u017c\u0105 elastyczno\u015b\u0107 podczas procesu projektowania.<\/p>\n\n\n\n<p>Jednak\u017ce, istniej\u0105 pewne rzeczy, kt\u00f3re s\u0105 trudne do wykonania, je\u015bli u\u017cywasz tylko motywu do dostosowywania wygl\u0105du swojej strony. Na przyk\u0142ad, co je\u015bli chcesz, aby twoje archiwa mia\u0142y bardzo r\u00f3\u017cny uk\u0142ad ni\u017c reszta stron? Podobnie, mo\u017cesz chcie\u0107, aby pasek boczny zawiera\u0142 r\u00f3\u017cne informacje na r\u00f3\u017cnych typach stron.<\/p>\n\n\n\n<p>Wprowadzenie szablon\u00f3w stron \u2014 spos\u00f3b na wi\u0119ksz\u0105 kontrol\u0119 nad wygl\u0105dem Twojej strony. W pewnym sensie, szablony stron s\u0105 bardzo podobne do motyw\u00f3w. Oba s\u0105 plikami z kodem, kt\u00f3re m\u00f3wi\u0105 Twojej stronie, jak wy\u015bwietla\u0107 informacje.<\/p>\n\n\n\n<p>Jak sama nazwa wskazuje, szablon strony kontroluje tylko styl konkretnej strony (lub typu strony). Wiele motyw\u00f3w zawiera r\u00f3\u017cne szablony stron do wyboru, ale mo\u017cesz r\u00f3wnie\u017c stworzy\u0107 w\u0142asny. W ten spos\u00f3b mo\u017cesz zdecydowa\u0107, jak dok\u0142adnie powinien by\u0107 skonfigurowany i kt\u00f3re strony powinny by\u0107 przypisane do tego szablonu.<\/p>\n\n\n\n<p>Rozumienie i u\u017cywanie szablon\u00f3w jest nieco bardziej techniczne ni\u017c zajmowanie si\u0119 motywami. Je\u015bli naprawd\u0119 chcesz zrozumie\u0107, jak dzia\u0142aj\u0105 szablony, warto po\u015bwi\u0119ci\u0107 troch\u0119 czasu na zapoznanie si\u0119 z <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\" target=\"_blank\" rel=\"noopener\">Hierarchi\u0105 Szablon\u00f3w WordPress<\/a>. Ten system przypisuje poziom priorytetu ka\u017cdemu typowi szablonu, aby Twoja strona WordPress zawsze wiedzia\u0142a, kt\u00f3ry z nich wy\u015bwietli\u0107.<\/p>\n\n\n\n<p>Nie b\u0119dziemy teraz zag\u0142\u0119bia\u0107 si\u0119 zbyt mocno w ten temat, poniewa\u017c najpierw skupimy si\u0119 specjalnie na szablonach stron. Zacznijmy od zrozumienia, dlaczego w og\u00f3le warto u\u017cywa\u0107 szablon\u00f3w.<\/p>\n\n\n\n<h2 id=\"h-the-benefits-of-using-page-templates\" class=\"wp-block-heading\"><b>Korzy\u015bci z korzystania ze szablon\u00f3w stron<\/b><\/h2>\n\n\n\n<p>Do tej pory powiniene\u015b mie\u0107 ju\u017c pewne poj\u0119cie, dlaczego szablony stron s\u0105 tak przydatne. Zapewniaj\u0105 one znacznie wi\u0119ksz\u0105 kontrol\u0119 nad wygl\u0105dem i uk\u0142adem Twojej strony, ni\u017c mo\u017cna zwykle uzyska\u0107, modyfikuj\u0105c motyw. Zastosowania szablon\u00f3w stron s\u0105 liczne \u2014 jedynym ograniczeniem jest Twoja w\u0142asna kreatywno\u015b\u0107.<\/p>\n\n\n\n<p>Aby uzmys\u0142owi\u0107 sobie znaczenie tej funkcji, oto kilka przyk\u0142ad\u00f3w sytuacji, w kt\u00f3rych mo\u017cesz chcie\u0107 u\u017cy\u0107 szablonu strony:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Je\u015bli chcesz, aby konkretna strona mia\u0142a uk\u0142ad pe\u0142noekranowy, podczas gdy inne strony zachowaj\u0105 projekt o sta\u0142ej szeroko\u015bci.<\/li>\n\n\n\n<li>Aby stworzy\u0107 niestandardow\u0105 stron\u0119, kt\u00f3ra u\u017cywa wid\u017cet\u00f3w nie wy\u015bwietlanych na innych stronach.<\/li>\n\n\n\n<li>Do wy\u015bwietlania rekomendowanych post\u00f3w czytelnikom, kt\u00f3re s\u0105 istotne dla konkretnych tre\u015bci, kt\u00f3re przegl\u0105daj\u0105.<\/li>\n\n\n\n<li>Do budowania strony z unikalnym zestawem funkcji, takimi jak strona wsp\u00f3\u0142tw\u00f3rcy lub archiwum.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Na ko\u0144cu tego posta poka\u017cemy Ci, jak wykona\u0107 ka\u017cd\u0105 z tych rzeczy. Gdy zaczniesz eksperymentowa\u0107 z szablonami stron i poczujesz, jak dzia\u0142aj\u0105, b\u0119dziesz m\u00f3g\u0142 robi\u0107 z nimi, co tylko chcesz.<\/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-introduction-to-full-site-editing-with-templates-and-template-parts\" class=\"wp-block-heading\"><b>Wprowadzenie do edycji pe\u0142nej strony za pomoc\u0105 szablon\u00f3w i cz\u0119\u015bci szablonu<\/b><\/h2>\n\n\n\n<p>Wykorzystuj\u0105c <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/pelna-edytowanie-strony-wordpress\/\" target=\"_blank\" rel=\"noopener\">Edycj\u0119 Pe\u0142nej Strony<\/a>, mo\u017cesz projektowa\u0107 uk\u0142ad swojej strony za pomoc\u0105 blok\u00f3w. Prawdopodobnie ju\u017c u\u017cywasz blok\u00f3w do tworzenia post\u00f3w w WordPressie. Teraz mog\u0105 one budowa\u0107 ca\u0142\u0105 Twoj\u0105 stron\u0119, w tym obszary niezawieraj\u0105ce tre\u015bci.<\/p>\n\n\n\n<p>Jedn\u0105 z zalet edycji pe\u0142nej strony s\u0105 jej szablony stron. Pozwalaj\u0105 one \u0142atwo przegl\u0105da\u0107 i dostosowywa\u0107 szablony bez konieczno\u015bci r\u0119cznej edycji plik\u00f3w motywu:<\/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\/05\/templates-screen-wordpress-1024x631.jpg\" alt=\"ekran szablon\u00f3w WordPress\" class=\"wp-image-37186 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1024x631.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-300x185.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-768x473.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-1536x947.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-600x370.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress-750x462.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-screen-wordpress-100x62.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-screen-wordpress.jpg.webp 1999w\" 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<p>W WordPressie istniej\u0105 r\u00f3wnie\u017c cz\u0119\u015bci szablonu, kt\u00f3re funkcjonuj\u0105 jako mniejsze strukturalne sekcje szablonu strony. Zazwyczaj zobaczysz cz\u0119\u015bci szablonu dla nag\u0142\u00f3wk\u00f3w lub stopki:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"ekran cz\u0119\u015bci szablonu w WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Korzystaj\u0105c ze szablonu, mo\u017cesz budowa\u0107 strony z unikalnymi funkcjami. Na przyk\u0142ad, mo\u017cesz nie chcie\u0107, aby Twoja <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\">strona g\u0142\u00f3wna<\/a> mia\u0142a taki sam uk\u0142ad jak reszta Twojej zawarto\u015bci. Dlatego mo\u017cesz osi\u0105gn\u0105\u0107 unikalny projekt za pomoc\u0105 szablonu strony.<\/p>\n\n\n\n<p>Ponadto, mo\u017cesz zaoszcz\u0119dzi\u0107 czas podczas procesu projektowania, u\u017cywaj\u0105c ponownie szablon\u00f3w i cz\u0119\u015bci szablon\u00f3w. Po prostu klikaj\u0105c na szablon lub pojedynczy element, mo\u017cesz zaimplementowa\u0107 go natychmiast.<\/p>\n\n\n\n<h2 id=\"h-how-to-make-templates-in-wordpress-with-the-template-editor\" class=\"wp-block-heading\"><b>Jak Tworzy\u0107 Szablony w WordPress za pomoc\u0105 Edytora Szablon\u00f3w<\/b><\/h2>\n\n\n\n<p>Je\u015bli korzystasz z motywu blokowego, zawiera on <a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\">Edytor Szablon\u00f3w<\/a>. Korzystaj\u0105c z tej funkcji, mo\u017cesz tworzy\u0107 i edytowa\u0107 szablony dla dowolnej strony lub posta na swojej stronie internetowej. Dzia\u0142a podobnie do Edytora Blok\u00f3w, umo\u017cliwiaj\u0105c dostosowanie motywu za pomoc\u0105 blok\u00f3w.<\/p>\n\n\n\n<p>Aby zacz\u0105\u0107, musisz zainstalowa\u0107 motyw blokowy. W swoim panelu WordPress przejd\u017a do <i>Wygl\u0105d &gt; Motywy &gt; Dodaj nowy<\/i>. Nast\u0119pnie, filtruj wyniki za pomoc\u0105 tagu <i>Pe\u0142na edycja strony<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg\" alt=\"w\u0142\u0105cz edycj\u0119 pe\u0142nej strony w WordPress\" class=\"wp-image-37182 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress-750x411.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/enabling-full-site-editing-in-wordpress-100x55.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/enabling-full-site-editing-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/561;\" \/><\/figure><\/div>\n\n\n<p>Wybierz <i>Zastosuj Filtry<\/i>. W wynikach wyszukiwania zainstaluj i aktywuj motyw. W tym poradniku b\u0119dziemy u\u017cywa\u0107 domy\u015blnego motywu Twenty Twenty-Two:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"729\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg\" alt=\"dostosowywanie motyw\u00f3w w WordPress\" class=\"wp-image-37181 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-1024x729.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-300x214.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-768x547.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-600x427.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress-750x534.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/customize-themes-in-wordpress-100x71.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/customize-themes-in-wordpress.jpg.webp 1422w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/729;\" \/><\/figure><\/div>\n\n\n<p>Aby utworzy\u0107 nowy szablon, rozpocznij od dodania nowego posta lub strony. Nast\u0119pnie, w zak\u0142adce <i>Post<\/i> znajd\u017a sekcj\u0119 <i>Szablon<\/i> i wybierz przycisk <i>Nowy<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"447\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg\" alt=\"wybieranie szablonu strony WordPress w edytorze\" class=\"wp-image-37183 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1024x447.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-300x131.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-768x335.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-1536x670.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-600x262.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor-750x327.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/select-page-template-in-wordpress-editor-100x44.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/select-page-template-in-wordpress-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/447;\" \/><\/figure><\/div>\n\n\n<p>W wyskakuj\u0105cym oknie nadaj swojemu nowemu szablonowi nazw\u0119. Nast\u0119pnie wybierz <i>Utw\u00f3rz<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"842\" height=\"580\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg\" alt=\"stw\u00f3rz nowy w\u0142asny szablon w WordPress\" class=\"wp-image-37180 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress.jpg.webp 842w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-768x529.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-600x413.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/create-a-new-custom-template-in-wordpress-750x517.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/create-a-new-custom-template-in-wordpress-100x69.jpg 100w\" data-sizes=\"(max-width: 842px) 100vw, 842px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 842px; --smush-placeholder-aspect-ratio: 842\/580;\" \/><\/figure><\/div>\n\n\n<p>To automatycznie otworzy Edytor Szablon\u00f3w. Mo\u017cesz zaprojektowa\u0107 sw\u00f3j szablon u\u017cywaj\u0105c tych samych blok\u00f3w, kt\u00f3re u\u017cy\u0142by\u015b w po\u015bcie. Wa\u017cne jest jednak zauwa\u017cy\u0107, \u017ce te bloki zostan\u0105 dodane do ka\u017cdego posta z tym szablonem:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg\" alt=\"dodawanie blok\u00f3w do nowej cz\u0119\u015bci szablonu w WordPress\" class=\"wp-image-37179 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part-750x457.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/adding-blocks-to-a-new-template-part-100x61.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/adding-blocks-to-a-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Mo\u017cesz tak\u017ce wstawi\u0107 bloki powi\u0105zane z Twoim motywem. Przewijaj\u0105c w d\u00f3\u0142 do sekcji <i>Motyw<\/i> w opcjach bloku, mo\u017cesz wy\u015bwietli\u0107 logo, slogan, komentarze do post\u00f3w i wi\u0119cej:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"548\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg\" alt=\"wybieranie dost\u0119pnych blok\u00f3w motyw\u00f3w WordPress\" class=\"wp-image-37194 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1024x548.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-300x161.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-768x411.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-1536x822.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-600x321.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks-750x401.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-theme-blocks-100x54.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-theme-blocks.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/548;\" \/><\/figure><\/div>\n\n\n<p>Kiedy zako\u0144czysz dostosowywanie swojego szablonu, kliknij na <i>Opublikuj<\/i>. Nast\u0119pnie, kiedy tylko b\u0119dziesz chcia\u0142 przypisa\u0107 post lub stron\u0119 do tego szablonu, po prostu wybierz go w zak\u0142adce ustawie\u0144.<\/p>\n\n\n\n<h2 id=\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\" class=\"wp-block-heading\"><b>Jak tworzy\u0107 cz\u0119\u015bci szablonu w WordPress za pomoc\u0105 Edytora Stron<\/b><\/h2>\n\n\n\n<p>Z tematem blokowym mo\u017cesz edytowa\u0107 szablony za pomoc\u0105 Edytora Strony. Mo\u017cesz edytowa\u0107 sw\u00f3j motyw bezpo\u015brednio, zamiast tworzy\u0107 nowy post lub stron\u0119.<\/p>\n\n\n\n<p>Najpierw przejd\u017a do swojego panelu. Nast\u0119pnie wybierz <i>Wygl\u0105d &gt; Edytor (beta)<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"334\" height=\"246\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor.jpg\" alt=\"Ustawienia edytora motyw\u00f3w WordPress w menu Wygl\u0105d\" class=\"wp-image-37195 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-themes-editor.jpg.webp 334w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-300x221.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-themes-editor-100x74.jpg 100w\" data-sizes=\"(max-width: 334px) 100vw, 334px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 334px; --smush-placeholder-aspect-ratio: 334\/246;\" \/><\/figure><\/div>\n\n\n<p>To otworzy Edytor Strony. Aby znale\u017a\u0107 szablony i cz\u0119\u015bci szablonu swojego motywu, kliknij na ikon\u0119 WordPress w lewym g\u00f3rnym rogu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg\" alt=\"Edytor stron WordPress\" class=\"wp-image-37191 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1024x477.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-1536x716.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-site-editor-100x47.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-site-editor.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/477;\" \/><\/figure><\/div>\n\n\n<p>Po wybraniu <i>Cz\u0119\u015bci Szablonu<\/i>, zobaczysz list\u0119 domy\u015blnych opcji. Aby doda\u0107 now\u0105 cz\u0119\u015b\u0107 szablonu, kliknij przycisk <i>Dodaj Nowy<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg\" alt=\"ekran cz\u0119\u015bci szablonu w WordPress\" class=\"wp-image-37184 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1024x591.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-300x173.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-768x443.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-1536x886.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-600x346.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress-750x433.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/template-parts-screen-in-wordpress-100x58.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/template-parts-screen-in-wordpress.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure><\/div>\n\n\n<p>Nast\u0119pnie, stw\u00f3rz nazw\u0119 dla cz\u0119\u015bci szablonu i wybierz, gdzie ma by\u0107 umieszczona. Trzy obszary rozmieszczenia to <i>Og\u00f3lne<\/i>, <i>Nag\u0142\u00f3wek<\/i> i <i>Stopka<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"905\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg\" alt=\"tworzenie nowej cz\u0119\u015bci szablonu w WordPress\" class=\"wp-image-37189 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-1024x905.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-300x265.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-768x679.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-600x531.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part-750x663.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-create-a-template-part-100x88.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-create-a-template-part.jpg.webp 1244w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/905;\" \/><\/figure><\/div>\n\n\n<p>Kiedy sko\u0144czysz, wybierz <i>Utw\u00f3rz<\/i>. To przeniesie Ci\u0119 do izolowanej cz\u0119\u015bci szablonu, kt\u00f3r\u0105 mo\u017cesz dostosowa\u0107, dodaj\u0105c bloki:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"624\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg\" alt=\"WordPress dodaj now\u0105 cz\u0119\u015b\u0107 szablonu\" class=\"wp-image-33804 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1024x624.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-300x183.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-768x468.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-add-new-template-part-1536x936.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-600x366.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1200x731.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-730x445.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1460x890.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-784x478.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1568x955.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-877x534.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part-1754x1069.jpg.webp 1754w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-add-new-template-part.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/624;\" \/><\/figure><\/div>\n\n\n<p>Mo\u017cesz wy\u015bwietli\u0107 prosty wezwanie do dzia\u0142ania, logo strony internetowej lub cokolwiek innego, co chcia\u0142by\u015b u\u017cy\u0107 ponownie jako cz\u0119\u015b\u0107 szablonu. Po zapisaniu mo\u017cesz doda\u0107 to do dowolnego szablonu, po prostu wstawiaj\u0105c blok <i>Cz\u0119\u015b\u0107 Szablonu<\/i>.<\/p>\n\n\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t27 motyw\u00f3w blokowych WordPress idealnych do pe\u0142nej edycji strony\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/pl\/motywy-blokowe-wordpress\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n\n\n<h2 id=\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\" class=\"wp-block-heading\"><b>Jak Stworzy\u0107 W\u0142asne Szablony i Cz\u0119\u015bci Szablon\u00f3w w WordPress (Kodowanie R\u0119czne)<\/b><\/h2>\n\n\n\n<p>Chocia\u017c Edycja Ca\u0142ej Strony umo\u017cliwia tworzenie szablon\u00f3w i cz\u0119\u015bci szablonu dla istniej\u0105cego motywu, mo\u017cesz chcie\u0107 <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\">rozwin\u0105\u0107 sw\u00f3j motyw<\/a>. Dodatkowo, ta opcja mo\u017ce da\u0107 ci wi\u0119ksz\u0105 kontrol\u0119 nad wygl\u0105dem twojej strony internetowej.<\/p>\n\n\n\n<p>Je\u015bli tworzysz nowy motyw na bazie istniej\u0105cego, zalecamy <a href=\"https:\/\/www.dreamhost.com\/blog\/pl\/jak-stworzyc-motyw-potomny-wordpress\/\" target=\"_blank\" rel=\"noopener\">utworzenie motywu potomnego<\/a>. Ten krok zapewnia, \u017ce nowe aktualizacje motywu nadrz\u0119dnego nie nadpisz\u0105 Twoich dostosowa\u0144.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-add-a-configuration-file\"><b>Krok 1: Dodaj plik konfiguracyjny<\/b><\/h3>\n\n\n\n<p>W przypadku wcze\u015bniejszych <a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\">motyw\u00f3w opartych na PHP,<\/a> mog\u0142e\u015b edytowa\u0107 nag\u0142\u00f3wek pliku szablonu. Jednak\u017ce, aby stworzy\u0107 niestandardow\u0105 zawarto\u015b\u0107 w motywie opartym na blokach, musisz utworzy\u0107 nowy <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><i>plik theme.json<\/i><\/a>.<\/p>\n\n\n\n<p>Najpierw musisz uzyska\u0107 dost\u0119p do swojej strony za pomoc\u0105 <a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\">Secure File Transfer Protocol (SFTP)<\/a> lub panelu zarz\u0105dzania stron\u0105 Twojego dostawcy hostingu. Nast\u0119pnie poszukaj folderu <i>themes<\/i>, kt\u00f3ry powinien znajdowa\u0107 si\u0119 w <i>wp-content<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"420\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg\" alt=\"folder wp-content themes w WordPress przez FTP\" class=\"wp-image-37197 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1024x420.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-768x315.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wp-content-themes-folder-1-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wp-content-themes-folder-1.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/420;\" \/><\/figure><\/div>\n\n\n<p>W folderze swojego motywu potomnego, utw\u00f3rz nowy plik. Oznacz go jako &#8220;theme.json&#8221;:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg\" alt=\"plik theme.json\" class=\"wp-image-37187 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-1024x363.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-300x106.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-768x272.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-600x213.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file-750x266.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/theme-json-file-100x35.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/theme-json-file.jpg.webp 1274w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure><\/div>\n\n\n<p>W tym pliku, do\u0142\u0105cz numer wersji w nawiasach klamrowych. Je\u015bli tego nie dodasz, b\u0119dzie odczytywane jako \u201ewersja 0\u201d:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;\"version\": 2\n}<\/pre>\n\n\n\n<p>B\u0119dziesz musia\u0142 skonfigurowa\u0107 ten plik <i>theme.json<\/i>, aby obs\u0142ugiwa\u0142 szeroko\u015b\u0107 Twojej zawarto\u015bci. Po numerze Twojej wersji, skopiuj i wklej <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\">ten dodatkowy kod<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,\n\"settings\": {\n\"layout\": {\n\"contentSize\": \"840px\",\n\"wideSize\": \"1100px\"\n }\n }\n}<\/pre>\n\n\n\n<p>To ustawi szeroko\u015b\u0107 Twojej tre\u015bci na 840px. Szeroko\u015b\u0107 du\u017ca zostanie r\u00f3wnie\u017c zaktualizowana do 1100px. Te warto\u015bci odpowiadaj\u0105 domy\u015blnym szeroko\u015bciom w Edytorze Stron, ale mo\u017cesz je edytowa\u0107 wed\u0142ug potrzeb.<\/p>\n\n\n\n<p>Skoro szeroko\u015b\u0107 tre\u015bci wynosi teraz 840px, zapewni to du\u017co miejsca dla ka\u017cdej linii znak\u00f3w. W zale\u017cno\u015bci od wybranego przez Ciebie czcionki i rozmiaru, mo\u017cesz potrzebowa\u0107 dostosowa\u0107 to, aby widzowie mogli wygodnie czyta\u0107 Twoje tre\u015bci.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-new-template-parts\"><b>Krok 2: Utw\u00f3rz Nowe Cz\u0119\u015bci Szablonu<\/b><\/h3>\n\n\n\n<p>Nast\u0119pnie wr\u00f3\u0107 do folderu <i>themes<\/i> i otw\u00f3rz folder <i>templates<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"419\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg\" alt=\"lokalizacja folderu szablon\u00f3w w folderze motyw\u00f3w za pomoc\u0105 klienta FTP\" class=\"wp-image-37185 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1024x419.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-768x314.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-1536x629.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-600x246.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder-750x307.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/templates-folder-in-theme-folder-100x41.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/templates-folder-in-theme-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/419;\" \/><\/figure><\/div>\n\n\n<p>Tutaj, stw\u00f3rz plik <i>index.html<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg\" alt=\"Folder motyw\u00f3w wp-content WordPress\" class=\"wp-image-37196 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1024x332.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-1536x498.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder-750x243.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-wp-content-themes-folder-100x32.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-wp-content-themes-folder.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/332;\" \/><\/figure><\/div>\n\n\n<p>Powr\u00f3\u0107 do folderu swojego motywu i kliknij na <i>template-parts<\/i>. W tym folderze utw\u00f3rz pliki dla <i>footer.html<\/i> i <i>header.html<\/i>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"520\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg\" alt=\"lokalizacja pliku footer.php WordPress przez klienta FTP\" class=\"wp-image-37190 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1024x520.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-768x390.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-1536x781.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-600x305.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location-750x381.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-footer-php-file-location-100x51.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-footer-php-file-location.jpg.webp 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/520;\" \/><\/figure><\/div>\n\n\n<p>W pliku <i>header.html<\/i> dodaj kod dla blok\u00f3w tytu\u0142u strony i tagline. Mo\u017cesz to zrobi\u0107, do\u0142\u0105czaj\u0105c ten <a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\">znacznik bloku<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:site-title \/--&gt;\n&lt;!-- wp:site-tagline \/--&gt;<\/pre>\n\n\n\n<p>Nast\u0119pnie przejd\u017a do pliku footer.html i wklej nast\u0119puj\u0105cy kod:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;\n&lt;p class=\"has-text-align-center\"&gt;Dumnie wspierane przez \n&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;\n&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/pre>\n\n\n\n<p>Po dodaniu tych cz\u0119\u015bci szablonu, mo\u017cna je \u0142atwo zidentyfikowa\u0107, gdy jeste\u015b gotowy, aby przetestowa\u0107 sw\u00f3j motyw.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-combine-the-template-parts\"><b>Krok 3: Po\u0142\u0105cz Cz\u0119\u015bci Szablonu<\/b><\/h3>\n\n\n\n<p>Kolejnym krokiem jest umieszczenie znacznik\u00f3w blok\u00f3w dla cz\u0119\u015bci szablonu w pliku HTML szablonu. Otw\u00f3rz folder <i>templates<\/i> i znajd\u017a plik <i>index.html<\/i>, kt\u00f3ry utworzy\u0142e\u015b w poprzednim kroku.<\/p>\n\n\n\n<p>Nast\u0119pnie b\u0119dziesz musia\u0142 doda\u0107 kod dla dw\u00f3ch cz\u0119\u015bci szablonu:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;\n&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/pre>\n\n\n\n<p>Na podstawie nazwy pliku cz\u0119\u015bci szablonu, ta nazwa stanie si\u0119 slugiem. Na przyk\u0142ad, cz\u0119\u015b\u0107 szablonu <i>header.html<\/i> b\u0119dzie mia\u0142a \u201eheader\u201d jako sw\u00f3j slug.<\/p>\n\n\n\n<p>Nast\u0119pnie dodaj odpowiedni element HTML dla ka\u017cdej cz\u0119\u015bci szablonu. B\u0119d\u0105 one identyfikowa\u0107 lokalizacj\u0119 cz\u0119\u015bci szablonu:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"tagName\":\"nag\u0142\u00f3wek\"\n\"tagName\":\"stopka\"<\/pre>\n\n\n\n<p>Je\u015bli zamierzasz u\u017cywa\u0107 CSS do identyfikacji tego nag\u0142\u00f3wka i stopki, musisz doda\u0107 niestandardow\u0105 nazw\u0119 klasy CSS. Mo\u017cesz umie\u015bci\u0107 ten kod na ko\u0144cu ka\u017cdej linii:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"className\":\"nag\u0142\u00f3wek-strony\"\n\"className\":\"stopka-strony\"<\/pre>\n\n\n\n<p>Na koniec, ustawienie uk\u0142adu, kt\u00f3re wprowadzi\u0142e\u015b do pliku <i>theme.json<\/i>, musi by\u0107 obs\u0142ugiwane. Aby to zrobi\u0107, dodaj ten kod do ka\u017cdej cz\u0119\u015bci szablonu:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\"layout\":{\"inherit\":true}<\/pre>\n\n\n\n<p>Oto jak powinien wygl\u0105da\u0107 wynikowy kod:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg\" alt=\"Fragmenty kodu cz\u0119\u015bci szablonu WordPress\" class=\"wp-image-37193 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1024x219.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code-750x161.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/wordpress-template-part-code-100x21.jpg 100w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/wordpress-template-part-code.jpg.webp 1998w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/219;\" \/><\/figure><\/div>\n\n\n<p>Po zako\u0144czeniu kodowania mo\u017cesz wy\u015bwietli\u0107 podgl\u0105d swojej strony, aby zobaczy\u0107 te zmiany w uk\u0142adzie.<\/p>\n\n\n\n<h2 id=\"h-ready-to-create-your-own-custom-templates\" class=\"wp-block-heading\"><b>Gotowy, aby stworzy\u0107 w\u0142asne szablony?<\/b><\/h2>\n\n\n\n<p>Je\u015bli chcesz usprawni\u0107 proces projektowania swojej strony internetowej, dobrym pomys\u0142em b\u0119dzie skorzystanie z Edycji Pe\u0142nej Strony. Mo\u017cesz \u0142atwo dostosowa\u0107 wygl\u0105d swojej strony za pomoc\u0105 szablon\u00f3w i cz\u0119\u015bci szablon\u00f3w korzystaj\u0105c z tej funkcji. To podej\u015bcie mo\u017ce by\u0107 prostsz\u0105 alternatyw\u0105 ni\u017c ca\u0142kowite projektowanie ka\u017cdej strony od podstaw.<\/p>\n\n\n\n<p>Aby podsumowa\u0107, oto r\u00f3\u017cne sposoby, w jakie mo\u017cesz tworzy\u0107 szablony i cz\u0119\u015bci szablon\u00f3w w WordPress:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Stw\u00f3rz nowy szablon za pomoc\u0105 Edytora Szablon\u00f3w.<\/li>\n\n\n\n<li>Tw\u00f3rz cz\u0119\u015bci szablonu za pomoc\u0105 Edytora Strony.<\/li>\n\n\n\n<li>R\u0119cznie koduj szablony i cz\u0119\u015bci szablonu.<\/li>\n\n\n<\/ol>\n\n\n\n<p>Tworzenie w\u0142asnego motywu mo\u017ce by\u0107 trudne, zw\u0142aszcza je\u015bli nie masz do\u015bwiadczenia w tworzeniu stron internetowych. Je\u015bli potrzebujesz dostosowa\u0107 uk\u0142ad od podstaw, mo\u017cesz rozwa\u017cy\u0107 wynaj\u0119cie profesjonalnego projektanta. Dzi\u0119ki naszej <a href=\"https:\/\/www.dreamhost.com\/pl\/uslugi-profesjonalne\/projekt\/niestandardowy-projekt-strony\/\" target=\"_blank\" rel=\"noopener\">us\u0142udze profesjonalnego projektowania stron Custom Web Design Pro Service<\/a>, mo\u017cesz unikn\u0105\u0107 skomplikowanego procesu kodowania i uzyska\u0107 wysokiej jako\u015bci stron\u0119 internetow\u0105 zaprojektowan\u0105 dla Twojej marki!<\/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      Stw\u00f3rz Spersonalizowan\u0105 Stron\u0119, z Kt\u00f3rej B\u0119dziesz Dumny\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nasi projektanci stworz\u0105 dla Ciebie pi\u0119kn\u0105 stron\u0119 od podstaw, idealnie dopasowan\u0105 do Twojej marki.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/pl\/uslugi-profesjonalne\/projekt\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Dowiedz si\u0119 wi\u0119cej                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Z wprowadzeniem WordPressa 5.9, mo\u017cesz teraz u\u017cywa\u0107 Pe\u0142nej edycji strony, aby dostosowa\u0107 wygl\u0105d swojego motywu. Co wi\u0119cej, masz dost\u0119p do wi\u0119kszej liczby funkcji projektowania, aby budowa\u0107 swoj\u0105 stron\u0119 bez kodowania, korzystaj\u0105c z motywu opartego na blokach. Jednak te podstawowe ustawienia mog\u0105 nie spe\u0142nia\u0107 Twoich potrzeb. Na szcz\u0119\u015bcie, mo\u017cesz \u0142atwo doda\u0107 niestandardowe szablony i cz\u0119\u015bci szablonu [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":37177,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-an-introduction-to-wordpress-page-templates\",\"Wprowadzenie do Szablon\u00f3w Stron WordPress\"],[\"h-the-benefits-of-using-page-templates\",\"Korzy\u015bci z korzystania ze szablon\u00f3w stron\"],[\"h-an-introduction-to-full-site-editing-with-templates-and-template-parts\",\"Wprowadzenie do edycji pe\u0142nej strony za pomoc\u0105 szablon\u00f3w i cz\u0119\u015bci szablonu\"],[\"h-how-to-make-templates-in-wordpress-with-the-template-editor\",\"Jak Tworzy\u0107 Szablony w WordPress za pomoc\u0105 Edytora Szablon\u00f3w\"],[\"h-how-to-create-template-parts-in-wordpress-with-the-site-editor\",\"Jak tworzy\u0107 cz\u0119\u015bci szablonu w WordPress za pomoc\u0105 Edytora Stron\"],[\"h-how-to-create-custom-templates-and-template-parts-in-wordpress-manual-coding\",\"Jak Stworzy\u0107 W\u0142asne Szablony i Cz\u0119\u015bci Szablon\u00f3w w WordPress (Kodowanie R\u0119czne)\"],[\"h-ready-to-create-your-own-custom-templates\",\"Gotowy, aby stworzy\u0107 w\u0142asne szablony?\"]]","hide_toc":false,"footnotes":""},"categories":[14460,14456,14458],"tags":[],"class_list":["post-56856","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dekodowanie-wordpress-pl","category-projektowanie-stron-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>Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu - 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\/szablony-i-czesci-szablonow-w-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu\" \/>\n<meta property=\"og:description\" content=\"Z wprowadzeniem WordPressa 5.9, mo\u017cesz teraz u\u017cywa\u0107 Pe\u0142nej edycji strony, aby dostosowa\u0107 wygl\u0105d swojego motywu. Co wi\u0119cej, masz dost\u0119p do wi\u0119kszej liczby funkcji projektowania, aby budowa\u0107 swoj\u0105 stron\u0119 bez kodowania, korzystaj\u0105c z motywu opartego na blokach. Jednak te podstawowe ustawienia mog\u0105 nie spe\u0142nia\u0107 Twoich potrzeb. Na szcz\u0119\u015bcie, mo\u017cesz \u0142atwo doda\u0107 niestandardowe szablony i cz\u0119\u015bci szablonu [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-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-05-02T15:08:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T18:51:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg\" \/>\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=\"10 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu - 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\/szablony-i-czesci-szablonow-w-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu","og_description":"Z wprowadzeniem WordPressa 5.9, mo\u017cesz teraz u\u017cywa\u0107 Pe\u0142nej edycji strony, aby dostosowa\u0107 wygl\u0105d swojego motywu. Co wi\u0119cej, masz dost\u0119p do wi\u0119kszej liczby funkcji projektowania, aby budowa\u0107 swoj\u0105 stron\u0119 bez kodowania, korzystaj\u0105c z motywu opartego na blokach. Jednak te podstawowe ustawienia mog\u0105 nie spe\u0142nia\u0107 Twoich potrzeb. Na szcz\u0119\u015bcie, mo\u017cesz \u0142atwo doda\u0107 niestandardowe szablony i cz\u0119\u015bci szablonu [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:08:12+00:00","article_modified_time":"2025-05-26T18:51:22+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T18:51:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/"},"wordCount":2005,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","articleSection":["Dekodowanie WordPress","Projektowanie Stron","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/","name":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","datePublished":"2022-05-02T15:08:12+00:00","dateModified":"2025-05-26T18:51:22+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature.jpg","width":900,"height":598,"caption":"WordPress page templates and template parts"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/pl\/szablony-i-czesci-szablonow-w-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Odkodowywanie WordPressa: W\u0142asne Szablony i Cz\u0119\u015bci Szablonu"}]},{"@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":56856,"es":33728,"en":33726,"uk":52735,"pt":56850,"de":56853,"ru":56859,"it":68366,"fr":70315,"nl":70336},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56856","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=56856"}],"version-history":[{"count":4,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56856\/revisions"}],"predecessor-version":[{"id":62611,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/56856\/revisions\/62611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37177"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=56856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=56856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=56856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}