Jak edytować nagłówki i stopki za pomocą Elementora w WordPress?

Elementor, potężny kreator stron typu “przeciągnij i upuść” dla WordPress, ułatwia projektowanie niestandardowych nagłówków i stopek bez konieczności posiadania wiedzy z zakresu kodowania. Korzystając z Elementor Pro lub wtyczki Elementor Header & Footer Builder, możesz tworzyć i edytować te obszary, aby nadać swojej witrynie unikalny wygląd i funkcjonalność. Oto jak edytować nagłówki i stopki za pomocą Elementora w WordPress.

Metoda 1: Korzystanie z Elementor Pro

Jeśli posiadasz Elementor Pro, edycja nagłówków i stopek jest prosta dzięki funkcji Theme Builder.

Krok 1: Zainstaluj Elementor Pro

1. Jeśli jeszcze tego nie zrobiłeś, kup i pobierz Elementor Pro ze strony Elementor.
2. Na pulpicie nawigacyjnym WordPress przejdź do Wtyczki > Dodaj nową i prześlij plik ZIP Elementor Pro.
3. Kliknij Zainstaluj teraz, a następnie Aktywuj.
4. Upewnij się, że wtyczki Elementor i Elementor Pro są aktywne w Twojej witrynie.

Krok 2: Dostęp do kreatora motywów Elementor

1. Z pulpitu nawigacyjnego WordPress przejdź do Templates > Theme Builder.
2. Na stronie Theme Builder zobaczysz opcje tworzenia szablonów dla nagłówków, stopek i innych części motywu.

Krok 3: Utwórz lub edytuj nagłówek

1. Kliknij kartę Nagłówek w Kreatorze motywów.
2. Aby utworzyć nowy nagłówek, kliknij Dodaj nowy i wybierz Nagłówek.
3. Pojawi się wyskakujące okienko z prośbą o nazwanie szablonu; nadaj mu nazwę (np. “Nagłówek główny”) i kliknij przycisk Utwórz szablon.
4. Możesz wybrać jeden z gotowych szablonów nagłówka lub zaprojektować nagłówek od podstaw, przeciągając i upuszczając elementy, takie jak logo, menu nawigacyjne, przyciski i inne.
   • Dodaj logo: Użyj widżetu Obraz, aby umieścić swoje logo.
   • Dodaj nawigację: Użyj widżetu Nav Menu, aby utworzyć menu główne.
   • Dodaj ikony społecznościowe: Użyj widżetu Ikony społecznościowe, aby dodać linki do mediów społecznościowych.

Krok 4: Ustaw warunki wyświetlania

1. Po zaprojektowaniu nagłówka kliknij przycisk Opublikuj.
2. Zostaniesz poproszony o ustawienie warunków wyświetlania, które określają, gdzie nagłówek będzie wyświetlany w Twojej witrynie (np. cała witryna, określone strony lub posty).
3. Wybierz miejsce wyświetlania nagłówka i kliknij Zapisz i zamknij.

Krok 5: Utwórz lub edytuj stopkę

1. Aby utworzyć lub edytować stopkę, powtórz proces, klikając kartę Stopka w Kreatorze motywów.
2. Kliknij Dodaj nowy i wybierz Stopka.
3. Zaprojektuj stopkę za pomocą widżetów Elementora (np. dodaj widżety takie jak tekst, informacje o prawach autorskich, dane kontaktowe lub ikony społecznościowe).
4. Po zaprojektowaniu ustaw warunki wyświetlania (podobnie jak w przypadku nagłówka) i kliknij Zapisz i zamknij.

Metoda 2: Korzystanie z kreatora nagłówków i stopek Elementor (opcja bezpłatna)

Jeśli korzystasz z darmowej wersji Elementora, nadal możesz tworzyć niestandardowe nagłówki i stopki, instalując wtyczkę Elementor Header & Footer Builder.

Krok 1: Zainstaluj wtyczkę Elementor Header & Footer Builder

1. Na pulpicie nawigacyjnym WordPress przejdź do Wtyczki > Dodaj nową.
2. Wyszukaj Elementor Header & Footer Builder i kliknij Zainstaluj teraz.
3. Po instalacji kliknij Aktywuj.

Krok 2: Utwórz nowy szablon nagłówka

1. Po aktywacji wtyczki, przejdź do Wygląd > Elementor Header & Footer Builder na pulpicie nawigacyjnym WordPress.
2. Kliknij Dodaj nowy, aby utworzyć nowy szablon.
3. W wyskakującym oknie wybierz Header jako typ szablonu.
4. Nadaj szablonowi nazwę (np. “Custom Header”) i kliknij przycisk Create Template.

Krok 3: Zaprojektuj nagłówek za pomocą Elementora

1. Zostaniesz przekierowany do edytora Elementor, gdzie możesz zaprojektować swój niestandardowy nagłówek.
2. Użyj widżetów Elementora, aby dodać treści, takie jak logo, menu nawigacyjne i ikony społecznościowe.
3. Gdy będziesz zadowolony z projektu, kliknij przycisk Opublikuj.

Krok 4: Przypisywanie reguł wyświetlania

1. Po kliknięciu przycisku Publikuj ustaw Reguły wyświetlania, aby zdecydować, gdzie pojawi się nagłówek (cała witryna, określone strony itp.).
2. Zapisz zmiany.

Krok 5: Utwórz szablon stopki

1. Aby utworzyć niestandardową stopkę, przejdź do Wygląd > Elementor Header & Footer Builder i kliknij Dodaj nowy.
2. Wybierz Stopkę jako typ szablonu.
3. Zaprojektuj stopkę za pomocą interfejsu przeciągania i upuszczania Elementora, dodając widżety, takie jak informacje o prawach autorskich, linki i ikony społecznościowe.
4. Ustaw reguły wyświetlania, aby określić miejsce wyświetlania stopki, a następnie zapisz zmiany.

Dostosowywanie nagłówka i stopki

Niezależnie od tego, czy używasz Elementor Pro, czy darmowej wtyczki, możesz w pełni dostosować wygląd swoich nagłówków i stopek:

• Dodaj lepki nagłówek: Włącz opcję lepkiego nagłówka w ustawieniach zaawansowanych, dzięki czemu nagłówek pozostanie widoczny podczas przewijania.
• Responsywny design: Użyj ustawień responsywnych Elementora, aby dostosować wygląd nagłówka i stopki na urządzeniach mobilnych i tabletach.
• Dodawanie dynamicznej zawartości: Użytkownicy Elementor Pro mogą wstawiać dynamiczne treści, takie jak przyciski logowania, koszyki lub paski wyszukiwania.

Podsumowanie

Używanie Elementora do tworzenia i edytowania nagłówków i stopek w WordPress to łatwy i skuteczny sposób na dostosowanie wyglądu witryny bez kodowania. Dzięki Elementor Pro możesz w pełni kontrolować nagłówek i stopkę za pomocą Theme Builder, podczas gdy darmowa wtyczka Elementor Header & Footer Builder oferuje podobne doświadczenie dla użytkowników bez wersji Pro. Postępując zgodnie z tymi krokami, możesz błyskawicznie stworzyć profesjonalny i unikalny nagłówek i stopkę witryny.