Czy chcesz utworzyć niestandardowy nagłówek w WordPress za pomocą Elementora?

Nagłówek to jeden z kluczowych elementów, które powinna posiadać każda strona internetowa. Nagłówek zwykle zawiera menu, ułatwiające odwiedzającym przechodzenie do ważnych stron w Twojej witrynie. Kolejnym elementem, który zwykle znajduje się w nagłówku witryny, jest logo.

Odkrywaj Jak zainstalować Elementora na WordPressie

Najbardziej Motywy WordPress, zarówno bezpłatne, jak i płatne, umożliwiają dostosowanie nagłówka poprzez dodanie logo witryny lub menu nawigacyjnego. Niektóre Motywy WordPress, umożliwiają dodanie dodatkowych elementów, takich jak pasek wyszukiwania i ikony mediów społecznościowych.

Ale czy można utworzyć niestandardowy nagłówek w WordPress, aby zastąpić nagłówek WordPress zaleta ?

Oczywiście możesz utworzyć niestandardowy nagłówek, aby zastąpić domyślny nagłówek dla aktualnie aktywnego motywu w witrynie WordPress.

Jeśli masz umiejętność programowania (w tym przypadku PHP), utwórz niestandardowy nagłówek dla WordPress nie jest dużym problemem. Jeśli nie masz żadnych umiejętności programistycznych, Elementor pozwala utworzyć niestandardowy nagłówek bez pisania ani jednej linii kodu. Możesz utworzyć nagłówek za pomocą wizualnego edytora typu „przeciągnij i upuść”.

Uwaga: Kreator motywów jest dostępny tylko w Elementorze Pro.

Jak utworzyć niestandardowy nagłówek w WordPress za pomocą Elementora

Wersja pro Elementora jest wyposażona w funkcję o nazwie Kreator motywów. Ta funkcja umożliwia utworzenie pliku WordPress bez kodowania. Elementy motywu, które możesz utworzyć za pomocą narzędzia do tworzenia motywów Elementora, obejmują:

  • chodnikowiec
  • stopka
  • Szablon pojedynczego posta
  • Szablon strony archiwum
  • Szablon strony 404

W tym artykule pokażemy, jak utworzyć niestandardowy nagłówek dla motywu WordPress za pomocą Elementora. Po opublikowaniu ten niestandardowy nagłówek zastąpi nagłówek bieżącego motywu.

Zanim zaczniesz, upewnij się, że zainstalowałeś Elementor Pro w Twojej witrynie WordPress.

Najpierw przejdź do Szablony -> Kreator motywów.

Na stronie Theme Builder przejdź do zakładki Nagłówek a następnie kliknij przycisk Dodaj dniu aby utworzyć nowy nagłówek.

Pojawi się wyskakujące okienko z prośbą o nadanie nazwy szablonowi. Wpisz nazwę swojego modelu i kliknij przycisk STWÓRZ MODEL.

Elementor umożliwia tworzenie nagłówka z szablonu. Wybierz jeden z modeli dostępnych w bibliotece modeli i kliknij przycisk wstawić aby załadować go do edytora Elementor.

Możesz także stworzyć nagłówek od podstaw. Jeśli wolisz utworzyć nagłówek od podstaw, możesz po prostu zamknąć bibliotekę szablonów, aby otworzyć edytor Elementor.

Z technicznego punktu widzenia możesz dodać dowolny widżet Elementora – który możesz przeglądać na lewym panelu – do nagłówka. Ale nie wszystkie widżety są naprawdę potrzebne, jeśli chodzi o tworzenie nagłówka witryny.

Przeczytaj nasz przewodnik: Elementor Free vs Elementor Pro: szczegółowe porównanie funkcji

W tym artykule pokażemy, jak dodać wspólne elementy nagłówka: logo witryny, menu nawigacyjne i pasek wyszukiwania. W takim przypadku będziesz potrzebować nowej sekcji z trzema kolumnami. Kliknij ikonę plusa w edytorze Elementor i wybierz strukturę trzech kolumn.

dodaj sekcję kolumn

Ustaw szerokość każdej kolumny, przeciągając separator w lewo lub w prawo. Spójrz na poniższy zapis.

 

  • Dodaj logo witryny

Aby dodać logo witryny, przeciągnij widżet Logo strony z lewego panelu do jednej z kolumn w edytorze Elementor.

Widżet Logo strony załaduje logo Twojej witryny. Jeśli nie określiłeś logo swojej witryny, możesz przejść do Wygląd -> Dostosuj aby dodać swoje logo.

Czytaj także: Jak importować lub eksportować modele w Elementorze 

Możesz dostosować swoje logo za pomocą lewego panelu. Możesz zdefiniować elementy takie jak wyrównanie, łącze, szerokość itp.

Po prostu baw się lewym panelem, aż będziesz zadowolony z wyniku.

  • Dodaj menu nawigacyjne

Aby dodać menu nawigacyjne, przeciągnij widżet Menu nawigacyjne do jednej z kolumn w edytorze Elementor.

Widżet Menu nawigacyjne załaduje główne menu Twojej witryny. Jeśli nie masz utworzonego żadnego menu na swojej stronie, możesz przejść do Wygląd -> Menu stworzyć jeden. Jeśli masz wiele menu w swojej witrynie, możesz określić, które z nich chcesz wyświetlić z menu rozwijanego opcji Menu lewego panelu.

Ponownie możesz pobawić się lewym panelem, aby dostosować swoje menu. Możesz ustawić układ (poziomy, pionowy), wyrównanie, efekt animacji i tak dalej.

  • Dodaj pasek wyszukiwania

Aby dodać pasek wyszukiwania, możesz przeciągnąć widżet Formularz wyszukiwania w pozostałej kolumnie.

Kiedyś forma dodany, możesz przejść do lewego panelu, aby go dostosować.

Dostosuj nagłówek

Domyślnie twój nagłówek będzie miał białe tło. Możesz zmienić ten kolor, aby pasował do koloru motywu. Aby to zrobić, aktywuj sekcję, klikając ją w przeglądarce (Ctrl + I)

Przejdź do zakładki Styl na lewym panelu i wybierz swój ulubiony kolor, klikając próbnik kolorów w opcji Kolor sekcji tło.

Jak utworzyć nagłówek w WordPress za pomocą Elementora

Jeśli chcesz mieć przyklejony nagłówek, możesz przejść do zakładki Zaawansowane. W opcji Lepki, pod sekcją Efekty ruchu, ustaw lokalizację przyklejoną. Domyślnie efekt Sticky zostanie zastosowany do wszystkich typów urządzeń (komputer stacjonarny, tablet i smartfon).

Czytaj także: Elementor Pro: 10 niesamowitych funkcji do odblokowania - część I

Jeśli chcesz wyłączyć efekt Sticky na określonym typie urządzenia, po prostu usuń urządzenie z pola.

Jak utworzyć nagłówek w WordPress za pomocą Elementora

Opublikuj swój niestandardowy nagłówek

Do tej pory pomyślnie utworzyłeś niestandardowy nagłówek. Istnieje wiele innych opcji dostrajania, które możesz ustawić i nie da się ich wszystkich omówić w tym poście.

Zobacz także: Jak stworzyć unikalny szablon postu z Elementor Pro

Po prostu baw się lewym panelem, aż będziesz naprawdę zadowolony z wyniku. Kiedy skończysz, kliknij przycisk PUBLISH u dołu lewego panelu, aby opublikować szablon nagłówka.

W następnym kroku zostaniesz poproszony o ustawienie warunków wyświetlania. Kliknij przycisk DODAJ WARUNEK

Domyślnie Twój szablon nagłówka zostanie zastosowany do całej witryny. Więc jeśli chcesz zastosować szablon nagłówka do całej witryny, możesz po prostu kliknąć przycisk ZAPISZ I ZAMKNIJ.

Czytaj także: Jak stworzyć stopkę w WordPressie za pomocą Elementora

Lub, jeśli chcesz zastosować szablon nagłówka do określonej strony, możesz określić stronę, klikając menu rozwijane. Wybierz stronę z innego menu rozwijanego, które pojawi się obok. Kliknij przycisk ZAPISZ I ZAMKNIJ po zakończeniu określania strony.

Jak utworzyć nagłówek w WordPress za pomocą Elementora

Pobierz Elementor Pro teraz!

Wnioski

Tutaj ! To wszystko w tym artykule, który pokazuje, jak utworzyć niestandardowy nagłówek w WordPressie za pomocą Elementora.Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...