WordPress wyświetla to samo menu nawigacyjne dla wszystkich. Możesz jednak dostosować menu w zależności od tego, czy użytkownik loguje się, czy nie.
Wyświetlanie różnych menu zalogowanym użytkownikom w WordPressie to świetny sposób na stworzenie bardziej spersonalizowanego doświadczenia. Umożliwia wyświetlanie odpowiednich treści tylko tym, którzy się logują, takich jak szczegóły konta lub ekskluzywne zasoby.
W tym przewodniku wyjaśnimy, jak skonfigurować różne menu dla zalogowanych użytkowników przy użyciu 2 metod.
Dlaczego warto pokazywać różne menu zalogowanym użytkownikom WordPressa?
Włączanie różnych obszarów Twojej witryny internetowej WordPress w oparciu o odwiedzających i ich włączanie sprawia, że Twoja witryna jest spersonalizowana dla każdego użytkownika.
Ta spersonalizowana treść pomaga poprawić wrażenia użytkownika na twojej witrynie internetowej WordPress.
Jeśli prowadzisz witrynę internetową, w której użytkownicy nie muszą się rejestrować ani logować, prawdopodobnie możesz użyć tych samych menu nawigacyjnych w całej twojej witrynie. Jednak inne witryny internetowe mogą znacznie skorzystać na wyświetlaniu własnych menu zalogowanym klientom.
Na przykład witryny internetowe, takie jak sklep internetowy, platforma edukacyjna online lub społeczność witryny członkowskiej WordPress, mogą korzystać ze spersonalizowanych menu nawigacyjnych.
Spersonalizowane menu nawigacyjne dla zalogowanych użytkowników pomaga im łatwiej znaleźć rzeczy, na które się zapisali.
Na przykład użytkownik sklepu internetowego może zarządzać swoim kontem, a członek płatnej społeczności może łatwo odnowić subskrypcję lub zobaczyć zakupione ekskluzywne kursy online.
Domyślnie WordPress umożliwia tworzenie dowolnej liczby menu nawigacyjnych. Możesz jednak wybrać wyświetlanie tylko jednego menu w określonym położeniu w twoim motywie WordPress.
Przed skonfigurowaniem menu dla zalogowanych użytkowników należy najpierw utworzyć dwa oddzielne menu nawigacyjne. Jedno menu będzie przeznaczone dla zalogowanych użytkowników, a drugie dla wylogowanych. Zaczynajmy.
Krótka uwaga! Metody, które udostępniamy, są przeznaczone dla osób korzystających z klasycznych motywów WordPress. Jeśli używasz motywu blokowego z funkcjami pełnej edycji witryny (FSE) od wersji WordPress 5.8, ta metoda może nie działać.
Tworzenie menu dla zalogowanych i niezalogowanych użytkowników w WordPressie
Aby utworzyć oddzielne menu dla dwóch rodzajów użytkowników, należy przejść do strony Wygląd ” Menu w kokpicie WordPress.
Jeśli masz już menu nawigacyjne, którego używasz na swojej witrynie internetowej dla wszystkich użytkowników, może to być menu domyślne.
Następnie możesz kliknąć odnośnik „Utwórz nowe menu”, aby utworzyć nowe własne menu dla twoich zalogowanych klientów.
Tutaj dodaj elementy menu, które chcesz wyświetlać zarejestrowanym lub zalogowanym użytkownikom. Na przykład, możesz dodać odnośnik wylogowania do twojego menu.
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 dalszej części artykułu.
Nie zapomnij kliknąć przycisku „Zapisz menu”, aby zapisać twoje zmiany.
Aby uzyskać więcej informacji na temat tworzenia menu, zapoznaj się z naszym przewodnikiem dla początkujących na temat menu nawigacyjnych WordPress.
Teraz możesz wyświetlać różne menu zalogowanym użytkownikom. Oto krótki przegląd wszystkich metod, które omówimy w tym przewodniku:
Przyjrzyjmy się pierwszej metodzie.
Metoda 1. Wyświetlanie różnych menu zalogowanym użytkownikom WordPressa za pomocą wtyczki
Najprostszym sposobem na pokazanie różnych menu zalogowanym użytkownikom jest użycie wtyczki Conditional Menus. Zainstalujmy ją więc i włączmy w pierwszej kolejności.
Więcej szczegółów można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.
Po włączaniu musisz przejść do Wygląd ” Menu z twojego kokpitu WordPress. Następnie przejdź do karty „Zarządzaj lokalizacjami”.
W tym miejscu zobaczysz listę dostępnych położeń menu zdefiniowanych w twoim motywie WordPress oraz aktualnie wyświetlane menu.
Na przykład, nasze położenie „Primary Menu” pokazuje obecnie „Main Menu”.
Teraz musimy powiedzieć wtyczce, aby wyświetlała inne menu, gdy określony warunek zostanie spełniony.
Aby to zrobić, kliknijmy odnośnik „+ Menu warunkowe”. Następnie z rozwijanego menu wybieramy menu nawigacyjne, które chcemy pokazać zalogowanym użytkownikom.
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 również logować się z twojego menu administratora WordPress, aby zobaczyć menu nawigacyjne, które będzie wyświetlane wszystkim innym użytkownikom.
Metoda 2. Ręczne wybieranie menu logowania się w WordPressie za pomocą kodu
Ta metoda wymaga dodania kodu do twojej witryny internetowej WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem na temat kopiowania i wklejania fragmentów kodu w WordPress.
Ogólnie rzecz biorąc, musisz dodać fragment kodu do pliku functions. php twojego motywu lub wtyczki specyficznej dla witryny. Nie zalecamy jednak tej metody, ponieważ może ona potencjalnie powodować problemy z twoją witryną internetową.
Zamiast tego można użyć wtyczki WPCode.
WPCode umożliwia dodawanie własnych fragmentów kodu do witryny bez konieczności bezpośredniej edycji plików motywu. Pomaga również zarządzać tymi fragmentami kodu i zapewnia ich bezpieczne wykonywanie, minimalizując ryzyko zepsucia twojej witryny.
Aby rozpocząć, zainstalujmy wtyczkę WPCode. Możesz użyć darmowej wersji WPCode, ponieważ ma ona wszystko, czego potrzebujesz, aby pokazać różne menu zalogowanym użytkownikom.
Po zainstalowaniu należy przejść do sekcji Fragmenty kodu „ + Dodaj fragmenty kodu.
Spowoduje to otwarcie galerii fragmentów kodu WPCode.
W tym miejscu można kliknąć przycisk „+ Dodaj fragment kodu własnego”.
Następnie przejdziesz do edytora tekstu WPCode.
Następnym krokiem jest dodanie tytułu do twojego fragmentu kodu i wybranie „Fragment kodu HTML” z rozwijanego menu „Rodzaj kodu”.
Po zakończeniu wystarczy skopiować i wkleić poniższy kod do pola „Podgląd kodu”:
function my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
// Logged in menu to display
$args['menu'] = 43;
} else {
// Non-logged-in menu to display
$args['menu'] = 35;
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
Oto jak może to wyglądać w twoim edytorze WPCode:
Upewnij się, że zastąpiłeś 43
i 35
identyfikatorami menu nawigacyjnych, które utworzyłeś wcześniej.
Identyfikator menu nawigacyjnego można znaleźć, wybierając je na stronie „Menu”. Numer identyfikatora menu będzie widoczny na pasku adresu twojej przeglądarki.
Po upewnieniu się, że wszystkie dane są poprawne, kliknij niebieski przycisk „Zapisz fragment kodu”.
I to wszystko! Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo wyświetlać różne menu nawigacyjne zalogowanym użytkownikom WordPress. Następnie możesz również zapoznać się z naszym przewodnikiem na temat tego, jak umożliwić użytkownikom zapraszanie znajomych do rejestracji w WordPress i jak stylizować menu nawigacyjne 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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Igoy Cavalera
Perfect!
Thanks a lot for the simple article. and save me for several hours
WPBeginner Support
Glad we could help save you that time
Administrator
Alex
Thanks for the code – works as it should, appreciated
WPBeginner Support
Glad our guide could be helpful!
Administrator
Paul K
Great! But where do I find my theme’s function.php?
WPBeginner Support
It is in your theme’s folder, you can see more about it in our page below:
https://www.wpbeginner.com/glossary/functions-php/
Administrator
Paul K
OK, found it, thanks. But I’m puzzled where to put the additional code. I’m not familiar with PHP but I see the „” at the end.
WPBeginner Support
For pasting code snippets, you want to take a look at our guide below that covers where to paste into your functions.php as well as where to past other code should you look at other code-based tutorials:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
Administrator
Clara
Works great! I have the problem that I have to menus at the top: A headliner menu and the main menu. When I use the Code and the user is logged in bove menus switch to the logged-in menu. How can I adjust the code so that the headliner menu remains the same?
WPBeginner Support
For what you’re wanting, you would want to take a look at our article below:
https://www.wpbeginner.com/plugins/how-to-add-conditional-logic-to-menus-in-wordpress/
Administrator
Sergio
Thank you very much!
WPBeginner Support
You’re welcome
Administrator
Echo
Would be much easier if you could do it for a specific menu item rather than an entire menu. What would someone with 499 menu items have to do?
WPBeginner Support
We would not recommend that many menu items as that would be far too many for someone to navigate through which would likely cause an SEO issue if your menu links don’t add value for your visitors
Administrator
Evaldo Santos
100%. Just configured it with Sahifa Theme and works like a charm.
Keep up with this good work.
Jason
Thank you!!
Bk Millanzi
this is so helpful, but is there a way to display a username and avatar which can act as a container of other profile menu items, as a drop-down menu?
Amarnadh
The path you showed is well and good only for just showing custom menus. But what if i want to show my content to a specific logged in user based on his interests. That is in detail, like various deals sites, when we login and save our interests, the next moment we see deals only on that specific topic. Can we make that possible using WordPress plugins.
Sam
Hey there, thanks for the great work. I have a question about multiple user roles.
So I have two main menus, Menu 1 and Menu 2.
I would like all users (logged in or out) to see the main menu unless they have the userole of „Alt”, in which case Menu 1 is replaced by Menu 2.
How would I go about doing that?
Tendai Mugoni
It is working, thanks
Curtis
@ERICLEE You can create a child theme to prevent that from happening. I just added this code and need to do the same thing.
shahzaib sarwer
can it possible to add the menus in the subscriber profile accept than the home page these menu pages not show on the home page, just on the every subscriber profile. if it possible then please guide me, and tell me how use any pluging for this.
shahzaib sarwer
can it possible to add the menus in profile of the subscriber in wp site , if it possible so please anyone guide me what i do and how use any pluging of this work.
Yuda
How can the same be achieeved on a multi-language members site? For example show different menu for users logged in in english and a different menu for users logged in with german?
WPBeginner Support
Hi Yuda,
If you are using a multilingual WordPress plugin then this should be handled by the plugin. You will essentially need to provide translations for your multilingual menus.
Administrator
solomon
i have added log in menu and logout menu, how do i configure the page for login and log out ???,,