Jak dodać menu nawigacyjne w WordPress (Przewodnik dla początkujących)

lis 20, 2021
admin

Czy chcesz dodać menu nawigacyjne do swojej witryny WordPress?

WordPress jest wyposażony w interfejs menu typu „przeciągnij i upuść”, który można wykorzystać do tworzenia menu nagłówkowych, menu z opcjami rozwijania i nie tylko.

W tym przewodniku krok po kroku pokażemy, jak łatwo dodać menu nawigacyjne w WordPress.

Co to jest menu nawigacyjne?

Menu nawigacyjne to lista linków wskazujących na ważne obszary witryny. Zazwyczaj są one prezentowane jako poziomy pasek linków na górze każdej strony w witrynie.

Menu nawigacyjne nadaje Twojej witrynie strukturę i pomaga odwiedzającym znaleźć to, czego szukają. Oto jak wygląda menu nawigacyjne na WPBeginner:

WordPress sprawia, że naprawdę łatwo jest dodać menu i podmenu. Możesz dodać linki do swoich najważniejszych stron, kategorii lub tematów, postów na blogu, a nawet niestandardowych linków, takich jak Twój profil w mediach społecznościowych.

Dokładna lokalizacja Twojego menu będzie zależała od Twojego motywu WordPress. Większość motywów będzie miała kilka opcji, więc możesz stworzyć różne menu, które mogą być wyświetlane w różnych miejscach.

Na przykład, większość motywów WordPress pochodzi z głównym menu, które pojawia się na górze. Niektóre motywy mogą zawierać menu drugorzędne, menu stopki lub mobilne menu nawigacyjne, jak również.

Tutorial wideo

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Creating Your First Custom Navigation Menu

Aby utworzyć menu nawigacyjne, musisz odwiedzić stronę Wygląd ” Menu w swoim pulpicie administracyjnym WordPress.

Po pierwsze, musisz podać nazwę dla swojego menu, jak „Górne menu nawigacyjne”, a następnie kliknąć przycisk „Utwórz menu”. Spowoduje to rozwinięcie obszaru menu, które będzie wyglądało tak jak poniżej:

Następnie możesz wybrać strony, które chcesz dodać do menu. Możesz albo automatycznie dodać wszystkie nowe strony najwyższego poziomu, albo możesz wybrać konkretne strony z lewej kolumny.

Najpierw kliknij zakładkę 'Zobacz wszystko’, aby zobaczyć wszystkie strony twojej witryny. Po tym kliknij pole obok każdej ze stron, które chcesz dodać do swojego menu, a następnie kliknij przycisk 'Dodaj do menu’.

Gdy twoje strony zostały dodane, możesz je przenieść przeciągając i upuszczając.

Uwaga: Wszystkie menu mają swoje pozycje wymienione w pionowej liście (od góry do dołu) w edytorze menu. Kiedy umieścisz menu na żywo na swojej stronie, będzie ono wyświetlane pionowo lub poziomo (od lewej do prawej), w zależności od miejsca, które wybierzesz.

Większość motywów ma kilka różnych miejsc, gdzie możesz umieścić menu. W tym przykładzie używamy domyślnego motywu 2020, który ma 5 różnych lokalizacji.

Po dodaniu stron do menu, wybierz lokalizację, w której chcesz wyświetlić menu i kliknij na przycisk „Zapisz menu”.

Wskazówka: Jeśli nie jesteś pewien, gdzie jest każda lokalizacja, spróbuj zapisać menu w różnych miejscach, a następnie odwiedź swoją witrynę, aby zobaczyć, jak wygląda. Prawdopodobnie nie będziesz chciał używać wszystkich lokalizacji, ale możesz chcieć użyć więcej niż jednej.

Tutaj jest nasze gotowe menu na stronie:

Tworzenie menu rozwijanych w WordPress

Menu rozwijane, czasami nazywane menu zagnieżdżonym, to menu nawigacyjne z elementami menu rodzica i dziecka. Po najechaniu kursorem na pozycję rodzica, wszystkie pozycje dzieci pojawią się pod nią w podmenu.

Aby utworzyć podmenu, przeciągnij pozycję poniżej pozycji rodzica, a następnie przeciągnij ją lekko w prawo. Zrobiliśmy to z 3 podpozycjami pod „Usługi” w naszym menu:

Tutaj jest podmenu na żywo na stronie:

Możesz nawet dodać wiele warstw rozwijania, tak aby twoje podmenu miało podmenu. To może skończyć się wyglądem nieco zagraconym, a wiele motywów nie obsługuje wielowarstwowych menu rozwijanych.

W tym przykładzie, możesz zobaczyć, że 'Logo Design’ (element potomny 'Usługi’) ma dwa własne elementy potomne.

Dodawanie kategorii do menu WordPress

Jeśli używasz WordPressa do prowadzenia bloga, możesz chcieć dodać kategorie swojego bloga jako rozwijane w menu WordPressa. Robimy to na WPBeginner:

Możesz łatwo dodać kategorie do swojego menu, klikając zakładkę Kategorie po lewej stronie ekranu Menu. Możesz również kliknąć zakładkę „Wyświetl wszystko”, aby zobaczyć wszystkie swoje kategorie.

Po prostu wybierz kategorie, które chcesz dodać do menu, a następnie kliknij przycisk „Dodaj do menu”.

Kategorie pojawią się jako zwykłe pozycje menu na dole Twojego menu. Możesz je przeciągnąć i upuścić na swoje miejsce. Zamierzamy umieścić wszystkie te kategorie pod pozycją menu Blog.

Czy chcesz mieć stronę bloga w swojej witrynie, która jest oddzielona od strony głównej? Jeśli tak, sprawdź nasz poradnik, jak utworzyć osobną stronę dla postów na blogu w WordPress.

Adding Custom Links to Your WordPress Navigation Menus

Aside from categories and pages, WordPress also makes it super easy to add custom links to your menu. Możesz go użyć, aby połączyć się z profilami mediów społecznościowych, sklepem internetowym i / lub innymi stronami, które posiadasz.

Będziesz musiał użyć zakładki „Niestandardowe linki” na ekranie menu. Po prostu dodaj link wraz z tekstem, którego chcesz użyć w swoim menu.

Możesz nawet stać się kreatywny i dodać ikony mediów społecznościowych w swoim menu.

Edycja lub usuwanie pozycji menu w menu nawigacyjnym WordPress

Gdy dodajesz strony lub kategorie do niestandardowego menu nawigacyjnego, WordPress używa tytułu strony lub nazwy kategorii jako tekstu łącza. Możesz to zmienić, jeśli chcesz.

Każdą pozycję menu można edytować, klikając strzałkę w dół obok niej.

Możesz zmienić nazwę pozycji menu tutaj. W tym miejscu możesz również kliknąć „Usuń”, aby całkowicie usunąć link z Twojego menu.

Jeśli zmagasz się z interfejsem przeciągnij i upuść, możesz również przenieść pozycję menu wokół, klikając odpowiedni link 'Przenieś’.

Dodawanie menu WordPress w paskach bocznych i stopkach

Nie musisz po prostu trzymać się miejsc wyświetlania dla swojego motywu. Możesz dodać menu nawigacyjne w dowolnym obszarze, który używa widżetów, takich jak pasek boczny lub stopka.

Po prostu przejdź do Wygląd ” Widżety i dodaj widżet 'Menu nawigacyjne’ do swojego paska bocznego. Następnie dodaj tytuł dla widżetu i wybierz odpowiednie menu z listy rozwijanej 'Wybierz menu’.

Tutaj znajduje się przykład niestandardowego menu stopki WordPress zbudowanego na stronie Syed Balkhi.

Dalej z menu nawigacyjnym

Jeśli chcesz stworzyć naprawdę epickie menu z mnóstwem linków, mamy samouczek, jak utworzyć mega menu w WordPress. Pozwala to na stworzenie menu rozwijanego z wieloma elementami, w tym obrazami.

Mega menu to świetna opcja, jeśli masz dużą witrynę, taką jak sklep internetowy lub witryna z wiadomościami. Ten typ menu jest używany przez witryny takie jak Reuters, Buzzfeed, Starbucks, itp.

FAQs About WordPress Menus

Here are some of the most common questions we hear about WordPress navigation menus from beginners.

1. How do I add a homepage link to a WordPress menu?

Aby dodać swoją stronę główną do menu nawigacyjnego, musisz kliknąć zakładkę 'View All’ pod Pages. Stamtąd powinieneś zobaczyć swoją stronę główną.

Zaznacz pole obok „Strona główna” i kliknij „Dodaj do menu”. Nie zapomnij zapisać swoich zmian.

2. Jak dodać wiele menu nawigacyjnych w WordPressie?

W WordPressie możesz utworzyć tyle menu, ile chcesz. Aby umieścić menu na swojej stronie internetowej, musisz dodać je do jednej z lokalizacji menu swojego motywu lub do obszaru widgetu, jak pokazaliśmy powyżej.

Aby dodać wiele menu nawigacyjnych do swojej witryny WordPress, najpierw utwórz menu zgodnie z naszym samouczkiem powyżej.

Aby umieścić je na swojej stronie, kliknij kartę „Zarządzaj lokalizacjami”.

W tym miejscu możesz wybrać, które menu chcesz wyświetlić w lokalizacjach menu, które są dostępne w twoim motywie.

Jeśli chcesz dodać nową lokalizację menu do swojej witryny, zobacz nasz samouczek dotyczący dodawania niestandardowych menu nawigacyjnych do motywów WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać menu nawigacyjne w WordPress. Możesz również sprawdzić nasze przewodniki na temat tego, jak stylizować menu nawigacyjne w WordPressie i jak utworzyć lepkie pływające menu nawigacyjne w WordPressie.

Jeśli podobał Ci się ten artykuł, to proszę zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.