Jak dodać stronę do menu WordPress

Chcesz zmodyfikować swoje menu i poprawić nawigację? W tym artykule pokażemy, jak dodać stronę do menu WordPress i pomóc odwiedzającym przeglądać Twoją witrynę.

Po co dostosowywać i dodawać stronę do menu WordPress?

Szybka odpowiedź umożliwia łatwą nawigację. Ułatwienie użytkownikom znajdowania tego, czego szukają, jest kluczem do zapewnienia lepszej obsługi. To naturalnie zwiększy ogólną liczbę wyświetleń strony i zmniejszy współczynnik odrzuceń.

Gdy odwiedzający trafiają do Twojej witryny, najpierw widzą Twój nagłówek. Na przykład spójrzmy na nasz nagłówek witryny.

Jak widać, znajduje się tam logo QuadLayers wraz z linkami do ważnych stron , rozwijanym menu prezentującym nasze produkty oraz formularzem logowania do konta. Wszystkie najważniejsze strony znajdują się w nagłówku, co ułatwia dostęp. Oznacza to, że odwiedzający może jednym kliknięciem przejść do dowolnej sekcji witryny, dzięki czemu łatwiej mu znaleźć to, czego szuka, niezależnie od tego, czy jest to wtyczka, samouczek na blogu czy strony z dokumentacją.

Jako właściciel firmy możesz mieć w swojej witrynie ważne strony, takie jak O nas , Kontakt , Polityka prywatności i Reklama . Jeśli są to strony, które chcesz wyróżnić lub które użytkownicy często odwiedzają, możesz rozważyć dodanie ich do głównego menu. W ten sposób te niezbędne strony uzyskają maksymalną widoczność i będą łatwo dostępne.

Teraz, gdy lepiej rozumiemy, dlaczego możesz chcieć dostosować i dodać stronę do swojego menu WordPress, zobaczmy, jak to zrobić.

1) Jak dodać stronę do menu WordPress?

Istnieją dwa sposoby dodania strony do menu WordPress:

1. Z menu WordPress
2. Z konfiguratora WordPress

W tej sekcji pokażemy Ci obie metody, abyś mógł wybrać najlepszą dla siebie.

1.1) Z menu WordPress

Na pulpicie WordPress możesz zobaczyć wszystkie utworzone menu w sekcji Wyglądy > Menu .

Jeśli właśnie zainstalowałeś WordPress i zacząłeś go konfigurować, prawdopodobnie nie masz jeszcze żadnego menu, więc musisz utworzyć je ręcznie. Aby to zrobić, przejdź do sekcji Menu, nadaj nazwę menu i naciśnij Utwórz menu .

Teraz masz menu. Jest pusty, więc możesz dodać do niego strony, aby wyświetlić jakąś zawartość. Aby sprawdzić dostępne strony, kliknij menu rozwijane po lewej stronie.

Możesz dodać wszystkie strony do swojego menu lub wybrać określone i dodać je ręcznie. W naszym przypadku dodamy wszystkie nasze strony.

Po dodaniu stron do menu możesz zmienić ich kolejność. Po prostu przeciągnij stronę, którą chcesz zmienić, i upuść ją w żądanej pozycji, jak pokazano poniżej.

Na naszej stronie inscenizacyjnej używamy motywu Astra WordPress, który zawiera pięć niestandardowych lokalizacji menu.

• Menu Główne
• Menu dodatkowe
• Menu poza kanwą
• Zalogowany w menu Konto
• Menu stopki

Te opcje mogą się różnić w zależności od aktywnego motywu. W naszym przypadku użyjemy naszego menu w lokalizacji menu głównego . Po wybraniu odpowiedniej lokalizacji zapisz zmiany.

Następnie sprawdź swoją witrynę z interfejsu, a zobaczysz menu w nagłówku ze wszystkimi dodanymi stronami.

Teraz spróbujmy czegoś innego. Zamiast wybierać jako lokalizację menu główne, umieśćmy je w stopce. Przejdź do sekcji Menu , wybierz lokalizację stopki i zaktualizuj ustawienia.

Teraz sprawdź frontend, a zobaczysz menu w stopce Twojej witryny.

W ten sposób możesz łatwo dodać stronę do menu WordPress bez dodatkowego narzędzia lub wtyczki.

1.2) Korzystanie z konfiguratora WordPress

Inną prostą metodą dodania strony do menu jest użycie narzędzia WordPress Customizer. Główną zaletą jest to, że posiada podgląd na żywo, który pozwala zobaczyć zmiany w czasie rzeczywistym.

Najpierw na pulpicie WordPress przejdź do Wygląd > Dostosuj , aby otworzyć Customizer .

Po lewej stronie zobaczysz wszystkie dostępne opcje dostosowywania, a po prawej stronie zobaczysz podgląd na żywo swojej witryny, dzięki czemu będziesz mógł zobaczyć podgląd każdej zmiany, zanim zostanie opublikowana.

W tym demo używamy GeneratePress, więc jest to motyw, który pojawia się jako aktywny.

Przejdźmy teraz do sekcji Menu .

Następnie utwórz nowe menu.

Nazwij go, wybierz lokalizację wyświetlania i przejdź do następnego kroku.

Teraz masz menu na swojej witrynie WordPress, więc musisz dodać do niego strony, naciskając Dodaj elementy .

Po dodaniu elementów możesz zmienić ich kolejność, po prostu przeciągając je we właściwe miejsce.

Po zakończeniu dostosowywania menu opublikuj zmiany.

Jeśli sprawdzisz swoją witrynę z poziomu frontendu, zobaczysz zaktualizowany nagłówek.

Oto dwa proste sposoby dodania strony do menu WordPress. Jak widać, obie metody są bardzo proste i nie wymagają żadnej dodatkowej wtyczki, dzięki czemu nowe menu można uruchomić w mgnieniu oka.

2) Jak zmienić nazwę pozycji w menu?

Dowiedziałeś się, jak możemy dodać stronę do menu WordPressa. To pierwszy krok. Zobaczmy teraz, jak możesz go dostosować i przypisać niestandardową nazwę do każdego elementu.

Domyślnie WordPress użyje tytułu Twojej strony jako nazwy menu. Na przykład tytuł naszej strony demonstracyjnej to: Zatrudniamy! .

Kiedy dodamy tę stronę do naszego menu, WordPress użyje tego samego tytułu dla tego elementu.

Chociaż jest to logiczne rozwiązanie, czasami może być konieczne przypisanie niestandardowej nazwy do menu. Załóżmy na przykład, że napisałeś szczegółowy przewodnik o tym, jak założyć bloga, a tytuł strony to Jak uruchomić WordPressa i zarządzać nim jak profesjonalista .

Używanie tej bardzo długiej nazwy w swoim menu nie byłoby dobrym pomysłem, ponieważ jest ona dość długa. Możesz więc zoptymalizować go, zmieniając jego nazwę na coś w rodzaju Rozpocznij blog . W tej sekcji pokażemy Ci krok po kroku, jak możesz to zrobić.

Najpierw przejdź do sekcji Menu i otwórz stronę, którą chcesz dostosować. Na potrzeby tej demonstracji zmienimy stronę Zatrudniamy! tytuł strony.

Przejdź do sekcji Etykieta nawigacyjna i zmień nazwę na Kariera . Zobaczysz, jak zmieni się nazwa.

Następnie zapisz menu i sprawdź swoją witrynę z poziomu frontendu, aby zobaczyć, jak zmieniła się nazwa.

3) Jak dodawać kategorie do menu?

Aby zwiększyć liczbę wyświetleń strony archiwum i konwersji, możesz dodać kategorie do swojego menu WordPress. Kiedy prowadzisz dużą witrynę z dużą ilością treści, kategoryzowanie postów i dodawanie kategorii do menu może pomóc odwiedzającym poruszać się po witrynie. W tej sekcji pokażemy, jak to zrobić za pomocą dwóch różnych metod.

• Z WordPressa
• Z wtyczkami

Przyjrzyjmy się obu opcjom.

3.1) Z WordPressa

Po utworzeniu wystarczającej liczby kategorii możesz zacząć dodawać je do swojego menu WordPress. W tym celu w swoim panelu przejdź do sekcji Menu i wybierz menu, które chcesz edytować.

Możesz dodać wszystkie kategorie do swojej listy lub wybrać konkretne. W naszym przypadku dodamy wszystkie kategorie do menu i stworzymy z niego listę rozwijaną.

Domyślnie zostaną dodane bezpośrednio do menu.

Jeśli chcesz utworzyć listę rozwijaną, przypisz kategorie do pozycji menu głównego. Na przykład ustaw kategorie w pozycji Blog i zaktualizuj menu.

W interfejsie zobaczysz wszystkie kategorie wymienione w pozycji Blog .

To świetny sposób na zaoszczędzenie miejsca i usprawnienie nawigacji, gdy w witrynie jest wiele kategorii.

Jeśli potrzebujesz więcej informacji na ten temat, zapoznaj się z naszym przewodnikiem dotyczącym dodawania kategorii produktów WooCommerce do menu.

3.2) Z wtyczkami

Innym sposobem dodawania stron i kategorii do menu WordPressa jest użycie wtyczki. Istnieje kilka narzędzi, ale do tej demonstracji użyjemy QuadMenu. Jest to narzędzie freemium, które zawiera wiele funkcji do organizowania witryny i tworzenia mega menu niezależnie od używanego motywu. Darmowa wersja zawiera podstawowe funkcje, a plany premium zaczynają się od 15 USD (płatność jednorazowa) i zawierają bardziej zaawansowane funkcje.

Najpierw zainstaluj QuadMenu na swojej stronie. Przejdź do Wtyczki > Dodaj nowy , poszukaj wtyczki i zainstaluj ją.

Po jego aktywacji zostaniesz przekierowany na stronę ustawień. W sekcji Menu zobaczysz nową lokalizację wyświetlania o nazwie QuadMenu Dev. Włącz go i zapisz swoje menu.

Po najechaniu na nie zobaczysz dodatkowe opcje w pozycjach menu.

Możesz użyć tej opcji do zmiany pozycji menu. Na przykład, aby dostosować element menu Kariera , naciśnij znajdujący się na nim przycisk QuadMenu.

Na następnej stronie zobaczysz trzy główne opcje dostosowywania.

• Domyślna
• Ogólny
• Ikona

Na karcie Domyślne możesz wybrać tytuł łącza, atrybut tytułu, klasę CSS, relację łącza i opis menu. Na karcie Ogólne możesz wybrać podtytuł, odznakę, swobodne, opcje ekranu i rozwijane opcje pływające. Na koniec możesz przypisać niestandardową ikonę do elementu menu na karcie Ikona .

Dzięki potężnej wtyczce, takiej jak QuadMenu, możesz przenieść swoje menu WordPress na wyższy poziom. Aby uzyskać więcej opcji dostosowywania, zalecamy zapoznanie się z wersją premium.

4) Jak dodawać tagi, niestandardowe typy postów i niestandardowe linki do menu?

Do tej pory widzieliśmy, jak dodać stronę do menu WordPress, a także kategorie. Ale możesz zrobić więcej. W tej sekcji pokażemy, jak dodać tagi, niestandardowe typy postów i niestandardowe linki do swojego menu.

4.1) Jak dodawać tagi

Jeśli używasz tagów do kategoryzowania treści w swojej witrynie, możesz dodać je do swojego menu WordPress. W tym celu przejdź do sekcji Tagi w sekcji Posty na pulpicie WordPress. Zobaczysz tam wszystkie utworzone tagi i będziesz mógł utworzyć nowy.

Po utworzeniu tagów zobaczmy, jak dodać je do menu.

Najpierw otwórz sekcję Menu . Zobaczysz opcję wyświetlenia wszystkich tagów w lewej sekcji. Możesz wybrać wszystkie tagi lub określone. Jeśli masz dużą witrynę, nie zalecamy wybierania wszystkich tagów. Prawdopodobnie masz setki tagów, więc dodanie ich wszystkich do menu nie będzie dobrze wyglądać i nie ułatwi użytkownikom poruszania się po Twojej witrynie. Dlatego najlepszą opcją jest dodawanie do menu tylko najważniejszych tagów.

Po prostu wybierz te, które chcesz dodać i kliknij Dodaj do menu .

Następnie zaktualizuj menu i sprawdź swoją witrynę, aby zobaczyć tagi wybrane w menu.

4.2) Jak dodać niestandardowe typy postów (CPT)

Niektóre motywy, takie jak Avada, mają wbudowane niestandardowe typy postów, więc możesz dodać te typy postów do swojego menu. Na przykład na naszej stronie mamy niestandardowy typ posta o nazwie Deals i mamy pod nim cztery posty.

Aby dodać niestandardowe typy postów do swojego menu WordPress, przejdź do sekcji Menu , a zobaczysz tam nowo zarejestrowaną pozycję menu. Wybierz niestandardowe posty, które chcesz dodać, i kliknij przycisk Dodaj do menu .

Następnie zobaczysz te typy postów w swoim menu. Gdy będziesz zadowolony z zamówienia i organizacji, naciśnij Zapisz Menu .

Na koniec sprawdź swoje menu z interfejsu, a zobaczysz tam niestandardowe posty.

W ten sposób możesz dodać niestandardowe typy postów do swojego menu WordPress. Jeśli masz zarejestrowanych wiele niestandardowych typów postów, zobaczysz je wszystkie w sekcji menu.

UWAGA: Jeśli nie masz zarejestrowanych żadnych CPT, nie zobaczysz tej opcji. Jeśli jednak chcesz utworzyć CPT dla swojej witryny, sprawdź bezpłatną wtyczkę o nazwie Custom Post Type UI.

4.3) Jak dodać niestandardowe linki

Na koniec możesz także dodać niestandardowe linki do swojego menu. Stosując tę ​​prostą metodę, możesz za pomocą kilku kliknięć dodać linki do swoich treści.

Na pulpicie WordPress przejdź do sekcji Menu , a po lewej stronie zobaczysz opcję o nazwie Linki niestandardowe .

Po otwarciu zobaczysz opcję dodania adresu URL i tekstu linku.

Wystarczy wypełnić pola i dodać pozycję do menu. Na przykład do tej demonstracji dodamy link do naszej strony na Facebooku.

Po zapisaniu zmian sprawdź swoją witrynę w interfejsie, a w menu zobaczysz nowy link do swojej strony na Facebooku.

W ten sposób możesz dodać dowolny zewnętrzny lub wewnętrzny link do swojego menu, aby ułatwić użytkownikom poruszanie się po witrynie.

Bonus: jak stylizować określone pozycje menu

Widzieliśmy już, jak dodawać i dostosowywać strony, kategorie i inne elementy do menu WordPress. Ale możesz zrobić więcej. W niektórych przypadkach możesz chcieć, aby użytkownicy skupili się na określonej pozycji menu. W tej sekcji dowiesz się, jak dodać niestandardowy CSS do elementu menu i podświetlić go za pomocą odrobiny CSS, aby zmienić kolory.

Najpierw na pulpicie WordPress przejdź do sekcji Wygląd > Dostosuj > Menu i wybierz Opcje ekranu . Tam musisz włączyć właściwość CSS Classes .

Po tym, gdy rozwiniesz swoje pozycje menu, zobaczysz nową właściwość CSS Classes .

W tym przykładzie ustawimy naszą klasę CSS menu jako careers-cta i zapiszemy menu.

Oprócz wzmianki o klasie CSS, możemy dodać kod CSS, aby podświetlić tę konkretną pozycję menu. Aby to zrobić, przejdź do sekcji WordPress Customizer > Dodatkowy CSS i dodaj swój kod. Z drugiej strony, jeśli używasz motywów takich jak Divi lub Avada, istnieje niestandardowa sekcja zawierająca dodatkowy CSS.

W tym demo dodamy kod CSS za pomocą Customizera. Zawiera podgląd na żywo, dzięki czemu proces jest łatwy.

Tutaj zaczyna się zabawna część. Wklej swój kod CSS w sekcji Dodatkowy CSS. Przykładowy kod, którego możesz użyć, to:

 .kariera-cta{
 kolor tła: różowy;
 promień obramowania: 15px;
 }

Następnie zobaczysz zmiany na ekranie podglądu na żywo.

To tylko przykładowy kod, więc zachęcamy do zabawy z nim i dostosowania go do swoich potrzeb.

Wniosek

Podsumowując, menu są ważną częścią każdej strony internetowej. Wyświetlają ważne informacje i pomagają użytkownikom poruszać się po witrynie, co zapewnia lepsze wrażenia. Menu zwykle znajdują się na górze stron i są pierwszą rzeczą, jaką widzą użytkownicy, gdy trafiają do witryny. Dlatego powinieneś je dostosować i upewnić się, że są dobrze zaprojektowane.

W tym przewodniku pokazaliśmy, jak dodać stronę do menu WordPress i jak najlepiej ją wykorzystać, korzystając z dwóch różnych metod.

1. Z menu WordPress
2. Od Customizer

Korzystanie z sekcji menu WordPress to prosty sposób na tworzenie menu w witrynie. Jednak Customizer zawiera podgląd na żywo, który pozwala zobaczyć zmiany w czasie rzeczywistym przed uruchomieniem, co jest plusem.

Ponadto widzieliśmy, jak zmieniać nazwy pozycji menu, dodawać kategorie, tagi, niestandardowe typy postów i niestandardowe linki. Ponadto widzieliśmy, jak stylizować niektóre przedmioty, aby zwrócić na nie uwagę.

Aby uzyskać więcej informacji o tym, jak ulepszyć swoje menu, zapoznaj się z następującymi samouczkami:

• Jak dodać ikony mediów społecznościowych do menu WordPress?
• Jak dostosować menu Divi za pomocą CSS

Czy ostatnio dostosowałeś swoje menu? Co zmieniłeś? Daj nam znać w sekcji komentarzy poniżej.