Nagłówek i stopka to kluczowe elementy każdego serwera WordPress — kształtują doświadczenia użytkowników, nawigację, branding i nie tylko. Dzięki Elementorowi, jednemu z najpotężniejszych kreatorów stron, edytowanie tych obszarów staje się proste i intuicyjne — nawet jeśli nie masz żadnej wiedzy o kodowaniu. Ten przewodnik przeprowadzi Cię przez proces edytowania nagłówków i stopek przy użyciu Elementora, krok po kroku.

Co będziesz potrzebować

Aby edytować nagłówki i stopki za pomocą Elementora, będziesz potrzebować:

  • Zainstalowanego i działającego WordPressa

  • Wtyczki Elementor

  • Wersji Elementor Pro (do pełnej personalizacji nagłówków/stopek)

  • Alternatywnie, motywu, który wspiera edytowanie nagłówków/stopek w Elementorze (takiego jak Hello Elementor, Astra lub OceanWP)

Metoda 1: Użycie Elementor Pro Theme Builder

Elementor Pro zawiera wbudowany Theme Builder, który pozwala na projektowanie własnych nagłówków i stopek od podstaw.

📌 Kroki:

  1. Zainstaluj i aktywuj Elementor Pro

    • Przejdź do Wtyczki → Dodaj nową, załaduj wersję Pro i aktywuj ją.

  2. Otwórz Theme Builder

    • Przejdź do Szablony → Theme Builder

    • Wybierz zakładkę Nagłówek lub Stopka i kliknij Dodaj nowy

  3. Wybierz gotowy szablon lub zacznij od zera.

    • Elementor oferuje profesjonalne bloki nagłówków/stopek do wyboru.

  4. Dostosuj za pomocą przeciągania i upuszczania

    • Dodaj widżety takie jak Logo, Menu Nawigacyjne, Wyszukiwarka, Przycisk, Ikony Społecznościowe itp.

    • Użyj ustawień responsywnych, aby dostosować układ do urządzeń mobilnych/tabletów.

  5. Ustaw warunki wyświetlania

    • Po edytowaniu kliknij Opublikuj i ustaw, gdzie ma się pojawić (cała strona, konkretne strony, kategorie itp.)

  6. Zapisz i podglądaj

    • Sprawdź, jak nagłówek/stopka wygląda na żywo na Twojej stronie.

Metoda 2: Użycie kompatybilnego motywu + darmowego Elementora (bez Pro)

Niektóre motywy, takie jak Astra, Neve i OceanWP, pozwalają na użycie darmowej wersji Elementora do personalizacji nagłówków/stopek za pomocą WordPress Customizer lub ich własnych hooków.

Przykład z Astra:

  1. Zainstaluj Motyw Astra i Widżety Astra

  2. Przejdź do Wygląd → Dostosuj → Budowniczy nagłówków/stopek

  3. Użyj Elementora do zaprojektowania treści nagłówka/stopki za pomocą Hooków lub modułów układu

  4. Zapisz zmiany w Customizerze

Uwaga: Te metody nie oferują pełnej elastyczności jak Elementor Pro, ale nadal zapewniają dobrą kontrolę.

Metoda 3: Użyj wtyczki (darmowa alternatywa)

Jeśli używasz darmowej wersji Elementora i Twój motyw nie wspiera edytowania nagłówków/stopek, możesz spróbować:

  • Elementor Header & Footer Builder od Brainstorm Force

Jak to działa:

  1. Zainstaluj wtyczkę z Wtyczki → Dodaj nową

  2. Przejdź do Wygląd → Nagłówek Stopka & Bloki

  3. Kliknij Dodaj nowy i wybierz Typ: Nagłówek lub Stopka

  4. Zaprojektuj układ za pomocą Elementora

  5. Ustaw lokalizację i warunki wyświetlania

Ta darmowa wtyczka oferuje wiele opcji podobnych do Pro.

Przydatne widżety do nagłówków i stopek

  • Logo strony

  • Menu Nawigacyjne

  • Formularz wyszukiwania

  • Ikony społecznościowe

  • Przycisk / Call to Action

  • Przełącznik języków (dla wielojęzycznych stron)

  • Tekst praw autorskich

Możesz również używać dynamicznych tagów, takich jak {{Tytuł strony}}, {{Bieżący rok}}, itp.

Ostateczne przemyślenia

Dostosowywanie nagłówków i stopek za pomocą Elementora otwiera pełną swobodę projektowania i nadaje Twojej stronie profesjonalny charakter. Niezależnie od tego, czy używasz Elementora Pro, kompatybilnego motywu, czy darmowej wtyczki, możesz tworzyć unikalne, responsywne projekty, które idealnie pasują do Twojej marki.

Przejmij kontrolę nad wyglądem swojej strony od góry do dołu — Elementor sprawia, że jest to zarówno łatwe, jak i przyjemne.