【WP】ワードプレスで会員登録機能を実装するプラグイン「WP-Members」

wordpress-plugins-wp-members今回紹介するプラグイン「WP-Members」を使用すると、WordPressでユーザーの登録フォームを公開したり、会員情報として住所やフリガナなど項目をカスタマイズすることや、登録しているユーザーのみに記事を限定に公開する機能を構築することができます。

WP-Members: Membership Framework

「WP-Members」は正式には「WP-Members: Membership Framework」として、「wordpress.org」のプラグインページやWordPressの管理画面の検索からプラグインからダウンロードすることができます。

主な機能

  • Content Blocking:固定ページ、投稿などの記事の閲覧制限。カスタム投稿にも反映することができます。
  • CAPTCHA:登録フォームに「reCAPTCHA」「reCAPTCHA v2」「Really Simple CAPTCHA」をつけることができます。
  • 管理者に通知:ユーザー登録があったときに管理者宛にメールを送信する機能のON/OFFができます。
  • 承認登録:登録されたユーザーを承認する機能のON/OFFができます。
  • フィールド設定:ユーザー情報として登録できる項目をカスタマイズすることができます。
  • ダイアログ/エラーメッセージ設定:ユーザー登録、パスワード変更・リセットなどで表示されるメッセージを変更することができます。

  • メール設定:ユーザー登録、パスワード変更・リセットなどで送信されるメールの内容を変更することができます。
  • ダウンロード:ユーザー情報をCSV形式でダウンロードすることができます。

※ WP-Members: Membership Framework バージョン 3.1.2 における解説になります。

インストールと設定

プラグインをインストールし有効化すると「設定」メニュー内に「WP-Members」の項目が追加されます。管理画面の表記は日本語の翻訳ファイルが適用されているので理解し易いです。また、WordPressの設定上、推奨されない設定の場合は警告メッセージが表示されます。

wordpress-plugins-wp-members-01

「WP-Membersオプション」画面

「WP-Members」の基本設定を行うことができます。

wordpress-plugins-wp-members-02

「フィールド」画面

ユーザー情報の項目をカスタマイズすることができます。入力形式にはテキストフィールド、チェックボックス、ラジオボタンといった一般的な入力フォームに加えて、画像やファイル、パスワードといった項目を選ぶことができます。

wordpress-plugins-wp-members-03

「ダイアログ」画面

エラーメッセージなど表示されるメッセージを変更する事ができます。初期値では英語なので日本語に置き換える必要があります。

また、編集できる項目に「利用規約(TOS)」があります。ユーザー登録のフォームで「利用規約に同意する」チェック項目を表示することができ、利用規約の内容にリンクが付きます。リンク先の利用規約の内容を登録しておくことができます。

wordpress-plugins-wp-members-04

「メール」画面

ユーザー登録、パスワード変更・リセットなどで送信されるメールの内容を変更することができます。「ダイアログ」と同じように初期値は英語なので日本語に置き換える必要があります。

wordpress-plugins-wp-members-05

メールの本文中に使用できるショートコードが用意されています。代表的なショートコードを紹介します。

ショートコード 説明
[blogname] サイトのタイトルの内容が反映されます。
[username] ユーザー名
[password] パスワード
[email] メールアドレス
[reglink] 登録内容の確認ページ(マイページ)のURL
[login] ログインページのURL
[register] ユーザー登録ページのURL

使用方法

「WP-Members」の設定が完了したら、登録フォームやログインフォームを公開します。ショートコードが用意されていますので必要に応じたショートコードを固定ページやテーマ内に書き込むことで公開することができます。ウィジェット機能を使用している場合は、ログインフォームをウィジェットとして設定することができます。

ショートコード 説明
[wpmem_form register] 登録フォームを表示します。ログイン時にページを表示すると「こんにちは ○○○ さん」の文に、ログアウトするリンクが表示されます。
[wpmem_profile] マイページ用に利用できるユーザー情報に関するフォームを表示します。未ログイン時のとくは、ログインフォームと登録フォームの両方を表示します。ログイン時は「会員情報変更」「パスワード変更」のフォームを案内するリンクが表示されます。
[wpmem_form login] ログインフォームを表示します。ログイン時にページを表示すると「こんにちは ○○○ さん」の文に、ログアウトするリンクが表示されます。

投稿や固定ページの閲覧制限については、投稿すべてに反映するか、個別の記事毎に対して行うことが出来ます。

wordpress-plugins-wp-members-06

登録されているユーザー情報を参照したり取得する場合は「current_user」や「get_userdata」などを使うことで取得することができます。

最後に「WP-Members」は翻訳ファイルも充実していて、管理画面内でメッセージの変更ができたりと使いやすいプラグインですが、日本語の表現を変えたいけれども翻訳ファイルを変えたくない、翻訳ファイルが反映されていない箇所を直したいなどの要望に対して、「WP-Members」にはフィルターやアクションフックが細かく揃っています。公式サイト(英語)での解説があるので参考にしてみてください。

関連記事

【デザイン】シングルページデザイン海外のクリエイティブWEBサイトまとめ

シングルページデザインは、1ページ内に「お知らせ」「コンセプト」「サービス紹介」「会社概要」「お問い合わせ」などのサイトを構成する一般的な情報をすべて集約したデザインです。従来サイトで、訪問者がページを見て必要な情報が無いと判断して離脱してしまうことを防ぐことから設計されたデ...続きを読む

2015.02.16インスピレーション

藤枝おんぱく『村松八百蔵商店ギャラリー』(5/30)

藤枝駅前の古民家「村松八百蔵商店」を会場に藤枝おんぱくで行われたさまざななプログラムのフォトギャラリーの展示の様子をお届けします。 フォトギャラリー ※写真をクリックすると拡大表示します。 [gallery link="file" columns="4" ids="98...続きを読む

2015.08.17フォトギャラリー

ぴんきぃまこ様WEBサイト制作

藤枝市青葉町にあるドックトリミングサロン「ぴんきぃまこ」様のWEBサイトを制作いたしました。ロゴに合わせてピンク色のベースに、大人っぽい可愛らしさを演出できるようにデザインをしました。お店からの最新情報をお届けできるように、CMSで構築し、お知らせやおすすめ商品、スタッフ...続きを読む

2018.06.01WEBサイト制作

HTML5 + CSS3 レスポンシブサイト テンプレート『Minimaxing』

スマートフォンが普及して、WEBサイトをスマートフォンで閲覧することも多くなっています。従来のWEBサイトをスマートフォンに対応したいと検討される方もいらっしゃると思います。 今回、ご紹介するのはパソコン、タブレット、スマートフォンに対応したレスポンシブ型のWEBサイト...続きを読む

2015.02.06HTMLコーディング

【WP】ウェブサイトのパフォーマンスを高めるためのプラグイン

Googleよりウェブサイトの制作・管理を行うウェブマスター向けのガイドラインが告知されております。このガイドラインの目的は「ガイドラインに沿ってサイトを作成すると、Google がサイトを認識し、インデックスに登録し、ランク付けをするプロセスをスムーズにおこなう手助けとなります...続きを読む

2015.03.23WordPress