{"id":1216,"date":"2025-09-14T07:24:07","date_gmt":"2025-09-14T07:24:07","guid":{"rendered":"\/pl\/tutoriale\/?p=1216"},"modified":"2026-01-22T18:42:55","modified_gmt":"2026-01-22T18:42:55","slug":"szablon-strony-wordpress","status":"publish","type":"post","link":"\/pl\/tutoriale\/szablon-strony-wordpress","title":{"rendered":"Jak stworzy\u0107 szablon strony WordPress"},"content":{"rendered":"<p>Projektowanie strony internetowej mo&#380;e by&#263; czasoch&#322;onne. Nawet u&#380;ywaj&#261;c rozbudowanego motywu WordPress lub kreatora stron, mo&#380;esz sp&#281;dzi&#263; wiele godzin na budowaniu i edycji kolejnych podstron. Dodatkowo mo&#380;esz wole&#263; stworzy&#263; w&#322;asny szablon strony WordPress zamiast korzysta&#263; z gotowego, uniwersalnego uk&#322;adu.<\/p><p>Tworz&#261;c szablony stron WordPress, mo&#380;esz zastosowa&#263; je na dowolnej podstronie swojej strony internetowej. Dzi&#281;ki temu mo&#380;esz &#322;atwo zmienia&#263; og&oacute;lny wygl&#261;d swojej strony internetowej bez potrzeby r&#281;cznego aktualizowania ka&#380;dej podstrony.<\/p><p>W tym poradniku om&oacute;wimy, dlaczego warto u&#380;ywa&#263; w&#322;asnych szablon&oacute;w stron. Nast&#281;pnie poka&#380;emy Ci, jak je utworzy&#263; w WordPress. Zaczynajmy!<\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-jak-stworzyc-szablon-strony-wordpress-2-metody\"><strong>Jak stworzy&#263; szablon strony WordPress (2 metody)<\/strong><\/h2><p>Jak widzisz, tworzenie niestandardowych szablon&oacute;w stron WordPress daje Ci wi&#281;ksz&#261; swobod&#281; w kszta&#322;towaniu wygl&#261;du Twojej strony. Ten proces pomaga te&#380; oszcz&#281;dzi&#263; czas.<\/p><p>Na szcz&#281;&#347;cie szablon strony WordPress mo&#380;esz przygotowa&#263; na r&oacute;&#380;ne sposoby. Na przyk&#322;ad mo&#380;esz utworzy&#263; go r&#281;cznie i przes&#322;a&#263; plik na stron&#281; albo skorzysta&#263; z wtyczki typu kreator stron.<\/p><p>Przyjrzyjmy si&#281; bli&#380;ej obu metodom!<\/p><h3 class=\"wp-block-heading\" id=\"h-1-utworz-szablon-strony-recznie\"><strong>1. Utw&oacute;rz szablon strony r&#281;cznie<\/strong><\/h3><p>Je&#347;li masz ju&#380; do&#347;wiadczenie w tworzeniu motyw&oacute;w WordPress, mo&#380;esz &#347;mia&#322;o wybra&#263; podej&#347;cie r&#281;czne. Metoda ta wymaga pewnej znajomo&#347;ci kodowania, ale daje Ci du&#380;&#261; swobod&#281; podczas tworzenia takiego szablonu.<\/p><p>\n\n\n<div><p class=\"important\"><strong>Wa&#380;ne! <\/strong>W tym poradniku utworzymy i prze&#347;lemy plik szablonu do Twojego bie&#380;&#261;cego motywu. Zalecamy najpierw utworzenie motywu potomnego. Dzi&#281;ki temu nie utracisz nowych zmian podczas aktualizacji motywu nadrz&#281;dnego.<\/p><\/div>\n\n\n\n<\/p><p><strong>Krok 1: Utw&oacute;rz plik szablonu<\/strong><\/p><p>Aby rozpocz&#261;&#263;, otw&oacute;rz wybrany edytor tekstu i dodaj nast&#281;puj&#261;c&#261; lini&#281; kodu:<\/p><pre class=\"wp-block-code\"><code>&lt;?php \/* Template Name: CustomPage *\/ ?&gt;<\/code><\/pre><p>Mo&#380;esz nazwa&#263; sw&oacute;j szablon dowolnie, jednak najlepiej u&#380;y&#263; &#322;atwo rozpoznawalnej nazwy.<\/p><p>Na przyk&#322;ad je&#347;li tworzysz szablon strony dla okre&#347;lonego typu wpis&oacute;w blogowych, takich jak poradniki, mo&#380;esz nazwa&#263; go &bdquo;Poradniki&rdquo;. Podobnie, je&#347;li tworzysz szablon bez paska bocznego, mo&#380;esz nada&#263; mu nazw&#281; &bdquo;StronaBezPaskaBocznego&rdquo;.<\/p><p>Po dodaniu kodu zapisz plik pod nazw&#261;, np. custompage.php. Nazwa pliku mo&#380;e by&#263; dowolna, ale musi mie&#263; rozszerzenie .<strong>php<\/strong>.<\/p><p><strong>Krok 2: Prze&#347;lij plik szablonu na swoj&#261; stron&#281;<\/strong><\/p><p>Nast&#281;pnie musisz przes&#322;a&#263; ten plik na sw&oacute;j serwer. W tym celu mo&#380;esz u&#380;y&#263; <strong>klienta FTP<\/strong>, takiego jak FileZilla.<\/p><p>Je&#347;li korzystasz z FTP po raz pierwszy, konieczne b&#281;dzie podanie danych dost&#281;powych, w tym nazwy u&#380;ytkownika oraz nazwy hosta serwera. Informacje te znajdziesz w panelu swojego hostingu WordPress.<\/p><p>Po po&#322;&#261;czeniu si&#281; ze stron&#261; przez FileZilla przejd&#378; do folderu <strong>wp-content\/themes\/<\/strong> i otw&oacute;rz folder swojego motywu potomnego:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30dae25cd\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"593\" height=\"259\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-themes-folder.png\/public\" alt=\"Folder motywu potomnego\" class=\"wp-image-1238\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-themes-folder.png\/w=593,fit=scale-down 593w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-themes-folder.png\/w=300,fit=scale-down 300w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Teraz prze&#347;lij utworzony plik szablonu do tego folderu. Szablon ten powinien by&#263; ju&#380; dost&#281;pny na Twojej stronie.<\/p><p>Aby to potwierdzi&#263;, przejd&#378; do panelu administracyjnego WordPress i utw&oacute;rz now&#261; stron&#281; (lub otw&oacute;rz istniej&#261;c&#261;). W panelu <strong>ustawie&#324; <\/strong>znajd&#378; sekcj&#281; <strong>Szablon <\/strong>i kliknij j&#261;, aby zobaczy&#263; dost&#281;pne opcje:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30dae4493\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-template.png\/public\" alt=\"Sekcja szablon&oacute;w WordPress w edytorze blok&oacute;w\" class=\"wp-image-1237\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-template.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-template.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-template.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Na li&#347;cie powinien pojawi&#263; si&#281; nowy szablon. Je&#347;li jednak ustawisz go jako szablon strony i klikniesz <strong>Podgl&#261;d<\/strong>, zobaczysz pust&#261; stron&#281;.<\/p><p>Sta&#322;o si&#281; tak, poniewa&#380; plik szablonu nie zawiera jeszcze &#380;adnej zawarto&#347;ci. Poka&#380;emy Ci, jak go dostosowa&#263; w kolejnym kroku.<\/p><p><strong>Krok 3: Dostosuj plik szablonu<\/strong><\/p><p>Na pocz&#261;tku skopiuj zawarto&#347;&#263; istniej&#261;cego szablonu strony z bie&#380;&#261;cego motywu. W tym celu po&#322;&#261;cz si&#281; ze stron&#261; przez FTP i przejd&#378; do folderu bie&#380;&#261;cego motywu. Znajd&#378; plik <strong>page.php<\/strong> i otw&oacute;rz go w edytorze tekstu.<\/p><p>Nast&#281;pnie skopiuj poni&#380;szy kod z pliku <strong>page.php<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30dae654c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"910\" height=\"509\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-before.png\/public\" alt=\"Domy&#347;lny plik page.php\" class=\"wp-image-1236\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-before.png\/w=910,fit=scale-down 910w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-before.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-before.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Gdy ju&#380; to zrobisz, otw&oacute;rz utworzony plik szablonu strony i wklej skopiowany kod tu&#380; poni&#380;ej nast&#281;puj&#261;cej linii:<\/p><pre class=\"wp-block-code\"><code>&lt;?php \/* Template Name: CustomPage *\/ ?&gt;<\/code><\/pre><p>Plik szablonu powinien teraz wygl&#261;da&#263; mniej wi&#281;cej tak:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30dae8746\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"542\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-after.png\/public\" alt=\"Plik custom page.php\" class=\"wp-image-1235\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-after.png\/w=915,fit=scale-down 915w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-after.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/page-php-after.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Teraz mo&#380;esz edytowa&#263; sw&oacute;j plik szablonu strony. Na przyk&#322;ad, aby usun&#261;&#263; stopk&#281; ze szablonu, usu&#324; nast&#281;puj&#261;c&#261; lini&#281;:<\/p><pre class=\"wp-block-code\"><code>&lt;?php get_footer(); ?&gt;<\/code><\/pre><p>Mo&#380;esz r&oacute;wnie&#380; doda&#263; w&#322;asny kod PHP, aby dalej dostosowa&#263; szablon do swoich potrzeb. Po zako&#324;czeniu edycji zapisz zmiany.<\/p><p>Teraz, je&#347;li wr&oacute;cisz do wpisu lub strony, do kt&oacute;rej przypisano ten szablon i wy&#347;wietlisz jej podgl&#261;d, wprowadzone zmiany powinny by&#263; ju&#380; widoczne.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.hostinger.pl\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"600\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/public\" alt=\"\" class=\"wp-image-1117\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=2048,fit=scale-down 2048w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/05\/PL_WP.png\/w=1536,fit=scale-down 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-2-utworz-szablon-strony-za-pomoca-wtyczki-do-tworzenia-stron\"><strong>2. Utw&oacute;rz szablon strony za pomoc&#261; wtyczki do tworzenia stron<\/strong><\/h3><p>Nie martw si&#281;, je&#347;li nie znasz si&#281; na kodowaniu. Istnieje &#322;atwiejszy spos&oacute;b na utworzenie w&#322;asnych szablon&oacute;w stron &ndash; wystarczy u&#380;y&#263; narz&#281;dzia do budowania stron.<\/p><p>Na szcz&#281;&#347;cie istnieje wiele wtyczek do budowania stron w WordPress, kt&oacute;re umo&#380;liwiaj&#261; tworzenie unikalnych projekt&oacute;w stron. W tej cz&#281;&#347;ci przyjrzymy si&#281; dw&oacute;m popularnym opcjom &ndash; Elementor oraz Beaver Builder.<\/p><p><strong>Tworzenie szablonu strony WordPress za pomoc&#261; elementora<\/strong><\/p><p>Elementor oferuje edytor typu przeci&#261;gnij-i-upu&#347;&#263;, kt&oacute;ry u&#322;atwia tworzenie i dostosowywanie stron w WordPress. Dzi&#281;ki niemu mo&#380;esz tworzy&#263; w&#322;asne szablony stron z gotowych element&oacute;w (wid&#380;et&oacute;w) i u&#380;ywa&#263; ich w obr&#281;bie ca&#322;ej swojej strony internetowej. Mo&#380;esz tak&#380;e skorzysta&#263; z gotowych szablon&oacute;w Elementor i dostosowa&#263; je do w&#322;asnych potrzeb.<\/p><p>W tym poradniku poka&#380;emy Ci, jak zbudowa&#263; podstawowy szablon strony WordPress w Elementorze. Do stworzenia w&#322;asnego projektu mo&#380;esz u&#380;y&#263;<a href=\"https:\/\/pl.wordpress.org\/plugins\/elementor\" target=\"_blank\" rel=\"noopener\"> darmowej wersji<\/a> tego narz&#281;dzia i zastosowa&#263; j&#261; na wybranych stronach. Jednak Elementor Pro oferuje wi&#281;cej opcji personalizacji i dodatkowych funkcji.<\/p><p><strong>Krok 1: Zaprojektuj szablon<\/strong><\/p><p>Po zainstalowaniu i aktywowaniu Elementora na swojej stronie przejd&#378; do menu <strong>Szablony <\/strong>i kliknij <strong>Dodaj nowy<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30daeb061\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"457\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-saved-templates.png\/public\" alt=\"Sekcja zapisanych szablon&oacute;w w Elementor\" class=\"wp-image-1234\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-saved-templates.png\/w=874,fit=scale-down 874w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-saved-templates.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-saved-templates.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Elementor poprosi Ci&#281; teraz o wybranie typu tworzonego szablonu i nadanie mu nazwy:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30daedc58\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/new-template.png\/public\" alt=\"Wybierz stron&#281; typu szablonu w Elementor\" class=\"wp-image-1217\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/new-template.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/new-template.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/new-template.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Je&#347;li korzystasz z darmowej wersji, mo&#380;esz wybra&#263; spo&#347;r&oacute;d <strong>Strona<\/strong>, <strong>Sekcja <\/strong>lub <strong>Strona docelowa<\/strong>. Aby tworzy&#263; niestandardowe szablony wpis&oacute;w w WordPress, musisz przej&#347;&#263; na Elementor Pro.<\/p><p>Je&#347;li wszystko jest gotowe, kliknij przycisk <strong>Utw&oacute;rz szablon<\/strong>. Spowoduje to uruchomienie edytora Elementora:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30daef89c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"586\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-template-editor.png\/public\" alt=\"Edytor szablon&oacute;w stron Elementor\" class=\"wp-image-1233\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-template-editor.png\/w=1167,fit=scale-down 1167w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-template-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-template-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-template-editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1167px) 100vw, 1167px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Po lewej stronie znajdziesz bibliotek&#281; element&oacute;w (widget&oacute;w), kt&oacute;re mo&#380;esz przeci&#261;ga&#263; i upuszcza&#263; na stron&#281;. Jednak zanim zaczniesz dodawa&#263; elementy, warto zmieni&#263; uk&#322;ad strony dla tworzonego szablonu.<\/p><p>Kliknij ikon&#281; <strong>Ustawienia<\/strong> (z&#281;bate ko&#322;o) w lewym dolnym rogu edytora:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30daf1409\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"324\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-settings-icon.png\/public\" alt=\"Ikona ustawie&#324; w Elementor\" class=\"wp-image-1232\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-settings-icon.png\/w=683,fit=scale-down 683w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-settings-icon.png\/w=300,fit=scale-down 300w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Nast&#281;pnie mo&#380;esz wybra&#263; uk&#322;ad strony z dost&#281;pnej listy. Na przyk&#322;ad po wybraniu opcji <strong>Elementor Canvas<\/strong> otrzymasz zupe&#322;nie pust&#261; stron&#281;:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30daf2ef9\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"479\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-page-settings.png\/public\" alt=\"Okno ustawie&#324; strony w Elementor\" class=\"wp-image-1231\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-page-settings.png\/w=846,fit=scale-down 846w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-page-settings.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-page-settings.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Gdy wybierzesz uk&#322;ad strony, mo&#380;esz zacz&#261;&#263; dodawa&#263; elementy do swojego szablonu. Alternatywnie mo&#380;esz u&#380;y&#263; istniej&#261;cego szablonu jako bazy wyj&#347;ciowej.<\/p><p>Aby skorzysta&#263; z gotowych szablon&oacute;w Elementora, kliknij ikon&#281; folderu:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db00caf\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"911\" height=\"433\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-folder-icon.png\/public\" alt=\"Ikona folderu Elementora\" class=\"wp-image-1230\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-folder-icon.png\/w=911,fit=scale-down 911w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-folder-icon.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-folder-icon.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Nast&#281;pnie mo&#380;esz wybra&#263; gotowy blok albo kompletn&#261; stron&#281;:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db028d7\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-library-pages.png\/public\" alt=\"Strony biblioteki Elementora\" class=\"wp-image-1229\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-library-pages.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-library-pages.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-library-pages.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Mo&#380;esz teraz wybra&#263; dowolny element na stronie, aby skonfigurowa&#263; jego ustawienia:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db04631\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-element.png\/public\" alt=\"Elementy Elementora\" class=\"wp-image-1228\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-element.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-element.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-element.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Je&#347;li wszystko wygl&#261;da dobrze, kliknij strza&#322;k&#281; obok przycisku <strong>Publikuj<\/strong>, a nast&#281;pnie wybierz <strong>Zapisz jako szablon<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db062ef\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-save-as-template.png\/public\" alt=\"Przycisk Zapisz jako szablon w Elementor\" class=\"wp-image-1227\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-save-as-template.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-save-as-template.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-save-as-template.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Elementor poprosi Ci&#281; o podanie nazwy dla tego szablonu. Tw&oacute;j uk&#322;ad zostanie nast&#281;pnie zapisany w bibliotece szablon&oacute;w.<\/p><p><strong>Krok 2: Zastosuj szablon na swoich stronach<\/strong><\/p><p>Gdy ju&#380; utworzysz i zapiszesz sw&oacute;j szablon, mo&#380;esz zastosowa&#263; go na dowolnej stronie zaprojektowanej w Elementorze.<\/p><p>Aby to zrobi&#263;, przejd&#378; do <strong>Strony <\/strong>&rarr; <strong>Dodaj now&#261;<\/strong>, a nast&#281;pnie kliknij przycisk<strong> Edytuj z Elementor<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db08087\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"402\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-1.png\/public\" alt=\"Edytor blok&oacute;w WordPress\" class=\"wp-image-1226\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-1.png\/w=791,fit=scale-down 791w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/wordpress-editor-1.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Spowoduje to otwarcie nowej strony w edytorze Elementor:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db09e37\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1293\" height=\"649\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-editor.png\/public\" alt=\"Edytor Elementor\" class=\"wp-image-1225\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-editor.png\/w=1293,fit=scale-down 1293w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1293px) 100vw, 1293px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Kliknij ponownie ikon&#281; folderu, aby otworzy&#263; bibliotek&#281; szablon&oacute;w (tak jak wcze&#347;niej) i przejd&#378; do zak&#322;adki <strong>Moje szablony<\/strong>, gdzie znajdziesz sw&oacute;j zapisany szablon. Wstaw go na stron&#281; i dostosuj wed&#322;ug potrzeb.<\/p><p>Pami&#281;taj, &#380;e korzystaj&#261;c z Elementor Pro, uzyskasz dost&#281;p do funkcji Theme Builder:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db0bbe4\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-theme-builder.png\/public\" alt=\"Kreator motyw&oacute;w Elementor\" class=\"wp-image-1224\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-theme-builder.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-theme-builder.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/elementor-theme-builder.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Funkcja ta pozwala projektowa&#263; niestandardowe elementy strony, w tym nag&#322;&oacute;wki, stopki oraz szablony pojedynczych wpis&oacute;w, a nast&#281;pnie zdefiniowa&#263; warunki ich wy&#347;wietlania.<\/p><p>Na przyk&#322;ad, je&#347;li utworzysz szablon wpisu WordPress za pomoc&#261; narz&#281;dzia Theme Builder, mo&#380;esz ustawi&#263;, aby by&#322; on stosowany do wszystkich Twoich wpis&oacute;w.<\/p><p><strong>Tworzenie szablonu strony WordPress za pomoc&#261; Beaver Builder<\/strong><\/p><p>Beaver Builder to kolejne narz&#281;dzie, kt&oacute;re pomo&#380;e Ci tworzy&#263; w&#322;asne szablony stron WordPress. Podobnie jak Elementor, wtyczka ta oferuje edytor typu przeci&#261;gnij-i-upu&#347;&#263; oraz bogaty wyb&oacute;r element&oacute;w (tzw. modu&#322;&oacute;w).<\/p><p>Beaver Builder umo&#380;liwia r&oacute;wnie&#380; zapisywanie wykonanych projekt&oacute;w jako szablony. Funkcja ta jest jednak dost&#281;pna tylko w wersji premium tej wtyczki.<\/p><p>W tej cz&#281;&#347;ci pos&#322;u&#380;ymy si&#281; p&#322;atn&#261; wersj&#261; Beaver Buildera, aby pokaza&#263;, jak utworzy&#263; szablon strony WordPress.<\/p><p><strong>Krok 1: Zaprojektuj szablon<\/strong><\/p><p>Po zainstalowaniu i aktywowaniu wtyczki w kokpicie WordPress przejd&#378; do <strong>Beaver Builder &rarr; Templates<\/strong> i kliknij <strong>Add New<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db0d729\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"459\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-templates-1.png\/public\" alt=\"Strona szablon&oacute;w w Beaver Builder\" class=\"wp-image-1223\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-templates-1.png\/w=730,fit=scale-down 730w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-templates-1.png\/w=300,fit=scale-down 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Nast&#281;pnie pojawi si&#281; pro&#347;ba o podanie nazwy Twojego projektu oraz wybranie typu szablonu:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db0f65f\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"422\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-add-new-templates.png\/public\" alt=\"Dodaj nowe okno szablonu\" class=\"wp-image-1222\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-add-new-templates.png\/w=978,fit=scale-down 978w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-add-new-templates.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-add-new-templates.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Kliknij <strong>Add Saved Template<\/strong>, a potem wybierz <strong>Launch Beaver Builder<\/strong>. Zostaniesz przeniesiony do interfejsu edytora Beaver Builder:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db11056\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-editor.png\/public\" alt=\"Edytor Beaver Builder\" class=\"wp-image-1221\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-editor.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Mo&#380;esz teraz rozpocz&#261;&#263; tworzenie szablonu. Przeci&#261;gaj elementy z zak&#322;adki <strong>Modules<\/strong> i upuszczaj je na stron&#281;, a nast&#281;pnie kliknij wybrany element, aby skonfigurowa&#263; jego ustawienia.<\/p><p>Alternatywnie mo&#380;esz skorzysta&#263; z jednego z gotowych szablon&oacute;w Beaver Builder:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db12bdf\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"573\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-template-1.png\/public\" alt=\"Szablon Beaver Builder\" class=\"wp-image-1220\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-template-1.png\/w=823,fit=scale-down 823w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-template-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-template-1.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Kiedy sko&#324;czysz wprowadza&#263; zmiany, kliknij przycisk <strong>Done<\/strong> w prawym g&oacute;rnym rogu. Nast&#281;pnie wybierz <strong>Publish<\/strong> (lub Save Draft, je&#347;li chcesz zapisa&#263; szkic).<\/p><p><strong>Krok 2: Zastosuj szablon na swoich stronach<\/strong><\/p><p>Gdy utworzysz ju&#380; sw&oacute;j szablon, mo&#380;esz zastosowa&#263; go na dowolnej stronie w serwisie. Otw&oacute;rz stron&#281;, kt&oacute;r&#261; chcesz edytowa&#263; (lub utw&oacute;rz now&#261;), a nast&#281;pnie kliknij przycisk <strong>Launch Beaver Builder<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db148ca\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"591\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/launch-beaver-builder.png\/public\" alt=\"Beaver Builder w edytorze WordPress\" class=\"wp-image-1219\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/launch-beaver-builder.png\/w=936,fit=scale-down 936w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/launch-beaver-builder.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/launch-beaver-builder.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>W panelu Beaver Builder przejd&#378; do zak&#322;adki <strong>Templates<\/strong>, wybierz z grupy <strong>Saved Templates <\/strong>sw&oacute;j zapisany szablon i kliknij go, aby zastosowa&#263;:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69fe30db166c4\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"402\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-save-template.png\/public\" alt=\"Zak&#322;adka szablon&oacute;w w Beaver Builder\" class=\"wp-image-1218\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-save-template.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-save-template.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/48\/2025\/09\/beaver-builder-save-template.png\/w=768,fit=scale-down 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Powi&#281;ksz\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Beaver Builder zastosuje teraz wybrany szablon na stronie. Mo&#380;esz nast&#281;pnie wprowadzi&#263; dowolne zmiany. Gdy sko&#324;czysz, kliknij <strong>Done<\/strong>, a nast&#281;pnie wybierz <strong>Save Draft <\/strong>lub <strong>Publish<\/strong>.<\/p><h2 class=\"wp-block-heading\" id=\"h-podsumowanie\"><strong>Podsumowanie<\/strong><\/h2><p>Nauka tworzenia szablonu strony WordPress mo&#380;e pom&oacute;c Ci zaoszcz&#281;dzi&#263; czas i wysi&#322;ek. Dzi&#281;ki temu procesowi mo&#380;esz &#322;atwo dostosowa&#263; wygl&#261;d swojej strony do w&#322;asnych potrzeb. W ten spos&oacute;b stworzysz r&oacute;&#380;norodne uk&#322;ady, w tym w&#322;asne szablony pojedynczych wpis&oacute;w WordPress.<\/p><p>W tym artykule om&oacute;wili&#347;my dwa g&#322;&oacute;wne sposoby tworzenia niestandardowych szablon&oacute;w stron WordPress:<\/p><ul class=\"wp-block-list\">\n<li>Utworzenie pliku szablonu i przes&#322;anie go do folderu motywu za pomoc&#261; klienta FTP (np. FileZilla).<\/li>\n\n\n\n<li>Skorzystanie z wtyczki do budowania stron, takiej jak Elementor lub Beaver Builder.<\/li>\n<\/ul><p>Obie te metody zapewniaj&#261; du&#380;&#261; swobod&#281; personalizacji, wi&#281;c mo&#380;esz wybra&#263; t&#281;, kt&oacute;ra bardziej Ci odpowiada.<\/p><p>Czy masz jakie&#347; pytania dotycz&#261;ce tworzenia w&#322;asnego szablonu strony WordPress lub budowy strony internetowej? Daj nam zna&#263; w komentarzach poni&#380;ej!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Projektowanie strony internetowej mo&#380;e by&#263; czasoch&#322;onne. Nawet u&#380;ywaj&#261;c rozbudowanego motywu WordPress lub kreatora stron, mo&#380;esz sp&#281;dzi&#263; wiele godzin na budowaniu i edycji kolejnych podstron. Dodatkowo mo&#380;esz wole&#263; stworzy&#263; w&#322;asny szablon strony WordPress zamiast korzysta&#263; z gotowego, uniwersalnego uk&#322;adu. Tworz&#261;c szablony stron WordPress, mo&#380;esz zastosowa&#263; je na dowolnej podstronie swojej strony internetowej. Dzi&#281;ki temu mo&#380;esz &#322;atwo [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pl\/tutoriale\/szablon-strony-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":553,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Jak stworzy\u0107 szablon strony WordPress (2 metody) %page% %sep% %sitename%","rank_math_description":"Pliki szablon\u00f3w stron WordPress u\u0142atwiaj\u0105 tworzenie niestandardowych podstron. Poznaj dwa sposoby na stworzenie w\u0142asnego szablonu strony WordPress.","rank_math_focus_keyword":"szablon strony wordpress","footnotes":""},"categories":[2],"tags":[],"class_list":["post-1216","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-page-template","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-uma-pagina-template-no-wordpress","default":0},{"locale":"pl-PL","link":"https:\/\/www.hostinger.com\/pl\/tutoriale\/szablon-strony-wordpress\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/wordpress-page-template-2\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-page-template","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-page-template","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-page-template","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-uma-pagina-template-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-page-template","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-page-template","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-page-template","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-page-template","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/users\/553"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/comments?post=1216"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1216\/revisions"}],"predecessor-version":[{"id":1239,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/posts\/1216\/revisions\/1239"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/media?parent=1216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/categories?post=1216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pl\/tutoriale\/wp-json\/wp\/v2\/tags?post=1216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}