Jak WordPress dodaje menu?Dostosuj opcje wyświetlania paska nawigacyjnego

Ten wpis jest częścią 14 z 34 w serii Samouczek budowania witryny WordPress
  1. Co oznacza WordPress?Co ty robisz?Co może zrobić strona internetowa?
  2. Ile kosztuje zbudowanie strony osobistej/firmowej?Koszt budowy strony internetowej firmy
  3. Jak wybrać odpowiednią nazwę domeny?Budowa strony internetowej Zalecenia i zasady rejestracji nazw domen
  4. NameSiloSamouczek rejestracji nazwy domeny (wyślij $1 NameSiloKod promocyjny)
  5. Jakie oprogramowanie jest potrzebne do budowy strony internetowej?Jakie są wymagania dotyczące tworzenia własnej strony internetowej?
  6. NameSiloRozwiąż samouczek nazwy domeny NS na Bluehost/SiteGround
  7. Jak ręcznie zbudować WordPressa? Samouczek instalacji WordPress
  8. Jak zalogować się do backendu WordPressa? Adres logowania w tle WP
  9. Jak korzystać z WordPressa? Ogólne ustawienia tła WordPress i chiński tytuł
  10. Jak zmienić ustawienia językowe w WordPressie?Zmień metodę ustawiania języka chińskiego/angielskiego
  11. Jak stworzyć katalog kategorii WordPress? Zarządzanie kategorią WP
  12. Jak WordPress publikuje artykuły?Opcje edycji artykułów publikowanych samodzielnie
  13. Jak stworzyć nową stronę w WordPressie?Dodaj/edytuj ustawienia strony
  14. WordPressJak dodać menu?Dostosuj opcje wyświetlania paska nawigacyjnego
  15. Czym jest motyw WordPress?Jak zainstalować szablony WordPress?
  16. FTP jak rozpakować pliki zip online? Pobieranie programu dekompresyjnego PHP
  17. Nie powiodło się przekroczenie limitu czasu połączenia narzędzia FTP Jak skonfigurować WordPress do łączenia się z serwerem?
  18. Jak zainstalować wtyczkę WordPress? 3 sposoby instalacji wtyczki WordPress - wikiHow
  19. Co powiesz na hosting BlueHost?Najnowsze kody / kupony promocyjne BlueHost USA
  20. W jaki sposób Bluehost automatycznie instaluje WordPress jednym kliknięciem? Samouczek budowania strony internetowej BH
  21. Szczegółowe wyjaśnienie niestandardowego kodu ścieżki szablonu dla wtyczki WordPress Shortcodes Ultimate
  22. Jak zarabiać na sprzedaży zdjęć? DreamsTime sprzedaje zdjęcia online, aby zarabiać pieniądze
  23. DreamsTime Chiński kod rekomendacji rejestracji oficjalnej strony internetowej: jak sprzedawać zdjęcia, aby zarabiać pieniądze
  24. Jak mogę zarabiać na sprzedaży moich zdjęć?strona internetowa sprzedająca zdjęcia online
  25. Jak darmowy model biznesowy zarabia?Opłacalne przypadki i metody w trybie darmowym
  26. 3 poziomy zarabiania pieniędzy w życiu: na jakich etapach zarabiasz pieniądze?
  27. Jak tradycyjni szefowie zarabiają na pisaniu artykułów?Metody pisania marketingu online
  28. Sekret projektu częściowej szarej spekulacji: branża internetowa szybko zarabia na łańcuchu branżowym
  29. Co oznacza myślenie o nawróceniu?Przypadek zarabiania z istotą konwersji
  30. Co sprzedawać online, żeby zarabiać?Dlaczego im wyższy zysk, tym lepsza sprzedaż?
  31. Jak zarabiać od zera
  32. Czy w 2025 roku będę zarabiał jako agent mikrobiznesowy?Wyjaśnienie oszustwa polegającego na tym, że mikroprzedsiębiorstwa polegają na rekrutowaniu agentów w celu zarabiania pieniędzy
  33. Czy łatwo jest zarabiać pieniądze, otwierając teraz sklep na Taobao?Historia startupów w Pekinie
  34. Jak wysyłać treść wiadomości grupowych WeChat? „Strategie masowego publikowania WeChat Marketing 2”, które pomogą Ci zarabiać pieniądze

WordPress 3.0 i nowsze wersje dodały możliwość dostosowania menu paska nawigacyjnego.

Większość motywów WordPress obsługuje niestandardową funkcję menu paska nawigacyjnego, możesz dowolnie ustawić menu paska nawigacyjnego dla swojej witryny.

Istnieją dwie główne funkcje dodawania ważnych linków stron do menu paska nawigacyjnego:

  1. Może poprawić wrażenia użytkownika.
  2. może poprawićSEOWagi.

właśnieChen WeiliangPo prostu podzielę się z Tobą: Jak skonfigurować menu nawigacyjne WordPress?

Jak sprawdzić, czy motyw ma niestandardową funkcję menu?

Po włączeniu motywuZaloguj się do backendu WordPress → Wygląd → Menu.

Jeśli zobaczysz to, co pokazano poniżej, motyw nie obsługuje niestandardowych menu, w przeciwnym razie obsługuje ▼

Obecne motywy WordPress nie oferują niestandardowych menu Arkusz 1

Niestandardowe menu nawigacyjne WordPress

Przed dostosowaniem menu musisz utworzyć wymagane kategorie artykułów i strony.

Aby utworzyć kategorie artykułów i strony, zapoznaj się z poniższym samouczkiem▼

Menu tworzenia i ustawień WordPress

krok 1:Przejdź do strony menu WordPress

Zaloguj sięZaplecze WordPress → Wygląd → Menu ▼

Wejdź na stronę menu WordPress nr 4

  • Tutaj możesz tworzyć nowe menu i zarządzać wcześniej utworzonymi menu.
  • Jeśli tworzysz nowe menu, wpisz nazwę kategorii menu w polu „Nazwa menu”.
  • Następnie kliknij Zapisz, aby utworzyć nową kategorię lokalizacji menu nawigacyjnego.

krok 2:Wybierz lokalizację tematu

  • Chcemy wyznaczyć menu jako menu nawigacyjne na stronie.
  • Wybierz lokalizację tematu, sprawdź Nawigacja główna ▼

Menu Utwórz WordPress: wybierz lokalizację motywu, wybierz główny arkusz nawigacji 5

  • Uważaj, aby nie zaznaczyć opcji „Automatycznie dodawaj wszystkie strony najwyższego poziomu do tego menu” ▲
  • W takim przypadku za każdym razem, gdy tworzona jest strona najwyższego poziomu, zostanie ona automatycznie dodana do menu, ale menu ma ograniczoną szerokość i zawija się po przekroczeniu szerokości (wpływa na estetykę).

krok 3:Dodaj i sortuj strukturę menu WordPress

Oto przykład tworzenia menu o nazwie „Menu 1” ▼

Dodawanie i sortowanie arkusza struktury menu WordPress 6

  • Wybierz link, który chcesz dodać z lewej strony (link do strony, link do artykułu, link niestandardowy, link do kategorii) i dodaj go do menu.
  • (Właściwie możesz dodać tutaj dowolny link, na przykład możesz dodać stronę główną i możesz wskazać adres URL strony głównej za pomocą „łącza niestandardowego”)

Sortuj strukturę menu:

  • W obszarze struktury menu przeciągnij element menu nieco w prawo, aby szybko skonfigurować menu drugorzędne i wielopoziomowe.
  • Efekt ustawienia jest trapezoidalny, czyli menu podrzędne jest bardziej wcięte niż to nad nim.
  • Po nazwie nawigacji pojawią się szare znaki "podprojektu".
  • Po ułożeniu menu kliknij opcję Zapisz menu.

Opcje menu WordPress

Menu WordPressa domyślnie ukrywa niektóre funkcje.

Jeśli chcesz kontrolować więcej właściwości menu, kliknij „Pokaż opcje” w prawym górnym rogu ekranu, aby wyświetlić ukryte funkcje ▼

Arkusz opcji wyświetlania menu WordPress 7

  • Możesz wybrać więcej typów pozycji menu.
  • Na przykład: tagi i artykuły oraz zaawansowane właściwości wyświetlania menu (cel linku, klasa CSS, sieć linków, opis).

Arkusz szczegółowych ustawień pozycji menu WordPress 8

Karty nawigacyjne:

  • Tekst linku.

Własność tytułu:

  • jest wartością atrybutu title znacznika, jak pokazano na obrazku powyżej"Chen WeiliangStrona główna bloga".

Klasa CSS:

  • Dodaj klasę do pozycji menu.
  • Ta pozycja menu różni się w zależności od CSS.
  • Chen WeiliangDodano CSS strony głównej bloga fas fa-home.

Sieć relacji łącza:

  • Atrybut rel jest dodawany do menu za pośrednictwem sieci łączącej (XFN).
  • Jeśli nie chcesz, aby wyszukiwarki przypisywały wagę temu linkowi menu, możesz dodaćrel="nofllow"Atrybuty.

Cel linku:

  • Steruje sposobem otwierania łączy menu.
  • Na przykład otwórz w nowym oknie (target="_blank") lub otwórz w bieżącym oknie (domyślnie).

Oto kod renderowany przez stronę internetową w oparciu o ustawienia pokazane na powyższym obrazku:

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

Lokalizacja zarządzania menu WordPress

Poniżej znajduje się lokalizacja administratora u góry ustawień menu WordPress▼

Jak WordPress dodaje menu?Obraz 9 niestandardowych opcji wyświetlania paska nawigacyjnego

  • Ustawienia motywu wyświetlane w lokalizacji administratora będą się różnić w zależności od używanego motywu.
  • Możesz przypisać menu do każdego ustawienia „lokalizacja tematu”, aby menu nawigacji dla każdej lokalizacji wyświetlało inną zawartość.

Na tym kończy się samouczek menu niestandardowego paska nawigacyjnego WordPress.

Poprzednie Następna

发表 评论

Twój adres e-mail nie zostanie opublikowany. 必填 项 已 用 * 标注

Przewiń do góry