会員制サイトを導入するプラグイン【WP-Members】

2022/11/03プラグイン

WordPressで会員専用サイトを作りたいときに便利なプラグイン「WP-Members」を紹介します。

「WP-Members」は会員制サイトには必須の以下の機能を備えています。

便利な機能
  • 会員登録系の入力フォームを簡単に設置可能
    (会員登録、ログイン、パスワード変更、パスワードリセットなど)
  • 登録フォームの項目をカスタマイズ
  • ユーザーへのメール送信機能、メール文面のカスタマイズ

会員専用サイトには必須となるこれらの機能の実装手順を紹介していきます。
 

導入方法

インストール

[プラグイン] – [新規追加] から「WP-Members」を検索し、インストール。有効化。

wp-membersを検索

 

公開範囲の設定

記事や固定ページを会員限定コンテンツとして閲覧制限したい場合にも「WP-Members」なら簡単に設定できます。

一括設定

[設定] – [WP-Members] で設定画面へ。

「内容をブロック」で投稿/固定ページ別に公開範囲を一括で設定可能。

 
下のスクショはインストール直後のデフォルト設定。

投稿はブロック、すなわちログインしないと見れないよ。という設定

固定ページはブロックしない、こちらは非ログインでも見られるよ。という設定

WP-Members設定画面

上記の設定は全投稿または全固定ページに適用される一括設定です。

投稿記事単位や固定ページ単位で公開範囲を制御することも可能。

この設定方法は後述します。
 

ページ単位の公開設定

より細かくページ単位で 全体公開/限定公開 を設定することもできます。

設定するには各投稿画面または固定ページ編集画面に移動。

「投稿 制限」という設定項目があるので、ブロックか解除か選択します。

ブロック解除済み → 非ログインでも見られるよ。という設定

ブロック済み → ログインしないと見れないよ。という設定

個別画面の公開設定

フォームの自動設置

会員限定ページに登録フォームを設置

トップページに会員限定コンテンツ(投稿)へのリンクを貼り、非ログインユーザーがリンクをクリックしたと仮定します。

この場合、限定コンテンツにページ遷移しますが、「会員限定のため見ることができません」のようなメッセージが表示されます。

このときに会員登録フォームも同時に表示されていれば、自然な流れで会員登録へと誘導することができますよね。

限定コンテンツに会員登録フォームを設置

 
「WP-Members」では、会員限定コンテンツに会員登録フォームが自動的に表示されるように設定することができます。もちろんログイン状態でアクセスしたら登録フォームは表示されません。


下のスクショが設定画面。

[設定] – [WP-Members] で設定画面へ。

投稿と固定ページそれぞれで登録フォームを設置するかどうか一括設定できます。

会員登録フォームの自動設置

 

会員限定ページにログインフォームを設置

先ほどの登録フォームと同様に、ログインフォームも自動設置することができます。

ログイン専用画面にわざわざ移動しなくてもログイン処理ができるので、ユーザビリティは高まるはず。

下のスクショが設定画面。

[設定] – [WP-Members] で設定画面へ。

こちらも投稿と固定ページそれぞれで一括設定できます。

専用ページの作成(ショートコード使用)

上ではコンテンツページに各種フォームを自動設置する設定を紹介しましたが、この章では「ログインページ」や「会員登録ページ」などの専用ページを簡単に設置する方法を紹介していきます。

会員登録ページの作成

[固定ページ] – [新規追加] で固定ページを追加。

本文に以下のショートコードを記述し、公開。

[wpmem_form register]

たったこれだけで会員登録ページが完成します。
 

下のスクショが追加した固定ページ。

項目のカスタマイズに関しては後述します。

ページ作成用のショートコード一覧

登録フォームと同様に、ログインやパスワード周りなどのページもショートコードだけで簡単に実装できちゃいます。

ログインフォーム[wpmem_form login]
パスワードの変更・リセット[wpmem_form password]
ユーザー名回復フォーム[wpmem_form forgot_username]

登録フォームの項目カスタマイズ

下のスクショが設定画面。

[設定] – [WP-Members] で設定画面へ。
[フィールド] タブで会員登録フォームの項目をカスタマイズできます。

[表示] 列のチェックボックスは、登録フォームに表示したい場合にチェック。

[必須] 列のチェックボックスは、入力必須項目にしたい場合にチェック。

[編集] リンクで詳細設定ページへ遷移。
詳細設定ページでは、ラベルの変更やプレースホルダーの設定も可能です。

[並べ替え] をドラッグすれば、項目の表示順も簡単に設定できます。

ここに注意

「ユーザー名」と「メールアドレス」だけはWordPress的に必須項目なので非表示にできません。

 

メール設定

各種フォーム送信後にユーザ宛に自動送信するメール内容も設定可能です。
 

下のスクショが設定画面。

[設定] – [WP-Members] で設定画面へ。
[メール] タブでメール内容をカスタマイズできます。

送信元設定

「カスタムメールアドレス」には送信者のメールアドレスを設定します。
「送信者の名前」には送信者名を設定します。

件名・本文の設定

下記のフォーム送信後にユーザー宛に自動送信されるメールの文面を設定できます。

  • 新規会員登録
  • パスワードリセット
  • ユーザー名の回復

デフォルトでは英語の件名・本文が設定されているので、お好みの文面で設定しておきましょう。

デフォルト文面でも設定されているとおり、ユーザー名やメールアドレスなどのショートコードが使用できます。

メール設定で使用可能なショートコード一覧

サイトタイトル[blogname]
ユーザー名[username]
パスワード[password]
ユーザーのメールアドレス[email]
会員登録を実行した画面へのリンク[reglink]
ログインページへのリンク[login]
会員登録画面へのリンク [register]
会員登録確認用リンク[confirm_link]
パスワードリセット画面へのリンク[reset_link]

メール文例・見本

ユーザー宛に自動送信されるメールの設定例を紹介します。

会員登録

件名

会員登録を受け付けました 「[blogname]」

メール本文

「[blogname]」に会員登録いただき、誠にありがとうございます。

以下のログイン情報を使用してログインできます。

ユーザー名: [username]
パスワード: [password]

ログインページはこちら
[login]

 

パスワードリセット

件名

パスワードをリセットしました 「[blogname]」

メール本文

「[blogname]」のパスワードをリセットしました。

新しいパスワードは以下のとおりです。
パスワード: [password]

 

ユーザー名の回復

件名

ユーザー名を回復しました 「[blogname]」

メール本文

「[blogname]」のユーザー名を回復しました。

あなたのユーザー名は以下のとおりです。
ユーザー名: [username]

 

この記事は記事執筆時点(WP-Members バージョン: 3.3.9.3)の機能を紹介しています。

プラグインWP-Members

Posted by そら