WordPress　有料会員ページ作成（Stripe決済）

①「プラグイン」
②「新規追加」
③「プラグインの検索」に「Simple WordPress Membership」と入力
④ Simple Membershipのプラグイン内の「今すぐインストール」をクリックするとインストールがはじまり、完了すると同じ場所に「有効化」と出るのでクリック。
ダッシュボードに「WP Membership」が追加されSimple Membershipが使用可能になる
⑤固定ページに
「Join Us」
「－登録」
「Thank You」
「メンバーログイン」
「ーパスワードのリセット」
「ープロフィール」
「利用規約」
の８つのページが自動で作成される。

①「WP Membership」
②「設定」
③「一般設定」
④「More タグ以下のコンテンツを限定公開」に☑を入れる。※「Moreタグ」とは「続きを読む」などの限定公開したい場合に使います。限定公開を有効化するためにこちらは☑を入れる
⑤「管理バーを表示」は非表示がお勧めなのでチェックを入れない。※表示させたい場合は☑を入れる
⑥「管理人に管理ツールバーを表示」に☑を入れる
⑦「WP ダッシュボードへのアクセスを無効にする」にチェックを入れる
⑧「変更を保存」

①「WP Membership」
②「会員レベル」
③「新規追加」
④「レベルの追加」
⑤「会員レベル名(必須)」に『無料会員』と入力
⑥「WordPress のデフォルトユーザー権限 (必須)」はそのまま”購読者”でよい
⑦「有効期限(必須)」は無期限に☑を入れる
⑧「メールで有効化する」に☑を入れる
⑨「新規メンバーシップレベルの追加」
⑩「会員レベル」
⑪ 欄に新たに『無料会員』の会員レベルが追加される

①「WP Membership」
②「設定」
③「一般設定」
④「無料会員を有効にします」に☑を入れる
⑤「無料会員レベルの ID」に前項で設定した無料会員レベルのIDを入力（※IDの確認方法：「WP Membership」⇨「会員レベル」⇨ 登録した無料会員欄の左に表示される数値）
⑥「変更を保存」

①「WP Membership」
②「会員レベル」
③「新規追加」
④「レベルの追加」
⑤「会員レベル名(必須)」に『管理者』と入力
⑥「WordPress のデフォルトユーザー権限 (必須)」から管理者を選択
⑦「有効期限(必須)」は無期限に☑を入れる
⑧「メールで有効化する」はなにもしない
⑨「新規メンバーシップレベルの追加」
⑩「会員レベル」
⑪ 欄に新たに『管理者』の会員レベルが追加される

①「外観」⇨
②「メニュー」⇨
③「編集するメニューを選択」欄から「ヘッダーメニュー」を選択 ⇨
④「すべて表示」⇨
⑤「－登録」に☑を入れる ⇨
⑥「メニューに追加」⇨
⑦ に『－登録』のメニューが追加される ⇨
・次に名前を『－登録』から『会員登録』に変更する
⑧「－登録」の右側の「▼」をクリック ⇨
⑨「ナビゲーションラベル」欄の「－登録」を削除して「会員登録」と入力する。こちらは任意の言葉で構いませんが会員登録ページへのリンクだとわかりやすい言葉にしてください。⇨
⑩「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる ⇨
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑪「メニューを保存」

・設定手順
①「固定ページ」⇨
②「ー 登録」⇨
③ のコードの箇所が会員登録フォームとなります ⇨

[swpm_registration_form]

④ 更新

①「WP Membership」⇨
②「設定」⇨
③「詳細設定」⇨
④「利用規約を有効化」に☑を入れる ⇨
以下が追加される

□ 了承します。利用規約

⑤「利用規約ページ URL」に作成した利用規約ページのURLを記入 ⇨
⑥「」⇨
⑦「」⇨
⑧「」⇨
⑨「」⇨

①「外観」⇨
②「カスタマイズ」⇨
③「追加CSS］⇨
④ の最後尾に以下のコードを張り付ける⇨
※他のコードは消さないように気を付けてください

tr.swpm-registration-firstname-row{
display:none;
}tr.swpm-registration-lastname-row{
display:none;
}

⑤「公開」

①「WP Membership」⇨
②「設定」⇨
③「詳細設定 ⇨
④「ログイン中のユーザーに対し登録フォームを非表示」欄に☑を入れる ⇨
⑤「変更を保存 ⇨
以後、会員(無料・有料)が会員登録ページを開くと登録フォームが表示されず以下の表示が出ます

「You are already logged in. You don’t need to create another account. So the registration form is hidden.」

上記の英語の表示を日本語にする
※2024.10月現在こちらの設定は機能しません

・Cocoonの『functions.php』にカスタムコードを追加
⑦「外観」⇨
⑧「テーマファイルエディター」⇨
⑨ 画面の右側の「テーマファイル一覧」から「テーマのための関数 (functions.php)」を選択 ⇨
⑩「子テーマ用関数」を開く ⇨
※親テーマ（Cocoon）を直接編集するのは推奨されません。Cocoonの更新時に変更が上書きされる可能性があるためです。
⑪ 以下のコードを追加する ⇨

function custom_swpm_logged_in_message($message) { // 日本語に翻訳されたメッセージ $custom_message = ‘あなたは既にログインしています。新しいアカウントを作成する必要はありません。’; return $custom_message; } add_filter(‘swpm_already_logged_in_msg’, ‘custom_swpm_logged_in_message’);

⑫「ファイルを更新」
以上で英語表記が日本語に変更される

「You are already logged in. You don’t need to create another account. So the registration form is hidden.」

↓以下の文章に変更される↓

あなたは既にログインしています。新しいアカウントを作成する必要はありません。

①「WP Membership」
②「設定」
③「メール設定」
④「送信元メールアドレス」に社名や店名などを入力。
※こちらの設定は会員登録に使用する全てのメールに共通の設定となります。

(記入例①）広告制作会社アイ・イエス

(記入例②）マンガＲＱ <〇〇＠●●.com>
※<>内にメールアドレスを記入すると返信アドレスとなります。こちらを記入すると登録者が受け取ったメールから返信できるようになるので記入例①を推奨

⑤「メール設定 (メールによる有効化)」欄の「メール件名」に件名を入力します。

(記入例）会員登録を完了してください

⑥「メール本文」欄に以下を参考に入力してください。

当サイトをご利用いただき、誠にありがとうございます。
{user_name}様
下記のリンクをクリックして登録を完了してください。
{activation_link}

・緑文字はメールに表示される文章。
・{user_name}には利用者が登録時に設定したユーザー名が表示される。
・{activation_link}には登録有効化へのリンクが表示される。
⑦「変更を保存」

①「WP Membership」
②「設定」
③「メール設定」
④「送信元メールアドレス」に社名や店名などを入力。
※会員登録に使用する全てのメールに共通の設定となります。
※こちらは前項で設定済です。特に変更がなければ飛ばして⑤に進んで下さい。

(記入例①）広告制作会社アイ・イエス

(記入例②）マンガＲＱ <〇〇＠●●.com>
※<>内にメールアドレスを記入すると返信アドレスとなります。こちらを記入すると登録者が受け取ったメールから返信できるようになるので記入例①を推奨

⑤「メール設定（登録完了）」欄の「メール件名」に件名を入力します。以下記入例

登録完了のお知らせ

⑥「メール本文」欄に以下を参考に入力してください。

当サイトをご利用いただき、誠にありがとうございます。
{user_name}様

本登録が完了いたしました。

登録の詳細はこちら
ユーザーネーム: {user_name}
パスワード: {password}

下記よりログインしてご利用くださいませ。
{login_link}

・緑文字はメールに表示される文章。
・{user_name}には利用者が登録時に設定したユーザー名が表示される。
・{login_link}にはログインへのリンクが表示される。
⑦「変更を保存」

①「WP Membership」
②「設定」
③「メール設定」
④「送信元メールアドレス」に社名や店名などを入力。
※会員登録に使用する全てのメールに共通の設定となります。
※こちらは前項で設定済です。特に変更がなければ飛ばして⑤に進んで下さい。

(記入例①）広告制作会社アイ・イエス

(記入例②）マンガＲＱ <〇〇＠●●.com>
※<>内にメールアドレスを記入すると返信アドレスとなります。こちらを記入すると登録者が受け取ったメールから返信できるようになるので記入例①を推奨

⑤「管理者に通知を送信」にチェックを入れる
⑥「管理者のメールアドレス」にメールの送信先となるアドレスを入力

※管理者(あなた)のメールアドレスを入力

⑦「管理者通知メールの件名」欄の「メール件名」に件名を入力します。以下記入

新規会員登録者のお知らせ

⑧「管理者通知メール本文」欄に以下を参考に入力してください。

新規会員登録が行われました。

登録の詳細はこちら
ユーザーネーム: {user_name}
メール：{email}
パスワード: {password}

・緑文字はメールに表示される文章。
・{user_name}には利用者が登録時に設定したユーザー名が表示される。
・{email}には利用者が登録時に設定したメールが表示される。
・{password}には登録時に設定したパスワードが表示される。
⑨「変更を保存」

①「外観」
②「メニュー」
③「編集するメニューを選択」からヘッダーメニューを選んで「選択」
④「すべて表示」
⑤「ログイン」にチェックを入れる
⑥「メニューに追加」
⑦ に『ログイン』のメニューが追加される
—————————————
※ こちらでメニューの名前を変更できます。
変更する場合は⑧「▼」をクリックし⑨「ナビゲーションラベル」欄に変更したい名前を入力
—————————————
⑩「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は⑪「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑫「メニューを保存」

①「固定ページ」
②「メンバーログイン」
③ のコードの箇所がログインフォームとログイン直後となります。

[swpm_login_form]

※「ログインフォームとログイン直後」自体を編集することはできません
※上記コード以外の編集は自由に可能です。

①「固定ページ」
②「メンバーログイン」
③ のコードの箇所がログインフォームとなり、「ログアウト」の項目も含まれています。

[swpm_login_form]

※「ログアウト」の項目自体を編集することはできません
※上記コード以外の編集は自由に可能です。

①「外観」
②「カスタマイズ」
③「追加CSS］
④ の最後尾に以下のコードを張り付ける
※他のコードは消さないように気を付けてください

.swpm-join-us-link { display:none; }

⑤「公開」

・まず「会員についてのページ」にしたいページを作成する。
①「固定」
②「新規追加」
③「タイトルを追加」欄に「会員について」と入力
④「ブロックを選択するには「/」を入力」欄にページに表示したい文章を入力

⑤「公開」
⑥「公開」
⑦ の場所に「固定ページを表示」アイコンが表示されるのでクリックしてブラウザで編集中のページを表示する
⑧ 表示されたページの「URL」をコピーする

①「固定」
②「－登録」
③「固定ページを表示」アイコンをクリックしてブラウザで―登録ページを表示する
④ 表示されたページの「URL」をコピーする
⑤「公開」※ページの内容を変更していなければ「公開」をクリックする必要はありません

⑥「WP Membership」
⑦「設定」
⑧「一般設定」
⑨「会員登録の案内ページ URL」欄のURLを全て削除し⑧のURLを張り付ける
⑩「変更を保存」

①「固定ページ」
②「ーパスワードのリセット」
③ のコードがパスワードリセット時の入力フォームとなります。

[swpm_reset_form]

③ 「更新」

①「固定ページ」
②「ープロフィール」
③ のコードの箇所が会員プロフィール変更のフォームとなります。

[swpm_profile_form]

※「編集フォーム」自体を編集することはできません
※上記コード以外の編集は自由に可能です。
④「更新」

・会員が退会するためのボタン「アカウントの削除」を会員情報編集フォームに配置します。
①「WP Membership」
②「設定」
③「詳細設定」
④「アカウント削除の許可」に☑を入れる
⑤「変更を保存」
これでプロフィール編集フォームの一番下に「アカウントの削除」ボタンが追加されます。

①「外観」
②「メニュー」
③「編集するメニューを選択」からヘッダーメニューを選んで「選択」
④「すべて表示」
⑤「プロフィール」にチェックを入れる
⑥「メニューに追加」
⑦ に『プロフィール』のメニューが追加される
⑨ 右端の『▲』をクリック
⑩「ナビゲーションラベル」欄にリンクのメニュー名として「会員情報」と入力。
※こちらの設定は任意です。当解説では「会員情報」というメニュー名にしていますが以下入力例を参考に好きなものを入力してください

会員情報、登録情報、会員ページ、アカウント、マイページ

⑪「メニューの位置」欄の「ヘッダーメニュー」に☑を入れる
※iPadなどのタブレットでヘッダーメニューを表示させたい場合は「ヘッダーモバイルメニュー」に☑を入れる。未チェックの場合はメニューをまとめたメニューアイコンとして表示される。
⑫「メニューを保存」

まず会員のみ閲覧できるページを選んでください。以下は例としてトップページ（固定ページ）を会員のみ閲覧できるようにする手順です。
①「固定ページ」
②「トップページ」
③「Simple WP Membership」右端の④「▼」をクリック
⑤「このコンテンツを限定公開にしますか ?」の「はい、コンテンツを保護します。」に☑を入れる
⑥「このコンテンツを閲覧できる会員レベルを選択してください:」の「無料会員」と「管理者」に☑を入れる
⑦「更新」

・アドオン『Custom Messages』使用
①「WP membership」
②「アドオン」
③「Custom Messages」をクリックして詳細ページに移動
④ リンク「Click Here to download the custom messages addon.」をクリックしてダウンロードページに移動
⑤「Down Load」
⑥「simple-membership-after-login-redirection」という圧縮ファイルがダウンロードされる
⑦「プラグイン」
⑧「新規プラグインを追加」
⑨「プラグインのアップロード」
⑩「⑥でダウンロードした圧縮ファイル」を指定して「開く」
⑪「今すぐインストール」
⑫「プラグインを有効化」
⑬「WP membership」の中に「Custom Messages」が追加される
⑭「Custom Messages」

⑮「Restricted Post」
こちらは会員レベルの制限の設定です。例えば無料会員は閲覧できるが有料会員は閲覧できない設定をした時の表示文です。以下を記入してください
───────────────────────
会員レベルを上げてください
───────────────────────

⑯「Restricted Post (Not Logged-in)」
こちらは非会員、ログインしていないユーザーへのメッセージとなります。以下を記入してくださいこのページを閲覧するにはログインが必要です。
───────────────────────
このページを閲覧するにはログインが必要です。
───────────────────────

⑰「変更を保存」
・「Sorry, your nonce did not verify.」と表示されるが設定は反映されている




・『Custom Messages』を無効化する方法
①「プラグイン」
②「インストール済プラグインを検索」欄に「Custom Messages」と記入
③「無効化」

・アドオン『After Login Redirection』を使用
①「WP membership」
②「アドオン」
③「After Login Redirection」をクリックして詳細ページに移動
④ リンク「Install the After Login Redirection addon.」をクリックしてダウンロードページに移動
⑤「Down Load」
⑥「simple-membership-after-login-redirection」という圧縮ファイルがダウンロードされる
⑦「プラグイン」
⑧「新規プラグインを追加」
⑨「プラグインのアップロード」
⑩「⑥でダウンロードした圧縮ファイル」を指定して「開く」
⑪「今すぐインストール」
⑫「プラグインを有効化」
⑬「WP membership」の中に「Login Redirection」が追加される
⑭「Login Redirection」
⑮「Enable Redirect to Last Page」横に☑を入れる
⑯「Save」

・『After Login Redirection』を無効化する方法
①「プラグイン」
②「インストール済プラグインを検索」欄に「After Login Redirection」と記入
③「無効化」

①「Simple WP Membership」
②「メンバー」
③ の欄にメンバーの登録情報が一括で表示されます

①「Simple WP Membership」
②「メンバー」
③「メンバーの追加」
④「ユーザー名」に管理者であるあなたの名前を記入　例）master　manager
⑤「メール」を記入
⑥「パスワード」を記入
⑦「アカウント状態」から「有効」を選択
⑧「会員レベル」から「管理者」を選択
⑨「新規メンバーを追加」