【WP-Members】ワードプレスで簡単に会員制サイトを作る方法

この記事はこんな方におすすめ

  • ホームページに会員限定ページを作りたい
  • 一般の人には公開しない情報やデータを共有したい
  • プラグイン「WP-Members」の使い方が知りたい
  • とにかく簡単な方法が知りたい!

女性起業家・フリーランスさんのサポートをしていく中で、サービスを利用してくれた方限定のコンテンツをそろそろ作りたいなぁ、と思い始めました。

会員サイトを作る方法は様々ありますが、WordPressとプラグインを活用すれば、初心者でも簡単に作ることが可能です。

私が作りたいのは

  • シンプルに会員と非会員でコンテンツを分けるような、会員サイト
  • 登録をしてもらったユーザー限定のコンテンツを配信したい
  • 決済システムは今のところ必要なし

調べてみると、WordPressで会員サイトを無料で作れるプラグインはたくさんあり、その中から簡単に作れて、なおかつ十分な機能のある「WP-Members」を使ってみることにしました。

WP-Members Membership Plugin
公式サイト:https://rocketgeek.com/plugins/wp-members/

WordPressで会員サイト制作をする際の定番プラグインです。
日本語にも対応しており、操作も簡単。利用者も多く、情報もインターネット上にたくさんあるため、初めて会員サイトを作る初心者にはおすすめのプラグインです。

目次

WP-Membersの導入

「WP-Members」はWordPress公式プラグインなので、WordPress管理画面>プラグイン>新規追加 から無料で簡単にインストールできます。

右側のキーワード検索テキストボックスで「WP-Members」と検索するとヒットしますので、「今すぐインストール」をクリックし、有効化します。

WP-Membersの設定

「WP-Members」をインストールしたら、設定を行います。

「WP-Members」の設定は、WordPress管理画面>設定>WP-Members から行います。

以下のような設定項目があります。

  • WP-Members オプション ・・・ 一般的な設定
  • フィールド ・・・ ユーザーの新規登録ページに表示する項目を設定
  • ダイアログ ・・・ ダイアログとエラーメッセージのテキストをカスタマイズ
  • メール ・・・ プラグインによって送信されるメールの内容をカスタマイズ

WP-Membersオプション

ポイント

内容をブロック ・・・ 各投稿タイプのデフォルト設定
抜粋を表示 ・・・ チェックすると、未ログインの場合に非公開の記事にアクセスしたとき more タグがある場所まで本文の抜粋が表示される。
ログインフォームを表示 ・・・ チェックすると、未ログインの場合にログインフォームを表示
登録フォームを表示 ・・・ チェックすると、未ログインの場合に新規会員の登録フォームを表示
自動抜粋 ・・・ 本文の最初から指定された文字数を抜き出し表示

ポイント

メニューを複製する ・・・ ログイン中のメニューを作成。ログアウト中とログイン中で異なるメニューを表示できる。
管理者に通知 ・・・ 会員登録が行われたときに管理者にメールを送信
承認登録 ・・・ 会員登録が行われたときに承認を必要にするかどうか。
警告メッセージを表示しない ・・・ チェックするとWordPressの設定がWP-Membersの推奨設定でない場合の警告メッセージが消える。
帰属 ・・・ 利用しているツールを表示するかどうか。この項目にチェックを入れると、登録フォームに「Powered by WP-Members」という表記とリンクが設置されます。
CAPTCHAの有効化 ・・・ CAPTCHAを使用するかどうか。

CAPTCHAとは

CAPTCHA(キャプチャ)とは、操作をしているのがコンピュータではなく、人であることを検証する仕組みです。

reCAPTCHAを選ぶと、管理画面に「Captcha」というタブが追加されます。そして、「サイトキー」と「秘密キー」を設定すると、登録フォームにreCAPTCHAが設置されます。

サイトキーと秘密キーを入手するには、Googleのアカウントで「reCAPTCHAの登録ページ」を表示します。

固定ページから、それぞれ以下のページを新規作成します。

・ログインページ
・新規登録ページ
・会員のプロフィールページ

それぞれのページに対応するショートコードを記載して保存します。

ログインページ → [wpmem_form login]

※ショートコードにはパラメータをつけることができます。
[wpmem_form login redirect_to="https://XXXX"]というようにリダイレクトのパラメータをつけると、ログインページでログインした後にそのページへ自動的に移動します。

新規登録ページ → [wpmem_form register]:登録フォームを設置する

会員のプロフィールページ → [wpmem_profile]:プロフィールページのフォームを設置する
※パラメータ register=hide:ログインせずにプロフィールページを表示したときに登録フォームを設置しない

フィールド

ユーザー登録に使用する項目の表示や編集、新規作成が可能です。
下記はフィールドの主な役割です。

ポイント

ラベルを表示 ・・・ ユーザー登録画面に表示される項目名
メタキー ・・・ ショートコードとしてメールやダイアログに挿入可能
表示 ・・・ チェックを入れると「入力項目」として表示される
Required ・・・ 入力を必須にする場合はチェック
ユーザー画面 ・・・ 管理画面の「ユーザー」⇒「ユーザー一覧」に表示する場合はチェック
ユーザー検索 ・・・ 管理画面の「ユーザー」⇒「ユーザー一覧」の検索機能において、検索対象にする場合はチェック
編集 ・・・ ラベル名などの変更が可能
並べ替え ・・・ 項目の順序を入れ替える

最後に一番下のドロップダウンリストを「設定を保存」に変えて「適用」ボタンをクリックすると、保存されます。

ダイアログ

ダイアログタブでは、サイトに表示されるメッセージを設定します。

初期設定では英語が書かれていますが、実際の画面では翻訳機能により日本語で表示されます。念のため、日本語で設定しておきましょう。

メール

メールタブでは、自動配信されるメールの内容を設定します。

カスタムメールアドレス、送信者の名前

送信元メールアドレスと表示名を変更することが可能です。

・カスタムメールアドレス
・送信者の名前(カスタム)

メールの件名と本文を編集

以下のメールを編集することが可能です。

  • 新規ユーザー登録
  • パスワードのリセット
  • ユーザー名の回復
  • 管理者通知
  • 署名 (任意)

また、メールの内容を修正する際は、以下のようなショートコードを使えます。

  • [[blogname]] ・・・ サイトの名称を表示する
  • [[username]] ・・・ ユーザー名を表示する
  • [[password]] ・・・ パスワードを表示する
  • [[login]] ・・・ ログインページへのリンク
  • [[reglink]] ・・・ 登録ページのアドレスを表示する

まとめ

WP-Membersというプラグインを使って会員制サイトを作ってみました。

思いのほか時間はかかったけれど、設定自体は簡単。必要な機能はそろっていて、小規模の会員制サイトを作るにはいいかも。

詳細は WP-Members の公式サイトをご確認ください。


ワードプレスで会員サイトを作ってみたいけど、設定などの手間を省きたい!という方は「ノビリスウェブ」でもサポートを行っております。お気軽に【初回90分無料*個別相談】でお問い合わせください!

\いますぐお申込み/

無料相談に申し込む

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次