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

関連記事

新年あけましておめでとうございます。

あけましておめでとうございます。 昨年は格別 の御厚情を賜り、厚く御礼を申し上げます。 本年もデザインスタジオ・エフでは、皆様にご満足頂けるサービスを心がけていく所存でございますので、何とぞ昨年同様のご愛顧を賜わりますよう、お願い申し上げます。皆様のご健勝と皆様の益々のご...続きを読む

2021.01.01

HTML文章の歴史を振り返る

WEBサイトの制作において基礎となるのは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)略称をHTML(エイチティーエムエル)と呼ばれる、拡張子が.htmlや.htmなどであらわされる文章ファイルです。 WEBサイトの制作に...続きを読む

2015.01.14HTMLコーディング

【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》

Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む

2018.09.22BootstrapHTMLコーディング

【HTML】Bootstrapの基本「マージン」と「パディング」

『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応のサイト制作が可能です。 『Boots...続きを読む

2018.08.09BootstrapHTMLコーディング

LGP(ラッキーガールズプロモーション)様WEBサイト制作

静岡を拠点に活動している『LGP(ラッキーガールズプロモーション)』様のWEBサイトを制作いたしました。ラッキーガールズプロモーション様では、カットモデル・サロンモデル・カメラマン派遣・体験モニター・撮影会・モデルイベント・パーティー企画・変身ビフォーアフター、ホームペー...続きを読む

2015.02.06WEBサイト制作