WPBeginner - 初心者のためのWordPressチュートリアル

Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでログイン中のユーザーに異なるメニューを表示する方法

最終更新日 by Editorial Staff | レビュー Syed Balkhi

シェア フェイスブックメッセンジャー WhatsApp
編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressでログイン中のユーザーに異なるメニューを表示したいですか？

WordPressの初期設定では、テーマの特定の場所に同じナビゲーションメニューを表示することができます。しかし、あなたのサイトでログイン中のユーザーに別のメニューを表示したいとしたらどうでしょうか？

この投稿では、WordPressでログイン中のユーザーに異なるメニューを簡単に表示する方法を紹介する。

Showing different navigtion menus to logged in and non-logged in users in WordPress

WordPressでログイン中のユーザーに異なるメニューを表示する理由とは？

WordPressサイトのさまざまなエリアを訪問者とそのアクティビティに応じて変更することで、ユーザーごとにパーソナライズされたサイトになります。

このパーソナライズされたコンテンツは 、WordPressサイトのユーザーエクスペリエンスの向上に役立ちます。

ユーザーが登録やログインを必要としないサイトを運営しているのであれば、おそらく同じナビゲーションメニューをサイト全体で使用することができるでしょう。

しかし、他のサイトでは、ログイン中のユーザーにカスタマイザーを表示することで大きなメリットが得られるかもしれない。

例えば、オンラインストア、WordPressの会員制サイトコミュニティ、オンライン学習プラットフォームなどのサイトは、すべてパーソナライズされたナビゲーションメニューの恩恵を受けることができます。

ログイン中のユーザーにパーソナライズされたナビゲーションメニューを提供することで、サインアップした内容をより簡単に見つけることができます。

例えば、オンラインストアのユーザーが自分のアカウントを管理したり、有料コミュニティのメンバーが簡単に購読を更新したり、購入したオンラインコースを表示したりすることができます。

WordPressの初期設定では、ナビゲーションメニューを好きなだけ作成することができます。ただし、WordPressテーマの特定の場所に表示するメニューは1つだけです。

とはいえ、WordPressでこの動作を簡単に変更し、ログイン中のユーザーに異なるメニューを表示する方法を見てみよう。

WordPressでログイン中ユーザーと非ログインユーザー用のメニューを作成する

どの方法を使うにしても、まず、ログイン中とログアウト中のユーザーに表示したいナビゲーションメニューの両方を作成する必要があります。

WordPressダッシュボードの外観 ” メニューページにアクセスするだけです。すでにナビゲーションメニューがあり、すべてのユーザーにサイト上で使用している場合は、これを初期設定メニューにすることができます。

Main menu

その後、’create a new menu’リンクをクリックして、ログイン中ユーザー用の新しいカスタムメニューを作成してください。

ここでは、登録またはログイン中のユーザーに表示したいメニュー項目を追加することができます。例えば、メニューにログアウトリンクを追加することができます。

画面の左側に、あなたのサイトのページ一覧が表示されます。メニューに追加したいページにチェックを入れ、「メニューに追加」ボタンをクリックしてください。

Logged in menu

画面右側のメニュー項目をドラッグ＆ドロップして並べ替えることもできる。

さらにページを進むと、メニューを表示する場所を選ぶことができます。しかし、今はこのメニューに場所を割り当てる必要はありません。それは投稿の後半で行います。

メニューの保存」ボタンをクリックして、変更内容を保存することを忘れないでください。

メニュー作成の詳細については、WordPressナビゲーションメニューの初心者ガイドをご覧ください。

方法1.プラグインを使ってログイン中のユーザーに異なるメニューを表示する。

この方法は簡単で、すべてのWordPressユーザーにお勧めします。

まず、Conditional Menusプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

有効化したら、外観 ” メニューページにアクセスし、「ロケーションの管理」タブに切り替える必要があります。

ここから、WordPressテーマで定義された利用可能なメニューの場所と、現在表示されているメニューのリストが表示されます。

Manage menu locations

例えば、プライマリーメニューの場所には「メインメニュー」というナビゲーションメニューが表示されています。

では、特定の条件に一致したときに別のメニューを表示するようにプラグインに指示する必要がある。

これを行うには、「+条件付きメニュー」リンクをクリックし、ドロップダウンメニューからログイン中のユーザーに表示したいナビゲーションメニューを選択します。

Select logged in menu

次に、「＋条件」のリンクをクリックする必要がある。

するとポップアップが表示され、たくさんの条件から選ぶことができる。

Select logged in user aa the condition

ユーザーログイン中」オプションの横にあるボックスにチェックを入れ、「保存」ボタンをクリックするだけです。

これで、ログイン中のユーザーメニューを実際にあなたのサイトで見ることができます。また、WordPress管理画面からログアウトして、他のすべてのユーザーに表示されるナビゲーションメニューを表示することもできます。

Different menu for logged in users

方法2.WordPressのログイン中メニューをコードで手動選択する。

この方法では、WordPressサイトにコードを追加する必要があります。WordPressでコードスニペットをコピー＆ペーストする方法をご覧ください。

まず、テーマのfunctions.phpファイルまたはサイト固有のプラグインに以下のコードを追加する必要があります。

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' );
Hosted with ❤️ by WPCode
1-click Use in WordPress

43と35を、先に作成したナビゲーション・メニューのIDに置き換えることを本当に〜してもよいですか？

ナビゲーションメニューのIDは、メニューページで選択することで確認できます。ブラウザーのアドレスバーにメニューID番号が表示されます。

Find navigation menu ID

この投稿が、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.

WPBeginnerで人気 今すぐだ！

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション！

今すぐダウンロード

Reader Interactions

99件のコメント返信を残す

  1. Syed Balkhi says

    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!

  5. Clara says

    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?

    返信

  7. Echo says

    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 says

      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

      返信

      管理者

  10. Bk Millanzi says

    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?

    返信

  11. Amarnadh says

    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.

    返信

  12. Sam says

    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?

    返信

  14. Curtis says

    @ERICLEE You can create a child theme to prevent that from happening. I just added this code and need to do the same thing.

    返信

  15. shahzaib sarwer says

    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.

    返信

  16. shahzaib sarwer says

    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.

    返信

  17. Yuda says

    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?

    返信

  19. Jan-Paul Kleijn says

    First I thought of a plugin. Gotta quit thinking like that.
    Then I saw your post and was sold.
    Thank you for posting this, you helped me very nicely.

    返信

  21. Ariet says

    Hello,

    This totally works!
    But it change my footer menu too.. is there a way where my footer manu stay the same?

    返信

  22. Tarron Acuff says

    So, I have 2 menus. One for the public and another that I would like employees to see when they are logged in. The employee menu would replace the main menu only when an employee is logged in.

    Here is what I am currently using in my functions.php file

    // Set the Role as a body class

    function add_role_to_body( $classes ) {

    $user = wp_get_current_user();

    $user_roles = $user->roles;
    foreach( $user_roles as $role ) {
    $classes[] = ‘role-‘ . $role;
    }

    return $classes;

    }

    add_filter( ‘body_class’, ‘add_role_to_body’ );

    ***Here is what I added for CSS***

    /* First hide the menu items for non “employee” user */
    #top-menu li.menu-for-employee {
    display: none;
    }

    /* Show the menu items for the “employee” user */
    .role-employee #top-menu li.menu-for-employee {
    display: initial;
    }

    When I log in as an employee both menus are showing.

    Thanks in advance.

    返信

  24. Joe says

    Hi Guys,

    I nice tutorial but i was wondering could you use the same approach to replace a responsive menu at a certain screen size?

    I have two menus but would rather have just one responsive menu at 768 px by replacing the menu with another.

    Thanks

    返信

  25. Pet says

    Awesome job with your guides. I am building my first wordpress site and I am finding your site incredibly helpful in guiding me along, thank you.

    I really wanted to show different menus for logged in users (like ‘edit profile’) and for logged out users and that brought me here. The code you shared works alright for me. I now have two menus which are showing up nice. However, the last part of the code, add filter string, I believe, is messing me up a little bit. Now, another menu is showing under the sidebar widget. The ‘logged-in’ menu. I am using sydney theme and I have tried to no avail to remove this unnecessary menu. Any idea on how I can make it not display?

    返信

  27. giovanna says

    Hi can you help me please? I have another trouble please? I need to hide one menu to all and allow only the vendors to see what I have to do please? what is the specific code i have to use please?

    返信

  28. ericlee says

    When you modify the functions.php like so- wouldn’t it get wiped when you upgrade your WP next version ?

    返信

  30. Nikhil Chaudhari says

    the function set secoundary menu also? i only want to set primary menu. how to do that

    返信

  31. Nikhil Chaudhari says

    this above function set secondary menu all i want to set only header menu?
    how to do that

    返信

  32. Asfaha says

    Hi,

    thanks a lot for this solution, I’ve applied and woks perfect and saved me installing one more plugin.

    返信

  33. Shafaq says

    this is the code for replacing existing menu to logged user menu by addming location top-menu and with menu loggedin no need else statement with this

    add_filter( ‘wp_nav_menu_args’, function ( $args )
    {
    if( is_user_logged_in() && $args[‘theme_location’] === ‘top-menu’ ) {
    $args[‘menu’] = ‘loggedin’;
    }
    return $args;
    });

    返信

  34. Ashraf Ali says

    ———————————————————–
    function my_wp_nav_menu_args( $args = ” ) {

    if( is_user_logged_in() ) {
    $args[‘menu’] = ‘logged-in’;
    } else {
    $args[‘menu’] = ‘logged-out’;
    }
    return $args;
    }
    add_filter( ‘wp_nav_menu_args’, ‘my_wp_nav_menu_args’ );
    ———————————————————–

    Now how do i get it to work with

    —————————————————

    ———————————————————————————————————————-

    Please Advice

    返信

    • Kasper says

      You can lock pages to hide them from logged out users. There are several plugins that make this very easy to do. Users Ultra comes to mind.

      返信

  36. Zev says

    Everything worked perfectly.

    However, I still have the issue of a repeated primary menu in the secondary navigation menu section which I can’t seem to remove (I don’t have a secondary menu set up).

    返信

    • Vince says

      I’m having the exact issue. The change reflects in the secondary menu location out of nowhere and I too don’t have a secondary menu setup. :/ Please advice how to deal with it.

      Thanks in advance.

      返信

  37. Chiranjeevi Vinodkumar says

    LISTEN!!!

    Most of us, uses themes.
    So first go to the functions.php of your theme.
    Search with navigation as keyword.

    In case of Shopkeeper theme..

    ==================================================================
    register_nav_menus( array(
    ‘top-bar-navigation’ => __( ‘Top Bar Navigation’, ‘shopkeeper’ ),
    ‘main-navigation’ => __( ‘Main Navigation’, ‘shopkeeper’ ),
    ‘footer-navigation’ => __( ‘Footer Navigation’, ‘shopkeeper’ ),
    ===================================================================

    This is how you look.. so pick the one which is primary, In my case, Its “Top Bar Navigation” hence used “top-bar-navigation”

    I used the following code and worked like a charm!!!

    This is my way of thanking the author.

    Good day !!

    返信

  38. Ann Novakowski says

    Here’s what worked for me with WP . I used this to create a specific primary menu for logged-in Buddypress users. It will NOT affect my footer menu OR social media menu for any visitors, so everyone sees the same secondary menus regardless of whether they’re logged in or not. This is based on all of the comments above (HT to Fransiska!).

    Added the following to my Child Theme’s functions.php file:

    // CHANGE MAIN MENU =ONLY= IF MEMBER IS LOGGED IN

    function my_wp_nav_menu_args( $args = ” ) {
    if ($args[‘theme_location’] == ‘primary’) {
    if( is_user_logged_in()) {
    $args[‘menu’] = ‘logged-in’;
    }else{
    $args[‘menu’] = ‘logged-out’;
    }
    }
    return $args;
    }

    add_filter( ‘wp_nav_menu_args’, ‘my_wp_nav_menu_args’ );

    返信

  39. Matthias Campbell says

    Hello,
    I added this code (probably wrongly) in my functions.php within my theme in wordpress editor and now I have a constant 500 server error. Even after removing the code.

    Before this i attempted to create a site specific plugin but that didnt work. Could you please tell me if the snippet requires an opening and closing bracket?
    If so how do i do that?
    My host cant help me now and they’re requesting I pay a programmer to help me for 50Eu per hour. Please help me. Its urgent.
    I am still logged into wordpress but what ever I click I get the 500 error with this specific error.
    PHP Parse error: syntax error, unexpected ‘}’ in line 1194.
    This is because I pasted the snippet after all the text in the functions.php file.
    I then removed the snippet to see if that would fix it, via editor and FTP and I still get the error.
    I look forward to hearing your response.
    Kind regards

    返信

    • WPBeginner Support says

      It depends on where you are adding the code. If there is a closing PHP tag before it then you need to add a php start tag like <?php

      If this code is the last thing in the functions file then you don’t need to add a closing tag.

      返信

      管理者

  40. Hubert says

    If you have multiple menu locations and want to apply different menus for each location you can use the code bellow:

    function my_wp_nav_menu_args( $args = ” ) {

    // Primary menu location
    if( ‘primary-main’ == $args[‘theme_location’] ) {

    if( is_user_logged_in() ) {
    $args[‘menu’] = ‘Primary-Logged-In’;
    } else {
    $args[‘menu’] = ‘Primary-Logged-Out’;
    }

    return $args;
    }

    // Secondary menu location
    if( ‘secondary-menu’ == $args[‘theme_location’] ) {

    if( is_user_logged_in() ) {
    $args[‘menu’] = ‘Secondary-Logged-In’;
    } else {
    $args[‘menu’] = ‘Secondary-Logged-Out’;
    }

    return $args;

    }

    }
    add_filter( ‘wp_nav_menu_args’, ‘my_wp_nav_menu_args’ );

    返信

  42. Leopold says

    This was almost too easy!
    Thanks alot for the simple article.

    In this way I don’t have to install any plugin..

    返信

    • Chris says

      Hi Gaurang,
      I’m curious to know why you feel using the plugin is better, than coding the functions.php file? I was told a while ago to watch how many plugins are actually used for a wordpress site, and the code above seems simple enough; minus the having to monitor every time your theme updates….

      Thanks,

      返信

  46. Jason Sisson says

    this is awesome tried it. works. but i also would like to redirect by role
    is that simple or much harder

    返信

  47. Ryan R. Bayne says

    Thanks. Working with menu functions for the first time.

    Creating the WTG Portal Manager plugin which will allow a portal to be defined very quickly. Every portal having it’s own menu. The plugin make the relationship between portal and menu clearer plus provide other unique options.

    返信

  49. veer2412 says

    thnkx for the help.. but what if i want to show different users different posts on my site.. is there any way to do that using coding??

    返信

  50. WPBeginner Staff says

    Under Appearance > Menus you need to choose a location for your menu. Seems like there are two areas on your site where you can add menus. So you need to create two different menus and then assign a location to them.

    返信

    • Heather Gile says

      what would the revised code for this be, if there was a distinction of ‘Primary’ and ‘Top’?
      $args[‘primary-menu’] = ‘logged-in’;
      $args[‘top-menu’] = ‘logged-in’;

      else

      $args[‘primary-menu’] = ‘logged-out’;
      $args[‘top-menu’] = ‘logged-out’;

      ?

      返信

    • Kyle says

      WordPress will not let me put 2 menus in my “top header” location. The code you provided works, but it changed ALL of my menus to the logged in or out, and is not displaying my normal nav menu

      返信

  51. b2995 says

    I have a top menu as well as a site menu (under logo). How would I change the code to switch just that top menu. Right now, ALL my menus change.

    返信

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

著作権 © 2009 - 2024 WPBeginner LLC.無断複写・転載を禁じます。WPBeginner®は登録商標です。

Awesome Motiveが管理する｜WordPressホスティングがSiteGroundが管理する

を手伝ってほしい。…

人気のある検索

ブログの開始 ワードプレス SEO WordPress パフォーマンス WordPress エラー WordPress セキュリティ オンラインストアの構築