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で検索可能なメンバーディレクトリを作成する方法

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

WordPressサイトにメンバーディレクトリを追加したいとお考えですか?

会員制サイトにディレクトリを追加することで、コミュニティへのエンゲージメントを高めることができます。新規会員の参加を促し、会員同士が簡単に連絡を取り合えるようになります。

この投稿では、WordPressで検索可能なメンバー・ディレクトリを作成する方法を紹介します。

How to Create a Searchable Member Directory in WordPress

なぜWordPressで検索可能なメンバーディレクトリを作るのか?

会員制サイトでは、共通の趣味を持つユーザーが集まることがよくあります。WordPressサイトでは、会員同士が共通の趣味について簡単にコミュニケーションできるようにすることで、コミュニティ意識を醸成することができます。

これは、会員ディレクトリを作成することで実現できます。これは、あなたのサイトのメンバーの検索可能なリストです。会員が他の会員のプロフィールや連絡先を見ることができます。

Member Directory Example

そうすることで、サイトの信頼性が高まり、会員にとってより価値のあるものになります。会員が重要視され、認められていると感じることもできるかもしれません。

しかし、プライバシーを保護するために、ディレクトリに個人情報を表示する前に、各メンバーにオプトインを必須とすることもできます。

まだ会員制サイトを作成していない場合は、WordPress会員制サイトの作成に関する究極のガイドに従ってください。

どのような方法でも会員制サイトを作成することができますが、私たちはMemberPressプラグインをお勧めします。高度な会員機能を提供し、このチュートリアルで使用しているFormidable Forms Directory アドオンともうまく統合できます。

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

メンバーディレクトリを作成する最も良い方法は Formidable Forms プラグインを使うことです。このプラグインは高度な機能を備えており、ユーザー送信データをあなたのサイトのフロントエンドにフォーマット、フィルター、表示することができます。

WordPress用のユーザー登録プラグインとしては市場で最も優れたものの一つで、アドオンを使って簡単にメンバーディレクトリを作成することができます。さらに、MemberPressと統合することで、ディレクトリの外観や機能を完全にコントロールすることができます。

Formidable Forms

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

そのほかにも、予約フォームや ウェブディレクトリの作成、顧客からの見積もり依頼など、Formidable Formsをサイト上のさまざまな目的に利用することができます。

それを念頭に置いて、Formidable Forms プラグインを使って検索可能なメンバーディレクトリを作る方法を見てみましょう。

1.会員制サイトに Formidable Forms をインストールする

まず最初に、Formidable Forms Lite(無料版) をインストールして有効化します。Formidable Forms Lite は Pro バージョンの高度な機能のベースとなります。

詳しくは、WordPressプラグインのインストール方法をご覧ください。

次に、Formidableディレクトリのページにアクセスし、「Formidableディレクトリを取得」ボタンをクリックします。すると、Directoryアドオンを含むEliteプランを購入するよう促されます。

The Formidable Forms Directory Page

Formidableサイトを離れる前に、ライセンスキーをコピーする必要があります。ライセンスキーはページ上部の「アカウント」をクリックすると表示されます。

あなたのサイトに戻り、Formidable ” Global Settings に移動します。クリックするとライセンスキーが手動で入力されます」というリンクをクリックしてライセンスキーを貼り付け、「ライセンスを保存」ボタンをクリックします。

Enter Formidable Forms license key

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

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

次に、WordPressの管理サイドバーから Formidable ” Applicationsに移動してください。このページには利用可能なアプリケーションテンプレートが表示されます。

そこでMember Directoryアプリケーションを見つけ、「+ Add」ボタンをクリックしてインストールします。

Adding the Member Directory Application

メンバー・ディレクトリ・アプリケーションについてのポップアップが表示されます。

アプリケーションのインストール」ボタンをクリックしてください。

Installing the Member Directory Application

次に、アプリケーションの名前を聞かれます。

このチュートリアルでは、初期設定の名前「Member Directory」のままにしておき、「Install Application」ボタンをクリックして続行します。

Naming the Member Directory Application

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

ページは下書きとして保存されるので、本番前にカスタマイズできる。

Opening the Member Directory Application

アプリケーションを開く」ボタンをクリックしてください。会員ディレクトリのアプリケーションページが開きますので、そこでディレクトリをカスタマイズして公開することができます。

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

また、「メンバー・ディレクトリ」ページでは、ディレクトリをテーブル表示やグリッド表示で見ることができる。

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

次に、「ユーザー・ディレクトリ・プロフィール」フォームのフィールドを追加または削除することができます。これは、メンバーがディレクトリに登録されるために記入しなければならないフォームです。

また、プロフィールフォームを公開する前に、プロフィールフォームが表示されるページにいくつかの指示を追加することもできます。

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

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

Customizing the User Directory Profile Form

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

お問い合わせフォームには、お問い合わせ内容やソーシャルリンクなどが含まれます。フィールドのいくつかは、メンバーのWordPressユーザープロフィールからの情報を使用して自動的に入力されます。これには、名前、メール・アドレス、経歴などが含まれます。

The Formidable Form Editor

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

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

Customizing the Email Address Field Options

Advanced’セクションにフィールドの初期設定オプションがあります。ここでは、スマートタグのリストから初期値を設定することができます。これは、ユーザーがすでにWordPressのプロフィールに追加した情報を使用するので、二度入力する必要はありません。

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

Click the Save Profile Button When Finished

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

メンバー追加」ページのカスタマイザー

次に、サイトにプロフィールフォームを表示する「メンバー追加」ページをカスタマイズして公開します。

ページを表示するには、Formidable ” アプリケーション ” メンバーディレクトリに戻る必要があるかもしれません。その後、’Add a Member’ リンクをクリックするか、マウスオーバーして ‘Edit’ をクリックしてください。

Opening the 'Add a Member' Page

WordPressのコンテンツエディターで「メンバー追加」ページを開きます。ページタイトルとFormidableフォームが表示されます。

お望みであれば、「メンバー・ディレクトリに参加する」など、ページに別のタイトルを付けることもできます。

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

Publishing the Add a Member Page

ページが完成したら、画面上部の’公開する’ボタンをクリックするだけで、サイト上でページを公開することができます。

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

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

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

まず、Formidable ” アプリケーションに戻り、メンバー・ディレクトリ・アプリケーションをクリックしてください。

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

Editing the Member Directory Page

メンバーディレクトリ」ページをクリックすると、WordPressエディターが開きます。

ページにはタイトルとディレクトリを表示する以下のショートコードだけが含まれています:

[display-frm-data id=dir-two-col-grid]
Shortcode to Display the Directory as a Grid

初期設定では、ショートコードはディレクトリを2カラムグリッドで表示します。

ページをプレビューして、どのように見えるかを確認することができます。

Member Directory Displayed in a Grid

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

そのためには、代わりにこのショートコードを使う必要があります:

[display-frm-data id=dir-table-listing-view]
Shortcode to Display the Directory in a Table

ページを再度プレビューして変更を確認することができます。

今回は、各メンバーの情報がカラムで表示され、個別行で表示される。

Member Directory Displayed in a Table

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

デモサイトではこのように表示されます。

Viewing a Member Profile

お好きであれば、ページにコンテンツを追加することができます。本当に〜してもよいですか?終了したら、’公開’ボタンをクリックして、あなたのサイトにメンバーディレクトリを公開してください。

ナビゲーションメニューへのメンバーディレクトリページの追加

サイトのナビゲーションメニューに「メンバー追加」と「メンバーディレクトリ」のページを追加することで、メンバーがディレクトリを簡単に検索したり、ディレクトリに参加したりできるようになります。

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

会員ディレクトリを会員のみに制限する

また、会員制サイトの種類によっては、ログイン中の会員だけに「会員追加」や「会員ディレクトリ」のページを表示させたい場合もあるでしょう。

もしそうなら、メンバーだけがページにアクセスできるようにルールを作る必要がある。

WordPressで会員制サイトを作成する究極のガイドでは、その方法をステップごとにご紹介しています。ステップ6ではメンバープレスのルールを作成する方法を、ステップ7では会員限定コンテンツを追加する方法をご紹介しています。

5.メンバーディレクトリのサンプルデータの削除

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

しかし、ディレクトリの設定が終わったら、サンプルデータを削除する必要がある。

Formidable ” アプリケーション ” メンバーディレクトリに戻り、「ユーザーディレクトリプロフィール」フォームをクリックしてください。

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

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

Deleting Sample Data From the Directory

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

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

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

WordPress会員制サイトのエキスパートガイド

会員ディレクトリの追加方法はお分かりいただけたと思いますが、WordPressで会員制サイトを作成する方法に関する他の投稿もご覧ください。

WordPressで検索可能なメンバーディレクトリを作成する方法について、このチュートリアルがお役に立てれば幸いです。WordPress でオンラインコースを作成・販売する方法や、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の資金源 をご覧ください。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

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

  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!

返信を残す

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