WordPressで検索可能なメンバーディレクトリを作成する方法

メンバーが簡単に繋がり、協力し、価値ある関係を築くことができる、健全なオンラインコミュニティへとWordPressメンバーシップサイトを変革することを想像してみてください。多くの読者がこれを達成するために、検索可能なメンバーディレクトリを使用しています。

会員ディレクトリは、帰属意識を生み出し、エンゲージメントを促進する会員プロフィールの中央ハブを提供します。新規会員は歓迎され、つながりを感じ、既存会員は同じような考えを持つ個人をすばやく見つけてネットワークを築くことができます。

この記事では、WordPressで検索可能なメンバーディレクトリを作成する方法を紹介します。これにより、メンバーシップウェブサイトに新しいコミュニティ感覚を追加できます。

WordPressで検索可能なメンバーディレクトリを作成する方法

WordPress で検索可能なメンバーディレクトリを作成する理由

会員サイトでは、共通の関心を持つユーザーが集まることがよくあります。メンバーが共通の関心事について互いにコミュニケーションを取りやすくすることで、WordPressウェブサイトにコミュニティ感を醸成することができます。

メンバーディレクトリを作成することで、これが可能になります。これは、サイトのメンバーの検索可能なリストです。メンバーは、他のメンバーのプロフィールや連絡先情報を確認できます。

メンバーディレクトリの例

これにより、ウェブサイトの信頼性が高まり、会員にとってより価値のあるものになります。会員が重要で認められていると感じるのに役立つ可能性もあります。

ただし、プライバシーを保護するために、個人情報がディレクトリに表示される前に、各メンバーにオプトインを要求したい場合があります。

まだメンバーシップサイトを作成していない場合は、WordPressメンバーシップサイトの作成に関する究極ガイドに従ってください。

会員サイトを作成する方法はいくつかありますが、MemberPressプラグインをお勧めします。高度な会員機能を提供し、このチュートリアルで使用されているFormidable Forms Directoryアドオンともうまく連携します。

WordPressで検索可能なメンバーディレクトリを作成する方法

メンバーディレクトリを作成する最良の方法は、 Formidable Forms プラグインを使用することです。このプラグインには、メンバーのプロフィール情報を含む、ユーザーが提出したデータをウェブサイトのフロントエンドでフォーマット、フィルタリング、表示できる高度な機能が備わっています。

これは市場にあるWordPress向けの最高のユーザー登録プラグインの1つであり、アドオンを使用してメンバーディレクトリを簡単に作成するのに役立ちます。さらに、MemberPressと統合されており、ディレクトリの外観と機能に対する完全な制御を提供します。

Formidable Forms

Formidable Forms を使用して、メンバーが情報を入力し、ディレクトリへの参加をオプトインできるプロフィールフォームを作成できます。また、検索可能なメンバーディレクトリ自体を表示するためにも使用できます。

これ以外にも、Formidable Forms を使って、ウェブサイトで様々な目的のフォームを作成できます。例えば、予約フォームウェブディレクトリの作成、クライアントが見積もりを依頼できるようにするなど、様々な用途に活用できます。

これを踏まえて、Formidable Formsプラグインを使用して検索可能な会員ディレクトリを作成する方法を見てみましょう。

  1. 会員サイトへのFormidable Formsのインストール
  2. Formidable会員ディレクトリアプリケーションの作成
  3. メンバープロフィールフォームと「メンバー追加」ページのカスタマイズ
  4. 「メンバーディレクトリ」ページのカスタマイズ
  5. メンバーディレクトリのサンプルデータの削除
  6. WordPress会員制ウェブサイトに関するエキスパートガイド

1. 会員サイトへのFormidable Formsのインストール

まず最初に行うべきことは、Formidable Forms Liteをインストールして有効化することです。これはプラグインの無料バージョンです。Formidable Forms Liteは、Proバージョンの高度な機能の基盤として機能します。

詳細については、WordPressプラグインのインストール方法に関するガイドをお読みください。

次に、 Formidable Directoryページにアクセスし、「Get Formidable Directory」ボタンをクリックする必要があります。その後、Directoryアドオンが含まれるEliteプランの購入を求められます。

Formidable Formsディレクトリページ

Formidable のウェブサイトを離れる前に、ライセンスキーをコピーする必要があります。キーは、ページの右上にある「アカウント」をクリックすると見つけることができます。

次に、ウェブサイトに戻り、 Formidable » グローバル設定 に移動します。そこに表示されたら、「ライセンスキーを手動で入力するにはここをクリック」というリンクをクリックしてライセンスキーを貼り付け、「ライセンスを保存」ボタンをクリックします。

Formidable Forms のライセンスキーを入力

これで、WordPress でメンバーディレクトリを作成する準備が整いました。

2. Formidableメンバーディレクトリアプリケーションの作成

次に、WordPressの管理画面サイドバーから Formidable » Applications に移動する必要があります。このページには、利用可能なアプリケーションテンプレートが表示されます。

そこに着いたら、メンバーディレクトリアプリケーションを見つけて、「+追加」ボタンをクリックしてインストールする必要があります。

メンバーディレクトリアプリケーションの追加

これにより、メンバーディレクトリアプリケーションを説明するポップアップが開きます。

続行するには、「アプリケーションのインストール」ボタンをクリックするだけです。

メンバーディレクトリアプリケーションのインストール

次に、アプリケーションに名前を付けるように求められます。

このチュートリアルでは、デフォルトの名前「メンバーディレクトリ」のままにしてから、「アプリケーションのインストール」ボタンをクリックして続行します。

メンバーディレクトリアプリケーションの名前付け

Formidable Forms は、メンバーディレクトリに必要なページ、フォーム、ビューを作成します。

ページは下書きとして保存されるため、公開前にカスタマイズできます。

メンバーディレクトリアプリケーションの起動

次に、「アプリケーションを開く」ボタンをクリックする必要があります。これにより、ディレクトリをカスタマイズして公開できる会員ディレクトリアプリケーションページが開きます。

これで、「メンバー追加」ページでメンバーが入力できる「ユーザーディレクトリプロファイル」フォームが作成されました。

テーブルビューまたはグリッドビューでディレクトリを表示できる「会員ディレクトリ」ページもあります。

3. メンバープロファイルフォームと「メンバー追加」ページのカスタマイズ

次に、「ユーザーディレクトリプロファイル」フォームからフィールドを追加または削除したい場合があります。これは、メンバーがディレクトリに含まれるために記入する必要があるフォームです。

プロフィールフォームが表示されるページに、公開する前にいくつかの指示を追加することも検討してください。

「ユーザーディレクトリプロフィール」フォームのカスタマイズ

「ユーザーディレクトリプロファイル」フォームには、ほとんどのメンバープロファイルに必要なすべてのフィールドが含まれています。「ユーザーディレクトリプロファイル」リンクをクリックするか、マウスカーソルを合わせてから「編集」をクリックすることでカスタマイズできます。

ユーザーディレクトリプロファイルフォームのカスタマイズ

これでフォームエディタが開きます。右側にフォームのプレビュー、左側に利用可能なフィールドが表示されます。

フォームには、連絡先情報、ソーシャルリンクなどが含まれます。一部のフィールドは、メンバーのWordPressユーザープロファイルの情報を使用して自動的に入力されます。これには、名前、メールアドレス、バイオが含まれます。

Formidableフォームエディター

新しいフィールドを追加するには、左側の「フィールドを追加」列からフォームにドラッグするだけです。

フィールドをクリックすると、そのオプションを変更できます。「フィールドオプション」タブが左側に開き、設定を変更してフィールドをカスタマイズできます。

メールアドレスフィールドオプションのカスタマイズ

フィールドのデフォルト値のオプションは、「高度」セクションにあります。ここでは、スマートタグのリストからデフォルト値を選択できます。これにより、ユーザーがWordPressプロフィールに既に追加した情報が取得されるため、二度入力する必要がなくなります。

フォームの下部までスクロールすると、ソーシャルリンク用のフィールドと、メンバーがディレクトリに含めることを選択できるオプションが既に含まれていることに気づくでしょう。

完了したらプロフィール保存ボタンをクリック

フォームのカスタマイズが完了したら、「プロフィールを保存」ボタンをクリックするだけで変更が保存されます。

「メンバーを追加」ページのカスタマイズ

次に、プロファイルフォームをウェブサイトに表示する「メンバーの追加」ページをカスタマイズして公開する必要があります。

ページを表示するには、Formidable » Applications » Member Directoryに戻る必要がある場合があります。次に、「メンバーを追加」リンクをクリックするか、カーソルを合わせて「編集」をクリックします。

「会員を追加」ページを開く

これにより、「メンバーを追加」ページがWordPressコンテンツエディターで開きます。そこには、ページタイトルと、先ほど見ていたFormidableフォームのみが含まれています。

必要であれば、ページに「メンバーディレクトリに参加する」のような別のタイトルを付けることができます。

フォームの前に説明を追加したい場合は、ページタイトルをクリックしてEnterキーを押す必要があります。これにより、それらの説明を入力できる新しいブロックが作成されます。

メンバー追加ページの公開

ページに満足したら、画面上部にある「公開」ボタンをクリックして、ページをウェブサイトで公開します。

4. 「メンバーディレクトリ」ページのカスタマイズ

これで、会員ディレクトリ自体をカスタマイズして公開できます。メンバーをグリッドまたはテーブルで表示するかどうかを選択する必要があります。次に、ウェブサイトで表示できるようにページを公開する必要があります。

「メンバーディレクトリ」ページのカスタマイズ

まず、Formidable » Applications に戻り、会員ディレクトリアプリケーションをクリックしてください。

下書きの「メンバーディレクトリ」ページを公開する必要があります。ただし、それを行う前に、そのページにディレクトリをグリッドまたはテーブル形式で表示するかどうかを決定できます。

メンバーディレクトリページの編集

WordPressエディターで「メンバーディレクトリ」ページを開くには、それをクリックするだけです。

このページには、タイトルと、ディレクトリを表示する次のショートコードのみが含まれています。

[display-frm-data id=dir-two-col-grid]
ディレクトリをグリッド表示するためのショートコード

デフォルトでは、ショートコードはディレクトリを 2 列のグリッドで表示します。

ページをプレビューして、どのように表示されるかを確認できます。

グリッドで表示されるメンバーディレクトリ

または、メンバーディレクトリを表形式で表示することもできます。

これを行うには、代わりにこのショートコードを使用する必要があります:

[display-frm-data id=dir-table-listing-view]
ディレクトリを表形式で表示するためのショートコード

変更を確認するために、ページを再度プレビューできます。

今回は、各メンバーが1行で表示され、その情報が列に並びます。

テーブル表示されたメンバーディレクトリ

どちらのショートコードを選択しても、「プロフィールを表示」をクリックすると、そのメンバーに関する詳細情報が表示されます。

デモウェブサイトではこのようになります。

メンバープロファイルの表示

必要に応じて、ページにコンテンツを追加できます。完了したら、「公開」ボタンをクリックして、会員ディレクトリをウェブサイトで公開してください。

メンバーディレクトリページをナビゲーションメニューに追加する

「メンバーを追加」ページと「会員ディレクトリ」ページをウェブサイトのナビゲーションメニューに追加することで、メンバーがディレクトリを検索したり参加したりしやすくなります。

WordPress ナビゲーションメニューに特定の投稿を追加する方法に関するガイドに従ってください。

メンバーディレクトリをメンバーのみに制限する

また、お持ちの会員サイトの種類によっては、「メンバー追加」ページと「メンバーディレクトリ」ページはログインメンバーのみが表示できるようにしたい場合もあります。

もしそうであれば、ページへのアクセスをメンバーのみに制限するルールを作成する必要があります。

WordPressのメンバーシップサイトの作成に関する究極のガイドで、その方法をステップバイステップでご紹介します。スクロールダウンしてステップ6を読み、メンバープレスルールを作成する方法を学び、ステップ7を読んでメンバー限定コンテンツを追加する方法を学びます。

5. 会員ディレクトリのサンプルデータを削除する

メンバーディレクトリには、このチュートリアルのスクリーンショットで見られるサンプルデータが含まれています。これは、プロファイルがどのように表示されるかを確認できるため、メンバーディレクトリの設定に役立ちます。

ただし、ディレクトリの設定が完了したら、サンプルデータを削除する必要があります。

Formidable » Applications » Member Directory に移動し、「User Directory Profile」フォームをクリックする必要があります。

Formidableエディタが開いたら、画面上部の「エントリー」タブをクリックしてサンプルエントリーを表示します。

おそらく、リストされるエントリは4つのサンプルメンバーのみでしょう。その場合は、画面上部にある「すべてのエントリを削除」ボタンをクリックするだけです。リストされているすべてのメンバーが削除されます。

ディレクトリからサンプルデータを削除する

ただし、実際のメンバーがすでにプロフィールを作成している場合は、サンプルエントリを手動で選択する必要があります。

これを行うには、各サンプルメンバーの横にあるチェックボックスをクリックする必要があります。次に、リストの上部にある「一括アクション」ボタンをクリックし、ドロップダウンメニューから「削除」を選択します。

最後に、「適用」ボタンをクリックしてサンプルデータを削除します。これで、メンバーディレクトリには実際のメンバーのプロフィールのみが含まれるようになります。

WordPress会員制ウェブサイトに関するエキスパートガイド

このチュートリアルが、WordPressで検索可能な会員ディレクトリを作成する方法を学ぶのに役立ったことを願っています。WordPressで会員制ウェブサイトを作成することに関連する他の記事も参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

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