Jak skonfigurować menu strony internetowej

Przeczytaj ten przewodnik, aby dowiedzieć się więcej o wyglądzie menu, jego działaniu i wyglądzie:

Ten przewodnik omawia sześć rodzajów menu nawigacyjnych, zawiera instrukcje dotyczące tworzenia wszystkich typów menu oraz wskazówki, gdzie używać każdego z nich.

Istnieją dwa sposoby dodawania elementów menu.

Ustaw pełny link do strony, na przykład:
http://mysite.com/about

Lub umieść link względny:
/około

Adres URL strony można ustawić w obszarze Ustawienia strony:

Najedź wskaźnikiem myszy na element menu. Zobaczysz dwie opcje dodawania łącza: Link do strony i Link do zablokowania.

Kliknij łącze do strony, aby wyświetlić listę stron witryny. Wybierz stronę z listy, aby jej adres URL został umieszczony automatycznie.

Jeśli chcesz dodać link do bloku na stronie, kliknij Link do bloku. Zostaniesz przeniesiony na stronę, na której możesz wybrać żądany blok. Kliknij blok, do którego mają być kierowani użytkownicy po kliknięciu pozycji menu. Link do kotwicy zostanie dodany automatycznie.

Aby utworzyć menu nawigacyjne w ramach jednej strony, wypełnij pola „Link” identyfikatorami bloków, np. #rec2081259. Identyfikator bloku znajdziesz w ustawieniach bloku.

Jeśli chcesz użyć niestandardowego linku, np. #link, możesz utworzyć link kotwiczący.

Aby stworzyć dwujęzyczną stronę internetową, będziesz musiał utworzyć dwa projekty (wymagany biznesplan Tilda). Może się okazać, że łatwiej będzie najpierw stworzyć stronę internetową w jednym języku. Następnie możesz skopiować projekt i przetłumaczyć go.

Skonfiguruj nagłówek obu projektów, dodając blok menu ME204 lub jedno z tych menu: ME301, ME302, ME303 lub menu hamburgerowe: ME401, ME402, ME304. Otwórz panel Treść bloku i dodaj języki oraz linki do stron internetowych.

Menu drugiego poziomu można utworzyć na dwa sposoby:

Dodaj blok menu do strony.

Przejdź do panelu Zawartość bloku → Elementy menu → Dodaj elementy podrzędne, a po lewej stronie pojawią się ikony "plus".

Aby dodać drugi poziom, kliknij ikonę "plus" i dodaj tytuł podmenu oraz jego adres URL. Kliknij "+" kilka razy, aby dodać wymaganą liczbę elementów podrzędnych.

Na pulpicie menu drugiego poziomu jest wyświetlane na liście rozwijanej po najechaniu myszką, na urządzeniach mobilnych pojawia się po dotknięciu.

Dodaj dowolny blok menu do strony – będzie to menu pierwszego poziomu. Następnie dodaj blok ME601 (Menu: poziom drugi).

ME601 umożliwia dodanie podmenu dla pozycji menu głównego. Pojawi się jako menu rozwijane po najechaniu kursorem na komputer lub dotknięciu na urządzeniu mobilnym.

Jak to działa:
1) W bloku ME601: określ linkhook, np. #submenu:więcej.
2) W menu głównym: dodaj odnośnik #submenu:więcej w panelu Treść bloku → Pozycje menu jako odnośnik do pozycji menu.

Ważne: nie będzie można kliknąć pozycji menu głównego. Jeśli chcesz mieć na nim link, zduplikuj ten element w menu rozwijanym.

Uwaga: „Więcej” w „#submenu:więcej” może być dowolnym słowem, na przykład: #submenu:portfolio lub #submenu:aboutus.

Aby skonfigurować fiksację bloku, otwórz Zero Block → → Ustawienia w sekcji "Pozycja i przepełnienie" wybierz "Stałe", aby zablokować blok.

Blok można umieścić na górze lub na dole strony i ustawić tak, aby pojawiał się po X pikselach (przesunięcie wyglądu). W tym przypadku możesz dostosować jeden z dwóch wariantów animacji wyglądu - Fade In lub Slide Up/Down. Może to być przydatne, jeśli na przykład chcesz, aby nagłówek witryny nie pojawiał się od razu, ale po pewnym przewinięciu.

Przeczytaj o innych typach menu, dowiedz się, jak utworzyć stałe menu, które będzie widoczne podczas przewijania, jak dodać dwa menu do strony, jak tworzyć zakładki i wiele więcej w naszym artykule „Poznaj sześć projektów menu witryny internetowej”.