TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Wyłącz menu nawigacyjne najwyższego poziomu w Weebly

7

Weebly oferuje łatwą platformę do tworzenia witryn, która może nie być przydatna, jak dla większości użytkowników. Na przykład uporządkowanie stron w wymaganej kolejności jest kłopotliwe w Weebly, a uniemożliwienie klikania menu nawigacyjnego najwyższego poziomu nie jest domyślnie możliwe. Tak długo, jak Weebly pozwala modyfikować źródłowy CSS, możemy to umożliwić, dodając prosty kod CSS do głównego pliku CSS „main_style.css". W tym artykule omówimy, jak sprawić, by menu nawigacyjne najwyższego poziomu nie było klikalne w witrynie Weebly .

Struktura nawigacji najwyższego poziomu

Przed kontynuowaniem konieczne jest zrozumienie podstawowej struktury menu nawigacyjnego Weebly. Kliknij prawym przyciskiem myszy menu w opublikowanej witrynie i wybierz opcję „Sprawdź” lub „Sprawdź element”, aby otworzyć konsolę programisty w przeglądarce. Po najechaniu myszą na każde menu nawigacyjne najwyższego poziomu możesz zobaczyć odpowiadające im klasy CSS. Każde menu nawigacyjne najwyższego poziomu jest identyfikowane za pomocą klasy CSS, takiej jak „.wsite-nav-1″, „.wsite-nav-2″, „wsite-nav-3″ itd., gdzie 1 oznacza ogólnie stronę „Hoe” .

Wyłącz menu nawigacyjne najwyższego poziomu w Weebly

Znajdowanie klasy CSS dla górnego menu nawigacyjnego Weebly

Liczby mogą się zmieniać w zależności od motywu i zanotuj klasę CSS menu nawigacyjnego, której nie można kliknąć. Załóżmy, że chcesz, aby drugie menu nawigacyjne nie było klikalne, a odpowiadająca mu klasa CSS to „.wsite-nav-2″.

Teraz przejdź do edytora kodu Weebly w sekcji „Motyw > Edytuj HTML / CSS > Zasoby > main_style.css” i dodaj następujący kod CSS.

.wsite-nav-2 { pointer-events: none; }

Zapisz zmiany i opublikuj swoją witrynę, aby zobaczyć, że drugiego górnego menu nawigacyjnego nie można kliknąć, a kursor nie zmieni się w dłoń po najechaniu. Jeśli chcesz ustawić kursor na dłoni, ale nadal menu nie powinno być klikalne, zmień powyższy kod, jak poniżej:

.wsite-nav-2 a:active { pointer-events: none; }

Podobnie możesz uniemożliwić klikanie wszystkich menu nawigacyjnych najwyższego poziomu, dodając odpowiednie klasy CSS.

Weebly ma inną strukturę nawigacji w witrynach mobilnych, a kliknięcie w górne menu ponownie spowoduje wyświetlenie listy elementów menu, w tym menu górnego. Umożliwia to otwarcie górnego linku menu, jeśli zawiera treść, ale w naszym przypadku powinniśmy usunąć ten link z listy. Dlatego dodaj następujący kod CSS do pliku „main.less”:

.wsite-menu-master-item { display: none !important; }

Po dodaniu wszystkich kodów CSS może to wyglądać mniej więcej tak:

Wyłącz menu nawigacyjne najwyższego poziomu w Weebly

Modyfikowanie CSS w Weebly

Zapisz zmiany i opublikuj swoją witrynę.

Ukrywanie najlepszych stron nawigacyjnych przed wyszukiwarkami i użytkownikami

  • Ukryj najlepsze strony nawigacyjne przed wyszukiwarkami, co uniemożliwi wyszukiwarkom indeksowanie pustych stron. Możesz to zrobić, zaznaczając opcję „Ukryj tę stronę przed wyszukiwarkami” w ustawieniach „Zaawansowane” każdej strony najwyższego poziomu.
  • Pamiętaj, że użytkownicy mogą nadal uzyskiwać dostęp do stron, bezpośrednio wprowadzając adres URL na pasku adresu przeglądarki. Idealnie ustawienie przekierowań 301 powinno rozwiązać ten problem, niestety Weebly nie pozwala na ustawianie przekierowań dla aktywnych stron. Dlatego nie można powstrzymać użytkowników przed dostępem do stron za pomocą paska adresu.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów