Przejdź do głównej treści

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

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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

Większość motywów WordPress, zarówno bezpłatnych, jak i płatnych, umożliwia dostosowanie nagłówka poprzez dodanie logo witryny lub menu nawigacyjnego. Niektóre motywy WordPress umożliwiają dodawanie dodatkowych elementów, takich jak pasek wyszukiwania i ikony mediów społecznościowych.

Ale czy możliwe jest utworzenie niestandardowego nagłówka w WordPressie, który zastąpi nagłówek aktywnego motywu WordPress?

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ści programistyczne (w tym przypadku PHP), tworzenie niestandardowego nagłówka dla motywu WordPress nie jest wielkim 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ą edytora wizualnego, przeciągając i upuszczając.

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 tworzenie motywu WordPress bez kodowania. Elementy motywu, które możesz tworzyć za pomocą kreatora motywów Elementora, są następujące:

  • 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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.

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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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.

Po dodaniu formularza 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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
0 akcji
udział
ćwierkanie
Enregistrer