Elementor Theme Builder – jak zaprojektować nagłówek, stopkę i szablony

Informacje
30 stycznia, 2026

Theme Builder to serce Elementora Pro. Pozwala wizualnie zaprojektować każdy element struktury strony – nagłówek, stopkę, szablony pojedynczych wpisów, archiwów, błędu 404, wyników wyszukiwania, a w sklepach WooCommerce także stron produktu i koszyka.

Czym jest Theme Builder?

To moduł, który zastępuje pliki PHP motywu wizualnymi szablonami. Zamiast edytować header.php czy single.php, projektujesz nagłówek myszką w Elementorze, a system sam podstawia go w odpowiednie miejsca.

Jak utworzyć nagłówek?

Wejdź w Szablony → Theme Builder → Header → Dodaj nowy. Wybierz układ z biblioteki lub stwórz od zera. Dodaj logo, menu Nav Menu, ikony social media i przycisk CTA. Ustaw warunki wyświetlania – cała strona, tylko strona główna lub wybrane podstrony.

Stopka

Analogicznie projektujemy stopkę – z kolumnami zawierającymi logo, menu, dane kontaktowe, formularz newslettera i ikony social media. Zwykle jedna stopka obowiązuje na całej stronie.

Single Post Template

Szablon pojedynczego wpisu zawiera dynamiczne tagi: Post Title, Post Featured Image, Post Content, Post Date, Author Avatar. Każdy wpis dziedziczy ten sam wygląd, a redaktor uzupełnia jedynie treść.

Archiwa

Szablon archiwum to lista wpisów z konkretnej kategorii, tagu lub typu treści. Wykorzystuje widget Posts lub Loop Builder. Pozwala stworzyć estetyczne podstrony bloga, portfolio, sklepu.

Display Conditions

Każdy szablon ma warunki wyświetlania. Możesz mieć inny nagłówek na stronie głównej, inny na blogu, jeszcze inny w panelu klienta. Daje to ogromną elastyczność bez tworzenia setek motywów.

Podsumowanie

Theme Builder to funkcja, która zmienia Elementora z page buildera w pełny system projektowania strony. Po opanowaniu Theme Buildera nie wrócisz już do klasycznego edytowania motywów w PHP.

Zobacz także: Minimalistyczna strona internetowa zbudowana za pomocą Elementora

Jak działa hierarchia Display Conditions?

Gdy kilka szablonów pasuje do tej samej podstrony, wygrywa ten z warunkiem bardziej szczegółowym: cała witryna < wszystkie wpisy < wpisy z kategorii X < konkretny wpis. Dzięki temu możesz mieć ogólny szablon wpisu i osobny, specjalny dla jednej kategorii — bez konfliktów. Warunki „Exclude” mają pierwszeństwo przed „Include”.

Theme Builder + WooCommerce

W Elementorze Pro zbudujesz też szablony sklepowe: Product (karta produktu) i Products Archive (kategoria/sklep). Najwięcej daje własny szablon produktu — układasz galerię, cenę, przycisk i opisy jak klocki, zamiast nadpisywać szablony motywu w PHP. Przewodnik po sklepie: WooCommerce z Elementorem.

Częste błędy w Theme Builderze

  • Dwa nagłówki naraz — motyw wyświetla swój header obok headera z Theme Buildera; wybierz motyw „Hello” albo włącz wsparcie Theme Buildera w ustawieniach motywu.
  • Szablon nie obejmuje nowych treści — warunek ustawiony na konkretne wpisy zamiast na typ treści; nowe wpisy wypadają poza szablon.
  • Brak szablonu 404 i wyników wyszukiwania — to też część Theme Buildera, a prawie każdy o nich zapomina.
  • Edycja na produkcji — zmiany w szablonie widać natychmiast na całej witrynie; większe przebudowy rób na kopii roboczej.

FAQ — Theme Builder

Czy Theme Builder zastępuje motyw?

Wizualnie tak — przejmuje nagłówek, stopkę i szablony treści. Motyw wciąż jest potrzebny jako baza techniczna; najlepiej sprawdza się minimalistyczny Hello Theme.

Czy Theme Builder jest w darmowej wersji?

Nie, to flagowa funkcja Pro — zobacz który plan wybrać.

Co się stanie, gdy wyłączę Elementora Pro?

Strona wróci do szablonów aktywnego motywu — treści nie znikną, ale wygląd nagłówka/stopki i wpisów przejmie motyw.

Witold Krobski

Specjalista WordPress i Elementor. Tworzy strony internetowe oraz dzieli się praktyczną wiedzą o budowaniu witryn, optymalizacji SEO i nowoczesnym web designie.

Więcej ciekawych wpisów

Elementor trendy w web designie na 2026 rok

Elementor trendy w web designie na 2026 rok

Trendy web design 2026 pokazują, dokąd zmierza projektowanie stron. Internet zmienia się szybko. To, co działało wczoraj, dziś bywa przestarzałe. Warto znać aktualne kierunki. W tym artykule omówimy najważniejsze z nich. Dowiesz się, co wdrożyć w Elementorze. Polecamy...

Strona dla weterynarza i przychodni weterynaryjnej na Elementor

Strona dla weterynarza i przychodni weterynaryjnej na Elementor

Strona dla weterynarza musi budować zaufanie i ułatwić rezerwację wizyty. 81% właścicieli zwierząt szuka weterynarza w Google, a wybór opiera się głównie na opiniach i wrażeniu jakie sprawia strona kliniki. Pokażę, jak zbudować stronę gabinetu weterynaryjnego na...

Strona dla warsztatu samochodowego na Elementor — serwis auto online

Strona dla warsztatu samochodowego na Elementor — serwis auto online

Strona dla warsztatu samochodowego to podstawowe narzędzie pozyskiwania klientów w 2026 roku. 78% kierowców szuka warsztatu w Google, a połowa decyduje na podstawie strony www i opinii w wizytówce Google Business. Pokażę, jak zbudować stronę warsztatu na WordPress +...