Nagłówek a strona internetowa jest pierwszą informacją postrzeganą przez odwiedzający Twojej witryny. Pozwala wyróżnić logo Twojej marki, uporządkować strony Twojej witryny, a także zapewnić inne ważne funkcje (wyszukiwanie, połączenie itp.). Oprócz tego konieczne jest posiadanie pływającego i przezroczystego nagłówka, ponieważ poprawia to komfort użytkowania.

W tym artykule pokażemy, jak stworzyć nagłówek i uczynić go przezroczystym za pomocą Elementor. Ale wcześniej zobaczymy, czym jest pływający i przezroczysty nagłówek.

Co to jest pływający i przezroczysty nagłówek?

Pływający nagłówek to pasek nawigacyjny, który zawsze pozostaje nieruchomy, nawet gdy odwiedzający przewija stronę w dół. Jest bardzo odpowiedni dla witryn, które mają strony z długimi artykułami, recenzjami i witrynami jednostronicowymi. A jego przezroczysty aspekt pozwala zobaczyć kolor tła strony, a także jej zawartość.

Dlaczego warto używać pływających i przezroczystych nagłówków

Nowoczesne strony internetowe coraz częściej używają pływających i przezroczystych nagłówków, ponieważ mają one wizualny wpływ na treść odwiedzający witryny. Powody ich przyjęcia mają na celu:

• Zwiększ świadomość swojej marki,
• Zwiększ doświadczenie użytkownika,
• Popraw nawigację

Odkryj także Jak stworzyć dwukolorowy tytuł w Elementorze

Przypnij i ustaw przezroczysty nagłówek za pomocą Elementora

Aby utworzyć przezroczysty i pływający nagłówek, musisz mieć obie wersjeElementor (Pro i Lite). W przeciwnym razie pobierz (Elementor, Elementor Pro) przed rozpoczęciem.

Po zainstalowaniu wykonaj kolejne kroki.

Krok 1: utwórz menu za pomocą Elementora

Aby utworzyć menu, wykonaj następujące kroki:

• wybieraj kolejno Wygląd >> Menu
• Nazwij menu
• Wskaż lokalizację menu
• Potwierdź, klikając przycisk zapisz menu

• Sprawdź strony, artykuły lub posty w grupie Dodaj pozycje do menu
• Kliknij Dodaj do menu aby dodać zaznaczone pozycje do menu
• Na koniec kliknij Zapisz menu

Lire aussi Elementor: Jak wyświetlić tekst nad obrazem

Krok 2: Wybierz szablon nagłówka z biblioteki szablonów Elementor

UżytkownicyElementor Pro mają dostęp do biblioteki gotowych szablonów przydatnych do projektowania różnych sekcji m.in Witryna internetowa. Znajdziesz tu również różne szablony nagłówków. Aby to zrobić,

• Idź kolejno do Modele >> Dodaj

• Zobaczysz modalne wyskakujące okienko
• wybierać chodnikowiec
• Na koniec kliknij Utwórz szablon

Od tego momentu biblioteka jest wyświetlana. Domyślnie wyświetla bloki nagłówków. Przejrzyj oferowane szablony, a następnie wstaw szablon, który Cię interesuje.

Szablon nagłówka otworzy się na kanwie Elementora.

Krok 3: Nagłówek pinów z Elementorem

Aby przypiąć nagłówek, wykonaj następujące kroki:

• Kliknij przycisk Edytuj sekcję nagłówka
• Następnie wybierz zakładkę Avancé
• następnie Efekt ruchu

• Rozwiń menu Szpilka i wybierz wartość Na górze, spowoduje to zablokowanie nagłówka witryny podczas przewijania stron w dół.
• Domyślnie nagłówek zostanie automatycznie przypięty na nośnikach takich jak komputer, tablet i telefon

Przeglądaj również Elementor: Jak eksportować i importować szablony

Krok 4: Spraw, aby nagłówek był przezroczysty za pomocą Elementora

Aby to osiągnąć, powtórz poniższą metodę:

• przejdź do styl >> tło >> próbnik kolorów

• Następnie zmień krycie tła

Jeśli chcesz, aby nagłówek był całkowicie przezroczysty, zmień typ tła, wybierając typ klasyczny. W związku z tym menu nawigacyjne będą niewidoczne ze względu na kontrast koloru tekstu (biały).

Aby zaradzić tej sytuacji, wykonaj następujące czynności:

• Kolejno klikaj Modyfikuj menu przeglądaj >> style
• Następnie na narzędzie do wybierania kolorów
• Wybierz żądany kolor (w naszym przypadku nie było potrzeby jego zmiany).

Po zakończeniu możesz opublikować swoją stronę internetową. Ale wcześniej zobaczmy, jak zastąpić menu nawigacyjne w naszym szablonie tymi, które stworzyliśmy. Pamiętaj, że nazwa przypisana do naszego to menu nagłówka (patrz krok 1):

• Wybierz zakładkę treść
• Następnie zmodyfikuj menu wybierając nazwę swojego nagłówka

No i proszę :).

Wnioski

Przezroczyste i pływające nagłówki mogą ci się przydać w kilku przypadkach. Mamy nadzieję, że ten artykuł był w stanie zaspokoić Twoje potrzeby dotyczące tworzenia przezroczystych i pływających nagłówków za pomocą Elementora. Jeśli masz inne wątpliwości dotyczące tego tematu, daj nam znać w komentarzach.