Jak dodać logikę warunkową do menu w WordPress (krok po kroku)

Czy kiedykolwiek chciałeś, aby Twoje menu WordPress było mądrzejsze? Może chcesz pokazywać różne opcje nawigacji zalogowanym użytkownikom lub wyświetlać określone pozycje menu tylko na niektórych stronach.

Domyślnie WordPress wyświetla wszystkim to samo statyczne menu, co może sprawić, że Twoja witryna będzie wyglądać generycznie i nieprzydatnie. Pracowaliśmy z wieloma właścicielami witryn, którzy napotkali dokładnie to samo wyzwanie.

Na szczęście menu warunkowe mogą całkowicie odmienić doświadczenie użytkownika.

Kiedy nawigacja WordPressa dostosowuje się do różnych odwiedzających i kontekstów, ludzie szybciej znajdują to, czego potrzebują. A Ty możesz kierować ich ku działaniom, które są najważniejsze dla Twojej firmy.

W tym przewodniku podzielimy się tym, jak dodać logikę warunkową do menu WordPress. Dowiesz się, jak tworzyć dynamiczne nawigacje, które zmieniają się w zależności od ról użytkowników, konkretnych stron lub innych wybranych kryteriów.

Dlaczego dodawać logikę warunkową do menu w WordPress?

Menu nawigacyjne nadają Twojej stronie strukturę i pomagają odwiedzającym znaleźć to, czego szukają.

Domyślnie Twoja strona WordPress będzie wyświetlać to samo menu nawigacyjne wszystkim użytkownikom oraz na wszystkich wpisach i stronach.

Jednak mogą zdarzyć się sytuacje, w których będziesz chciał wyświetlać różne menu różnym użytkownikom lub na różnych stronach Twojej witryny.

Dzięki logice warunkowej możesz pójść o krok dalej, tworząc niestandardowe menu dla zalogowanych użytkowników. Oto kilka przykładów zastosowań na różnych typach stron:

• Sklep internetowy – Podkreślaj produkty lub oferty specjalne na podstawie historii przeglądania lub zakupów klienta.
• Witryna członkowskiej WordPress – wyświetlaj ekskluzywne strony i zasoby tylko zalogowanym członkom.
• Platforma e-learningowa – Wyświetlaj różne kategorie kursów lub lekcje w zależności od postępów ucznia.

Możesz myśleć o tym jako o kontroli dostępu do menu WordPress. 💡

Mając to na uwadze, pokażemy Ci, jak dodać logikę warunkową do menu WordPress. Oto tematy, które omówimy w tym samouczku:

Gotowi? Zacznijmy.

Tworzenie nowych menu nawigacyjnych w WordPress

Pierwszym krokiem jest utworzenie dodatkowych menu nawigacyjnych, które chcesz wyświetlić w WordPress. Następnie możesz użyć logiki warunkowej, aby zdecydować, kiedy każde menu będzie wyświetlane.

Od tego momentu pokażemy Ci, jak dodawać warunkowe menu do WordPressa zarówno w edytorze klasycznym, jak i blokowym.

Tworzenie nowych menu nawigacyjnych w WordPress przy użyciu klasycznego edytora

Ta metoda działa dla użytkowników klasycznych motywów.

Aby utworzyć nowe menu nawigacyjne, przejdź do strony Wygląd » Menu w panelu WordPress. Jeśli masz już menu nawigacyjne, którego używasz na swojej stronie dla wszystkich użytkowników, może to być Twoje domyślne menu.

Następnie musisz kliknąć link „utwórz nowe menu”, aby utworzyć nową pozycję menu. Na przykład możesz utworzyć jedno menu dla zalogowanych użytkowników i inne do wyświetlenia na określonej stronie WordPress lub w kategorii.

Po lewej stronie ekranu zobaczysz listę stron Twojej witryny. Po prostu zaznacz pole wyboru obok każdej strony, którą chcesz dodać do swojego menu, i kliknij przycisk „Dodaj do menu”.

Możesz również przeciągać i upuszczać elementy menu po prawej stronie ekranu, aby je uporządkować.

Dalej na stronie możesz wybrać lokalizację do wyświetlenia swojego menu. Ale nie musisz przypisywać lokalizacji do tego menu teraz. Zrobimy to w następnym kroku.

Nie zapomnij kliknąć przycisku „Zapisz menu”, aby zachować zmiany.

Aby uzyskać więcej szczegółów na temat tworzenia menu, możesz zapoznać się z naszym poradnikiem dla początkujących na temat dodawania menu nawigacyjnego w WordPress.

Tworzenie nowych menu nawigacyjnych w WordPress przy użyciu FSE

Aby utworzyć nowe menu nawigacyjne w motywie blokowym za pomocą Edycji całego motywu (FSE), musisz najpierw przejść do sekcji Wygląd » Edytor z poziomu panelu administracyjnego WordPress.

Gdy już będziesz w środku, możesz kliknąć zakładkę „Nawigacja”, aby ją rozwinąć. Jeśli się zastanawiasz, w tym przewodniku używamy motywu Twenty-Twenty Three.

Następnie kliknij „Edytuj” obok etykiety „Nawigacja”.

Spowoduje to otwarcie pełnego edytora witryny na ekranie.

Stąd wszystko, co pozostało, to kliknąć ikonę „+”, aby dodać element menu nawigacyjnego. Zobaczysz wtedy monit z rozwijanym menu, w którym możesz wybrać opcję.

Bardziej szczegółowe instrukcje znajdziesz w naszym przewodniku jak dodać menu nawigacyjne w WordPress.

Wyświetlanie innego menu dla zalogowanych użytkowników w WordPress

Często przydatne jest wyświetlanie różnych menu nawigacyjnych użytkownikom w zależności od tego, czy zalogowali się na Twojej stronie, czy nie.

Na przykład, możesz dodać linki do logowania i rejestracji dla niezalogowanych użytkowników oraz dodać link wylogowania do swojego menu dla zalogowanych użytkowników.

Jeśli prowadzisz sklep WooCommerce, możesz uwzględnić pozycje dla swoich klientów, które są ukryte przed ogółem publiczności.

Wyświetlanie innego menu dla zalogowanych użytkowników przy użyciu klasycznego edytora

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę Conditional Menus. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Wygląd » Menu i przełącz się na zakładkę „Zarządzaj lokalizacjami”.

Z tego miejsca zobaczysz listę dostępnych lokalizacji menu i menu, które są obecnie wyświetlane. Będą się one różnić w zależności od motywu WordPress , którego używasz.

Na przykład, na naszej stronie demonstracyjnej pokazano, że nasza lokalizacja „Menu główne” wyświetla menu nawigacyjne zatytułowane „Menu główne”.

Możemy poinformować wtyczkę, aby wyświetliła inne menu, gdy zostanie spełniony określony warunek, klikając link „+ Menu warunkowe” i wybierając inne menu z listy rozwijanej.

W tym samouczku wybierzemy „Menu dla zalogowanych”.

Następnie musisz kliknąć link „+ Warunki”.

Spowoduje to wyświetlenie okna podręcznego, w którym zobaczysz wiele warunków do wyboru.

Po prostu zaznacz pole wyboru obok opcji „Użytkownik zalogowany”, a następnie kliknij przycisk „Zapisz”.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć menu zalogowanego użytkownika w akcji. Możesz wylogować się ze swojej strony internetowej, aby zobaczyć menu nawigacyjne, które jest wyświetlane wszystkim innym użytkownikom.

Aby uzyskać bardziej szczegółowe instrukcje i dowiedzieć się, jak to zrobić za pomocą kodu, zapoznaj się z naszym przewodnikiem na temat pokazywania różnych menu zalogowanym użytkownikom w WordPress.

Pokazywanie innego menu zalogowanym użytkownikom przy użyciu FSE

Jeśli używasz motywu blokowego, będziesz potrzebować wtyczki Conditional Blocks. Zainstaluj i aktywuj wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po jego aktywacji możesz otworzyć funkcję FSE, przechodząc do Wygląd » Edytor. Następnie kliknij „Wzorce”, a następnie „Wszystkie części szablonu”.

Powinieneś teraz zobaczyć wszystkie swoje części szablonu, które mogą obejmować stopkę, nagłówek i komentarze. Kliknijmy trzy kropki w sekcji „Nagłówek”, a następnie wybierz „Edytuj”.

Przekieruje Cię to do edytora bloków.

Teraz musisz kliknąć blok menu nawigacyjnego, aby dodać warunki.

Następnie po prostu przełącz się na zakładkę „Blok” w panelu po prawej stronie, aby rozpocząć dostosowywanie.

Jeśli przewiniesz w dół zakładkę „Blok”, zobaczysz sekcję „Bloki warunkowe”. Po prostu kliknij ją, aby otworzyć opcje dostosowywania.

Następnie kliknij przycisk „Edytuj widoczność”.

Pojawi się okno podręczne, w którym możesz ustawić warunki dla wybranego menu nawigacyjnego.

Tutaj możesz otworzyć menu rozwijane „WARUNEK” i wybrać opcję „Użytkownik zalogowany”.

Po prostu zamknij okno, klikając przycisk „X” w prawym górnym rogu.

Powinieneś wtedy zobaczyć warunek dodany do sekcji „Bloki warunkowe”. Kliknij „Zapisz”, aby zaktualizować swoje menu nawigacyjne.

Teraz, jeśli odwiedzisz swoją stronę internetową, tak może ona wyglądać dla niezalogowanych i zalogowanych użytkowników:

Wyświetlanie innego menu WordPress w zależności od roli użytkownika

Po zalogowaniu użytkownika możesz również wyświetlić inne menu nawigacyjne w zależności od roli użytkownika, którą mu przypisano.

Na przykład, możesz uwzględnić dodatkowe pozycje menu dla administratora i bardziej ograniczone pozycje dla współtwórcy. Na stronie członkowskiej możesz przyznać różne poziomy dostępu różnym poziomom członkostwa.

Wyświetlanie innego menu WordPress w zależności od roli użytkownika przy użyciu klasycznego edytora

Podobnie jak w poprzedniej sekcji, musisz zainstalować i aktywować wtyczkę Conditional Menus .

Następnie możesz przejść do strony Wygląd » Menu i przełączyć się na zakładkę „Zarządzaj lokalizacjami”.

Powinieneś dodać odpowiednie warunkowe menu dla wybranej roli użytkownika. W tym samouczku wybierzemy menu „Nav Menu Administrator”.

Następnie możesz kliknąć link „+ Warunki”, aby wybrać rolę użytkownika.

Będziesz musiał kliknąć zakładkę „Role użytkowników”, aby zobaczyć pola wyboru dla każdej roli użytkownika na Twojej stronie. Po prostu kliknij role użytkowników, które będą widzieć to menu, a następnie kliknij przycisk „Zapisz”, aby zapisać zmiany.

Wyświetlanie innego menu WordPress w zależności od roli użytkownika przy użyciu FSE

Aby wyświetlić inne menu w zależności od ról użytkowników w FSE, będziesz używać wtyczki Content Control. Jeśli potrzebujesz pomocy w jej instalacji i aktywacji, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do Wygląd » Edytor » Wzorce » Wszystkie części szablonu. Następnie po prostu kliknij trzy kropki w sekcji „Nagłówek”, a następnie wybierz „Edytuj”.

W edytorze możesz wybrać menu nawigacyjne, do którego chcesz dodać warunki.

Na przykład, sprawimy, że nasza strona „Blog” będzie dostępna wyłącznie dla naszych subskrybentów. Klikniemy więc „Blog”, aby otworzyć jego opcje personalizacji.

Stąd przejdźmy do prawego panelu i przełącz przełącznik „Włącz kontrolki” w sekcji „Kontrolki bloku”.

Następnie przewiń w dół do sekcji „Zasady użytkownika”, aby skonfigurować warunki.

Najpierw po prostu otwórz menu rozwijane „KTO MOŻE WIDZIEĆ TĘ ZAWARTOŚĆ” i wybierz „Zalogowany użytkownik”.

Następnie, w rozwijanym menu „ROLE UŻYTKOWNIKA”, możesz wybrać „Dopasowanie”. A w „WYBRANE ROLE” wybierzmy „subskrybent”.

Po zakończeniu możesz kliknąć przycisk „Zapisz”.

Pokazywanie innego menu dla różnych stron w WordPress

Możesz wyświetlać różne menu dla różnych stron w WordPress.

Na przykład, możesz wyświetlić dodatkowe pozycje menu na swojej stronie z polityką prywatności, takie jak link do Twojego powiadomienia o plikach cookie.

Wyświetlanie innego menu dla różnych stron w WordPress przy użyciu klasycznego edytora

Aby to zrobić, musisz zainstalować i aktywować wtyczkę Conditional Menus. Następnie przejdź do Wygląd » Menu » Zarządzaj lokalizacjami.

Po wybraniu odpowiedniego menu nawigacyjnego możesz kliknąć link „+ Warunki”. Tym razem powinieneś kliknąć zakładkę „Strony”. Zobaczysz listę każdej strony w Twojej witrynie.

Następnie musisz zaznaczyć pole wyboru obok każdej strony, na której chcesz wyświetlić menu nawigacyjne. Po zakończeniu kliknij przycisk „Zapisz”.

Wyświetlanie innego menu dla różnych stron w WordPress przy użyciu FSE

Użytkownicy motywów blokowych mogą używać wtyczki Block Visibility. Jeśli potrzebujesz pomocy z instalacją, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Wygląd » Edytor » Wzorce » Wszystkie części szablonu. Po otwarciu edytora nagłówka możesz przejść do sekcji „Widoczność”.

Stąd możesz otworzyć listę rozwijaną i wybrać „Ścieżka URL”.

Następnie możesz dodać ścieżkę adresu URL strony Polityki prywatności do obszaru „ŚCIEŻKA URL (ZAWIERA)”.

Ścieżka URL to część adresu internetowego, która znajduje się po głównej nazwie witryny i wskazuje konkretną stronę lub element.

Na przykład w adresie https://example.com/about, część /about to ścieżka URL.

Jeśli nie znasz ścieżki URL swojej strony Polityki Prywatności, możesz przejść do Strony » Wszystkie strony. Następnie znajdź stronę Polityki Prywatności i najedź na nią kursorem.

Po prostu kliknij przycisk „Szybka edycja” i zobaczysz sekcję „Slug”. Ścieżka URL powinna być symbolem „/” poprzedzającym slug strony.

Lub po prostu odwiedź stronę i skopiuj i wklej fragment po nazwie domeny.

To wszystko! Kliknij „Zapisz”, aby zachować zmiany.

Ukrywanie menu nawigacyjnego na stronach docelowych w WordPress

Mogą istnieć strony w Twojej witrynie, na których w ogóle nie chcesz wyświetlać menu nawigacyjnego, takie jak Twoje strony docelowe.

Strona docelowa jest zaprojektowana w celu zwiększenia sprzedaży lub generowania leadów dla firmy. Na tych stronach będziesz chciał zminimalizować rozproszenia i dostarczyć użytkownikom wszystkich informacji, których potrzebują, aby podjąć konkretne działanie.

W naszym przewodniku jak zwiększyć konwersję na stronie docelowej o 300%, sugerujemy zminimalizowanie rozpraszaczy poprzez usunięcie menu nawigacyjnych i innych linków ze strony.

Ukrywanie menu nawigacyjnego na stronach docelowych w WordPress przy użyciu klasycznego edytora

Możesz to zrobić za pomocą wtyczki Conditional Menus. Tym razem wybierzesz „Wyłącz menu” z listy rozwijanej podczas wybierania menu warunkowego.

Następnie kliknij link „+ Warunki”, aby wybrać, kiedy wyświetlić menu.

Powinieneś kliknąć zakładkę „Strony” i zaznaczyć pole wyboru obok pozycji „Moja strona docelowa”.

Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać i zastosować swoje ustawienia.

Ukrywanie menu nawigacyjnego na stronach docelowych w WordPress przy użyciu FSE

Teraz, dla użytkowników motywów blokowych, możesz użyć wtyczki Block Visibility, ale tym razem wprowadzisz ścieżkę URL do pola „URL Path (Does Not Contain)”.

Zainstalujmy i aktywujmy wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do Wygląd » Edytor » Wzorce » Wszystkie części szablonu. Po wejściu do edytora nagłówka znajdź sekcję „Widoczność”.

Stąd możesz wybrać „Ścieżka URL” i wprowadzić ścieżkę swojej strony docelowej w polu „Ścieżka URL (Nie zawiera)”.

Po zakończeniu po prostu kliknij przycisk „Zapisz”.

Często zadawane pytania dotyczące menu warunkowych

Masz pytania dotyczące konfiguracji lub dostosowywania menu warunkowych w WordPressie? Oto kilka szybkich odpowiedzi, które pomogą Ci zacząć.

Jaki jest najlepszy wtyczka warunkowego menu dla WordPress?

Jeśli używasz klasycznego motywu, wtyczka Conditional Menus jest prostym i niezawodnym wyborem. W przypadku motywów blokowych narzędzia takie jak Conditional Blocks lub Block Visibility dają potężną kontrolę bezpośrednio w edytorze.

Czy mogę dodać logikę warunkową do menu bez wtyczki?

Tak, ale wymaga to dodania niestandardowego kodu do plików motywu, co najlepiej pozostawić zaawansowanym użytkownikom, ponieważ drobny błąd może zepsuć Twoją witrynę.

Dla większości ludzi wtyczka taka jak WPCode jest znacznie bezpieczniejszym i łatwiejszym sposobem dodawania i zarządzania fragmentami kodu. Wszystko o niej znajdziesz w naszej pełnej recenzji WPCode.

Czy mogę zastosować warunki do pojedynczego elementu menu zamiast do całego menu?

Absolutnie. Wiele nowoczesnych motywów WordPress i wtyczek do menu na to pozwala. W klasycznym edytorze menu (Wygląd » Menu) często można ustawić reguły widoczności dla poszczególnych elementów. W edytorze bloków można zastosować warunki do konkretnych bloków linków nawigacyjnych.

Dalsza lektura: Więcej możliwości z menu nawigacyjnymi WordPress

Menu nawigacyjne to potężne narzędzia projektowania stron internetowych. Pozwalają kierować użytkowników do najważniejszych sekcji Twojego bloga lub witryny WordPress.

Teraz, gdy wyświetlasz różne menu nawigacyjne na różnych stronach i dla różnych ról użytkowników, możesz zastanawiać się, jak je dalej dostosować.

Aby poprawić funkcjonalność swoich menu nawigacyjnych, koniecznie zapoznaj się z tymi samouczkami:

• Jak dodać niestandardowe elementy do konkretnych menu WordPress
• Jak dodać niestandardowe menu nawigacyjne w motywach WordPress
• Jak dodać pełnoekranowe responsywne menu w WordPress
• Jak utworzyć pionowe menu nawigacyjne w WordPress
• Jak dodać Mega Menu do swojej witryny WordPress
• Jak stylizować menu nawigacyjne WordPress
• Jak wyświetlić linki nawigacyjne w postaci okruszków w WordPress

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