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

Czasami możesz chcieć, aby różne pozycje menu pojawiały się na różnych stronach w WordPress. Możesz też chcieć specjalnego menu tylko dla logujących się użytkowników.

Domyślnie WordPress wyświetla to samo menu wszędzie w twoim motywie. To uniwersalne podejście nie zawsze jest idealne.

W tym artykule podpowiemy ci, jak dodać logikę warunkową do twojego menu. W ten sposób możesz dostosować to, co widzą klienci na podstawie określonych warunków.

Po co dodawać logikę warunkową do menu w WordPress?

Menu nawigacyjne nadają Twojej witrynie internetowej WordPress strukturę i pomagają odwiedzającym znaleźć to, czego szukają. Domyślnie twoja witryna internetowa WordPress wyświetla to samo menu nawigacyjne wszystkim użytkownikom oraz na wszystkich wpisach i stronach.

Może się jednak zdarzyć, że będziesz chciał wyświetlać różne menu różnym użytkownikom lub na różnych stronach Twojej witryny internetowej.

Witryny internetowe, takie jak sklep internetowy, społeczność witryny członkowskiej WordPress lub platforma edukacyjna online, mogą korzystać ze spersonalizowanych menu nawigacyjnych.

Korzystając z logiki warunkowej, możesz dodać dodatkowe pozycje menu dla zalogowanych użytkowników, aby mogli zarządzać swoimi kontami, odnawiać subskrypcje lub zobaczyć zakupione kursy online. Pomyśl o tym jak 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 poradniku:

Gotowy? Zaczynajmy.

Tworzenie nowych menu nawigacyjnych w WordPress

Pierwszym krokiem jest utworzenie dodatkowych menu nawigacyjnych, które mają być wyświetlane 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, jak dodać menu warunkowe do WordPressa zarówno dla klasycznych, jak i blokowych edytorów.

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, wystarczy przejść do strony Wygląd ” Menu w kokpicie WordPress. Jeśli masz już menu nawigacyjne, którego używasz w swojej witrynie internetowej dla wszystkich użytkowników, może to być menu domyślne.

Następnie należy kliknąć odnośnik „Utwórz nowe menu”, aby utworzyć nową pozycję menu. Na przykład można utworzyć jedno menu, które będzie wyświetlane zalogowanym użytkownikom, a drugie, które będzie wyświetlane na określonej stronie WordPress lub w określonej kategorii.

Po lewej stronie ekranu znajduje się lista stron twojej witryny internetowej. Po prostu zaznacz pole obok każdej strony, którą chcesz dodać do twojego menu i kliknij przycisk „Dodaj do menu”.

Można również przeciągać i upuszczać elementy menu po prawej stronie ekranu, aby zmienić ich kolejność.

W dalszej części strony możesz wybrać położenie, w którym będzie wyświetlane twoje menu. Nie musisz jednak teraz przypisywać położenia do tego menu. Zrobimy to w następnym kroku.

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

Aby uzyskać więcej informacji na temat tworzenia menu, możesz zapoznać się z naszym przewodnikiem dla początkujących, jak dodać menu nawigacyjne w WordPress.

Tworzenie nowych menu nawigacyjnych w WordPress przy użyciu FSE

Aby utworzyć nowe menu nawigacyjne w motywie blokowym z pełną edycją witryny (FSE), musisz najpierw przejść do Wygląd ” Edytor z kokpitu WordPress.

Gdy znajdziesz się w środku, możesz kliknąć kartę „Nawigacja”, aby ją rozwinąć. Jeśli zastanawiasz się, w tym przewodniku używamy motywu Twenty-Twenty Three.

Następnie kliknij „Edytuj” obok etykiety „Nawigacja”. Spowoduje to otwarcie pełnego edytora witryny na twoim ekranie.

Następnie wystarczy kliknąć ikonkę „+”, aby dodać element menu nawigacyjnego. Pojawi się wówczas monit z rozwijanym menu, w którym można wybrać opcję.

Bardziej szczegółowe instrukcje można znaleźć w naszym przewodniku na temat dodawania menu nawigacyjnego w WordPress.

Wyświetlanie innego menu zalogowanym użytkownikom WordPressa

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

Na przykład, możesz zamieścić odnośniki do logowania i rejestracji dla wylogowanych użytkowników oraz dodać odnośnik do wylogowania do twojego menu dla zalogowanych użytkowników.

Jeśli prowadzisz sklep WooCommerce, możesz umieścić w nim elementy dla twoich klientów, które są ukryte przed opinią publiczną.

Wyświetlanie innego menu zalogowanym użytkownikom korzystającym z klasycznego edytora

Aby rozpocząć, należy zainstalować i włączyć wtyczkę Conditional Menus. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść do Wygląd ” Menu i przełączyć się na kartę „Zarządzaj lokalizacjami”.

Z tego miejsca zobaczysz listę dostępnych położeń menu i menu, które są aktualnie wyświetlane. Będą się one różnić w zależności od używanego motywu WordPress.

Na przykład na naszej witrynie internetowej w wersji demonstracyjnej widać, że nasze „Menu główne” wyświetla menu nawigacyjne zatytułowane „Menu główne”.

Możemy powiedzieć wtyczce, aby pokazała inne menu, gdy określony warunek zostanie spełniony, klikając odnośnik „+ Menu warunkowe” i wybierając inne menu z menu rozwijanego.

Na potrzeby tego poradnika wybierzemy „Menu logowania się”.

Następnie należy kliknąć odnośnik „+ Warunki”.

Spowoduje to wyświetlenie wyskakującego okienka, w którym zobaczysz kilka warunków do wyboru.

Wystarczy zaznaczyć pole obok opcji „Użytkownik loguje się”, a następnie kliknąć przycisk „Zapisz”.

Możesz teraz przejść na swoją witrynę internetową, aby zobaczyć menu zalogowanego użytkownika w działaniu. Możesz logować się z Twojej witryny internetowej, aby zobaczyć menu nawigacyjne 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 wyświetlania różnych menu dla zalogowanych użytkowników w WordPress.

Wyświetlanie innego menu zalogowanym użytkownikom korzystającym z FSE

Jeśli korzystasz z motywu blokowego, będziesz potrzebować wtyczki Conditional Blocks. Najpierw zainstalujmy i włączmy wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczek WordPress.

Po włączaniu można otworzyć funkcję FSE, przechodząc do Wygląd ” Edytor. Następnie należy kliknąć „Wzorce”, a następnie „Wszystkie fragmenty szablonu”.

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

Spowoduje to przekierowanie do edytora bloków.

Teraz musisz kliknąć menu nawigacyjne, do którego chcesz dodać warunki. Następnie wystarczy przejść do karty „Blok” w prawym panelu bocznym, aby rozpocząć konfigurator.

Jeśli przewiniesz kartę „Bloki” w dół, zobaczysz sekcję „Bloki warunkowe”. Wystarczy kliknąć, aby otworzyć opcje konfiguratora.

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

Pojawi się wyskakujące okno, w którym można ustawić warunki dla twojego wybranego menu nawigacyjnego.

W tym miejscu można otworzyć menu rozwijane „WARUNEK” i wybrać opcję „Zalogowany użytkownik”.

Wystarczy zamknąć okno, klikając przycisk „X” w prawym górnym rogu.

Następnie powinieneś zobaczyć warunek dodany do sekcji „Bloki warunkowe”. Kliknij „Zapisz”, aby zaktualizować twoje menu nawigacyjne.

Teraz, jeśli użytkownik przejdzie na twoją witrynę internetową, oto jak może ona wyglądać dla wylogowanych i zalogowanych użytkowników:

Wyświetlanie różnych menu WordPress w zależności od roli użytkownika

Po zalogowaniu się użytkownika można również wyświetlić różne menu nawigacyjne w zależności od przypisanej mu roli użytkownika.

Można na przykład dodać dodatkowe pozycje menu dla administratora i bardziej ograniczone pozycje dla współtwórcy. W witrynie członkowskiej można przyznać różne poziomy dostępu do różnych poziomów członkostwa.

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

Podobnie jak w poprzedniej sekcji, będziesz musiał zainstalować i włączyć wtyczkę Conditional Menus.

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

Powinieneś dodać odpowiednie menu warunkowe dla twojej wybranej roli użytkownika. Na potrzeby tego poradnika wybierzemy menu „Nav Menu Administrator”.

Następnie można kliknąć odnośnik „+ Warunki”, aby wybrać rolę użytkownika.

Będziesz musiał kliknąć kartę „Role użytkowników”, aby zobaczyć pola wyboru dla każdej roli użytkownika w twojej witrynie internetowej. Wystarczy kliknąć role użytkowników, które będą widoczne w tym menu, a następnie kliknąć przycisk „Zapisz”, aby zapisać twoje zmiany.

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

Aby wyświetlić różne 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 włączaniu, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu można przejść do Wygląd ” Edytor ” Wzorce ” Wszystkie fragmenty szablonu. Następnie wystarczy kliknąć trzy kropki w sekcji „Nagłówek”, a następnie wybrać opcję „Edytuj”.

W edytorze można wybrać menu nawigacji, do którego zostaną dodane warunki.

Na przykład, chcemy, aby nasza strona „Blog” była dostępna wyłącznie dla naszych subskrybentów. Klikamy więc „Blog”, aby otworzyć opcje konfiguratora.

Następnie przejdźmy do prawego panelu i przełącz przełącznik „Włącz sterowanie” w sekcji „Zablokuj sterowanie”.

Następnie należy przewinąć w dół do sekcji „Reguły użytkownika”, aby skonfigurować warunki.

Najpierw wystarczy otworzyć menu rozwijane „KTO MOŻE ZOBACZYĆ TE TREŚCI” i wybrać „Zalogowany użytkownik”.

Następnie z listy rozwijanej „ROLA UŻYTKOWNIKA” można wybrać „Dopasowanie”. W sekcji „WYBRANE ROLE” wybierzmy „subskrybent”.

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

Wyświetlanie różnych menu dla różnych stron w WordPressie

Możesz wyświetlać różne menu dla różnych stron w WordPress. Na przykład możesz wyświetlić dodatkowe elementy menu na swojej stronie polityki prywatności, takie jak odnośnik do powiadomienia o plikach ciasteczka.

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

Aby to zrobić, należy zainstalować i włączyć wtyczkę Conditional Menus. Następnie przejdź do Wygląd ” Menu „ Zarządzaj lokalizacjami.

Po wybraniu odpowiedniego menu nawigacyjnego można kliknąć odnośnik „+ Warunki”. Tym razem należy kliknąć kartę „Strony”. Zobaczysz listę każdej strony w twojej witrynie internetowej.

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

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

Użytkownicy motywu Block mogą skorzystać z wtyczki Block Visibility. Jeśli potrzebujesz pomocy przy instalacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu, przejdźmy do Wygląd ” Edytor ” Wzorce ” Wszystkie fragmenty szablonu. A po otwarciu edytora nagłówka możemy przejść do sekcji „Widoczność”.

W tym miejscu można otworzyć listę rozwijaną i wybrać opcję „Ścieżka adresu URL”.

Następnie można dodać ścieżkę URL strony Polityki Prywatności do obszaru „URL PATH (CONTAIN)”.

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

Na przykład w adresie https://example.com/about część /about jest ścieżką URL.

Jeśli nie wiesz, jaki jest adres URL twojej strony z polityką prywatności, możesz przejść do Strony ” Wszystkie strony. Następnie znajdź stronę Polityka prywatności i najedź na nią kursorem.

Wystarczy kliknąć przycisk „Szybka edycja”, aby zobaczyć sekcję „Slug”. Adres URL powinien zawierać symbol „/”, po którym następuje uproszczona nazwa strony.

Lub po prostu przejdź na stronę i skopiuj i wklej bit po nazwie domeny.

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

Ukrywanie menu nawigacji na stronach docelowych w WordPress

W twojej witrynie internetowej mogą znajdować się strony, na których w ogóle nie chcesz wyświetlać menu nawigacyjnego, takie jak strony docelowe.

Strona docelowa ma na celu zwiększenie sprzedaży lub generowanie potencjalnych klientów dla firmy. Na tych stronach należy zminimalizować rozpraszanie uwagi i zapewnić użytkownikom wszystkie informacje potrzebne do podjęcia określonego działania.

W naszym przewodniku na temat tego, jak zwiększyć konwersje na twojej stronie docelowej o 300%, sugerujemy, aby zminimalizować rozpraszanie uwagi, usuwając menu nawigacyjne i inne odnośniki ze strony.

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

Można to zrobić za pomocą wtyczki Conditional Menus. Tym razem należy wybrać opcję „Wyłącz menu” z listy rozwijanej podczas wybierania menu warunkowego.

Następnie kliknijmy odnośnik „+ Warunki”, aby wybrać, kiedy menu ma być wyświetlane.

Powinieneś kliknąć kartę „Strony” i umieścić znacznik wyboru obok pozycji „Moja strona docelowa”.

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

Ukrywanie menu nawigacji 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 wpiszesz adres URL do pola „URL Path (Does Not Contain)”.

Zainstalujmy więc i włączmy wtyczkę. Jeśli potrzebujesz pomocy, to zapraszamy do naszego przewodnika jak zainstalować wtyczkę WordPress.

Po włączaniu możemy przejść do Wygląd ” Edytor ” Wzorce ” Wszystkie fragmenty szablonu. Po wejściu do edytora nagłówków znajdźmy sekcję „Widoczność”.

W tym miejscu możesz wybrać opcję „Ścieżka URL” i wpisz ścieżkę twojej strony docelowej w polu „Ścieżka URL (nie zawiera)”.

Po zakończeniu kliknij przycisk „Zapisz”.

Więcej możliwości dzięki menu nawigacji WordPress

Menu nawigacyjne to potężne narzędzie do projektowania stron internetowych. Pozwalają one kierować importerów do najważniejszych sekcji twojej witryny internetowej.

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

Aby zwiększyć funkcjonalność twojego menu nawigacyjnego, warto zapoznać się z tymi poradnikami. Pomogą ci one przenieść twoją witrynę WordPress na wyższy poziom:

• Jak dodać własne elementy do określonych menu WordPress?
• Jak dodać własne menu nawigacyjne w motywie WordPress?
• Jak dodać responsywne menu w trybie pełnoekranowym w WordPress?
• Jak utworzyć pionowe menu nawigacyjne w WordPress
• Jak dodać mega menu do twojej witryny WordPress
• Jak stylizować menu nawigacyjne WordPress

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać logikę warunkową do menu w WordPress. Następnie możesz chcieć dowiedzieć się, jak dodawać tytuły w menu WordPress bez odnośników do strony lub jak wyświetlać okruszki nawigacji w WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.