【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」にはフィルターやアクションフックが細かく揃っています。公式サイト(英語)での解説があるので参考にしてみてください。

関連記事

【無料】商用利用OKシームレステクスチャ「木目パネル(ヒノキ風)」素材

自然の木目を表現したシームレスの無料で使えるテクスチャです。ヒノキの木目パネル、壁、フローリングのようなイメージに仕上げています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材...続きを読む

2018.09.14シームレステクスチャ

【無料】商用利用OKシームレステクスチャ「岩石(花崗岩風)」素材

自然の岩肌を表現したシームレスの無料で使えるテクスチャです。花崗岩のような灰色の岩の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材となっております。 ...続きを読む

2018.09.07シームレステクスチャ

公式サイトをリニューアルオープンいたしました

デザインスタジオ・エフの公式WEBサイトをより見やすく、より探しやすくを目指してリニューアルをしました。 制作事例やブログ、私たちのサービスについてご案内いたします。 今後とも引き続きご愛顧のほど、よろしくお願い申し上げます。 ...続きを読む

2015.02.06

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

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

2015.02.16インスピレーション

【CSS】リンクフォーカスを利用したナビゲーションのボタン操作

CSSの{a:hover}を使うとマウスオーバーの操作によって背景の色や画像を変えることができます。ナビゲーションメニューなどによく使われる手法ですが今回は{a:focus}に着目してみました。 {a:focus}はリンクにフォーカスされているとき。クリックされた時やT...続きを読む

2015.02.08HTMLコーディング