会員制サイトをWordPressで作るための4ステップ

2017年7月25日 IT, ブログ

ワードプレスで会員制サイトを構築するための具体的な手順を紹介したいと思います。難しいことをしなくても、プラグインなどを使って簡単に構築することができます。

まず、構築にあたって、ここでいう会員制サイトを以下に定義しておきたいと思います。

“
・トップページは全員に公開
・トップページ以外のページはIDとパスワードが必要
・IDとパスワードは全会員共通
・会員はWordPressの管理画面を閲覧、操作することはできない
“

01. Exec-PHP をインストール

記事やウィジェット内でPHPを使えるようにするWordPressプラグイン「Exec-PHP」をインストールして有効化します。

Exec-PHP

02. サイドバーにログインフォームを設置する

ログインフォームをサイドバーに設置します。コードはこちらのブログで紹介されていたので、使わせてもらいます。先ほどの「Exec-PHP」をインストールしていればウィジェットでもPHPを使うことができますね。

01 <?php if (is_user_logged_in()) : ?><br /> ようこそ！ <?php global $current_user; echo $current_user->display_name ?>さん</p>
02 <p> ログアウトは » <a href=”<?php echo wp_logout_url() ?>&redirect_to=<?php echo esc_attr($_SERVER[‘REQUEST_URI’]) ?>”>こちら</a><br /><?php else : ?><br />会員専用ページを閲覧するには、ログインして下さい。</p>
03 <form method=”post” action=”<?php echo wp_login_url() ?>?redirect_to=<?php echo esc_attr($_SERVER[‘REQUEST_URI’]) ?>”>    </p>
04 <p><label for=”login_username”>ログインID：</label></p>
05 <p>      <input type=”text” name=”log” id=”login_username” value=”” size=”36″ /></p>
06 <p><p><label for=”login_password”>パスワード：</label></p>
07 <p>      <input type=”password” name=”pwd” id=”login_password” value=”” size=”36″ /></p>
08 <p><p><input type=”submit” value=”ログイン” /></p>
09 </form>
10 <p><?php endif; ?>

ちなみに、後述するプラグイン「WP-Members」にもログインフォームをウィジェットに設置することはできます。ただ、出力される文章を柔軟に変更できないので、文章を変更したい方は上のコードをお使い下さい。