ウェブサイト検索

ログインしているWordPressユーザーにカスタムメニューを表示する方法

ユーザーがサイトにログインする必要がある WordPress を使用して Web サイトを構築している場合は、ユーザーがログアウトしている場合、ログインしている場合、または特定の権限を持っている場合に異なるメニュー項目を表示する、ダイナミック ナビゲーション メニューが必要になる可能性が高くなります。ユーザーの役割。

これは、既にログインしているユーザーに登録リンクやログイン リンクを表示したり、Web サイトにプロフィールを持たない訪問者にユーザーのプロフィールへのリンクを提供したりするのは無意味だからです。

ログインユーザー用のカスタムメニューを追加する方法

動的ナビゲーション メニューを作成するにはさまざまなプラグインが存在しますが、ここでは Jungle Plugins の無料の User Menus プラグインを使用して動的メニューを作成する方法を説明します。

ユーザーメニュープラグインの機能

このプラグインは、動的メニューの作成に役立つ 3 つの主要な機能セットを提供します。

  1. メニュー項目の可視性制御（各メニュー項目を表示できるユーザー（全員、ログアウトしたユーザー、ログインしたユーザー、特定のユーザーの役割）など）
  2. ナビゲーション メニューのログイン ユーザー情報 (例: 「Hello, John Doe」)
  3. ナビゲーション メニューのログインおよびログアウト リンク

ユーザーメニューWordPressプラグインの使用

User Menus は WordPress.org プラグイン ディレクトリでホストされている無料のプラグインなので、次の手順でプラグインをインストールできます。

  1. WordPress インストールにログインします
  2. ダッシュボードから、[プラグイン] > [新規追加] に移動します。
  3. ユーザー メニュー を検索します (Jungle Plugins と Daniel Iser によって作成)
  4. [今すぐインストール] ボタンをクリックします。
  5. プラグインをダウンロードしてインストールしたら、[プラグインを有効化] をクリックします。

メニュー項目への可視性コントロールの適用

メニュー項目に可視性コントロールを適用するには、次の操作を行う必要があります。

  1. ダッシュボードから、[外観] > [メニュー] に移動します。
  2. 新しいメニュー項目をメニューに追加するか、既存のメニュー項目を展開します
  3. [このリンクを閲覧できるユーザー] ドロップダウンを開き、[全員]、[ログアウトしたユーザー]、または [ログインしたユーザー] のいずれかを選択します ([全員] がデフォルトのオプションです)。
  4. [ログイン ユーザー] を選択すると、メニュー項目を特定のユーザー ロールのみに制限したい場合に、メニュー項目を表示できるユーザー ロールを選択できます。
  5. 目的の表示設定コントロールをメニューに適用したら、[メニューを保存] ボタンをクリックします。

ナビゲーションメニューにログインユーザー情報を表示する

ユーザーがサイトを使用するためにログインする一般的なウェブサイトの多くでは、ユーザーがウェブサイトにログインしていることを示すためにウェブサイトのヘッダーにユーザー名が表示されます（WPExplorer を例に挙げると、右側に「ログイン」またはユーザー名が表示されます）ナビゲーション メニューの横）。

User Menus プラグインを使用してウェブサイトでこれを行うには、次の操作を行う必要があります。

  1. ダッシュボードから、[外観] > [メニュー] に移動します。
  2. 新しいメニュー項目をメニューに追加するか、既存のメニュー項目を展開します
  3. [このリンクを閲覧できるユーザー] ドロップダウンを開き、ログイン ユーザー を選択します。
  4. メニュー項目のナビゲーション ラベル フィールドに移動し、矢印の付いた灰色のボタンをクリックします。
  5. メニュー項目に表示するユーザー情報を選択します (例: {first_name}、{last_name}、{username}、{display_name}、{nickname}、{email}
  6. 「メニューを保存」ボタンをクリックします

これで、ユーザーが Web サイトにログインすると、Web サイトのナビゲーション メニューに自分の名前が表示されます。

メニューにログインとログアウトのリンクを追加する

ナビゲーション メニューに最後に追加するのは、ユーザーが Web サイトにログインおよびログアウトするためのリンクです。

これをウェブサイトに追加するには、次の手順を実行します。

  1. ダッシュボードから、[外観] > [メニュー] に移動します。
  2. 新しいメニュー項目の追加アコーディオンで、ユーザー リンクをクリックしてメニュー項目のタイプを展開します。
  3. [ログイン] リンクと [ログアウト] リンクのチェックボックスを選択し、[メニューに追加] ボタンをクリックします。
  4. メニュー項目を展開し、「その後ユーザーをどこに連れて行けばよいですか?」を開きます。ドロップダウンをクリックして、現在のページ (デフォルトのオプション)、ホームページ、またはカスタム URL のいずれかを選択します (選択した場合、ユーザーがリダイレクトされる URL を入力する必要があります)
  5. 「メニューを保存」ボタンをクリックします

それでおしまい！

Web サイトのユーザーのエクスペリエンスを向上させるために、Web サイトにダイナミック ナビゲーション システムを追加しました。 何か質問がありますか?それとも、ユーザー メニューや別のプラグインを使用して自分のエクスペリエンスを共有したいですか?以下にコメントを残してください。ご意見をお待ちしております。