当サイトには広告が含まれております

WordPressで会員登録の前に会員規約に同意してもらうページを作る

この記事は最終更新日から9年経過しています。内容が古い可能性があります。

WordPressもくもく会のメンバーから「会員登録の前に会員規約に同意してもらうページを作るには?」という相談を受けました。
会員規約ページから会員登録ページにリンクするようなうごきをさせるにはどうしたらいいのか?ということをやってみました。

記事をざっと見る

会員登録ができるような設定をしておく

まず、Webサイトに来た人が会員登録できるような設定をしておきます。

ダッシュボード 設定>一般 をクリック



メンバーシップ
だれでもユーザー登録ができるようにする にチェックを入れて、



変更を保存
 をクリックします。これで、ユーザー登録ができるようになりました。

会員規約ページを作る

固定ページ会員規約ページを作ります。

こんな感じに会員登録の案内ページに会員規約を表示して、

一番下に、会員規約に同意して登録する というボタンをつけました。

このボタンは、

<input type="button" value="会員規約に同意して登録する" onClick="location.href='/wp-login.php?action=register'">

こんな感じに書いてあります。

このボタンをクリックすると、

登録用のページにリンクします。

新規登録用ページを変更する

登録用のページの変更については、ログインページの変更と同じように変更ができるので、

[ryus_blogcard url=’https://usortblog.com//membersonly-page-template-2/’]

こちらのページを参考にしてください。画像や、画像をクリックしたときに自サイトに飛ぶように変更します。

このカスタマイズをすると、

このようにロゴが変わったりします。しかし このブログに登録 ということだと意味が通じません(^_^;。それと、直接このページに来てしまう可能性もあるので、会員規約についてのメッセージを表示したいと思います。

使っている子テーマのfunctions.php

function the_login_message( $message ) {
    return '
    <div style="background-color:#fff;padding:5px;margin:0;">
    <p>和ペンション ゆうなぎへようこそ</p>
    <p>「新規登録」の場合は、会員規約に同意の上、ご登録ください。</p>
    <p>会員規約は<a href="http://wordpress44/sample-page-2/">こちら</a>からご覧ください。</p>
    </div>
    ';
}
add_filter( 'login_message', 'the_login_message' );

こんな感じにコードを追加します。login_message というフィルターは先ほどのこのブログに登録というところのメッセージのフィルターです。

これで表示すると、

こんな感じにメッセージが変更されて、会員規約を読んでから登録してねという意思は伝えられるかと思います。

会員がログインするようになったときの対応をしておく

会員がログインできるようになったときのその他の設定についてです。

デフォルトの設定だと

このメタ情報 が表示されているので、登録 に直接行けないようにこのメタ情報を表示しないようにします。そうするとログアウトできない!?とか、ログインした後の画面とかいろいろ問題が起こるので

[ryus_blogcard url=’https://usortblog.com//membersonly-page-template-3/’]

↑このページにあるカスタマイズをしてください。

まとめ:プラグイン無しだとこういう感じだと思いますが、プラグインを使ったらどうなる?

このようにすれば会員登録の前に会員規約を読んでもらってボタンを押して、登録という流れができると思います。

しかし、案外直すところが多くて慣れていないと面倒だろうなーと思いました(^_^;。

会員サイト用のプラグインは Simple Membership や WP-Members というものがあるようなので、これらのプラグインを使った方が案外簡単に会員制サイトが作れるのかも?しれません。まだ試していないので今回のような場合に楽になるかはちょっとわからないのですが。機会があったらこの辺のプラグインも試してみたいと思ってます(^^)/

[amazon_searchlink]

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

あなたのシェアが励みになります!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントを残す

記事をざっと見る