インビジョン株式会社

志 × 採用 × IT =
採用マーケティングチーム

その他

WordPressで会員サイトを作る!?ログイン画面の設定方法を大公開!

WordPressで会員サイトを作りたい!
そんなときに使用したいのがWP-Membersというプラグイン。
まず、プラグイン>新規追加でWP-Membersを検索し、インストール・有効化します。

WP-Membersでマイページを作る

会員制サイトで欠かせないのが、ログイン画面とログイン後に会員のみ使用できるマイページです。
WP-Membersを使って、これらを作っていきましょう。

(0) 設定>パーマリンク設定を「投稿名」に変更しておきましょう。

(1) まず、固定ページを作ります。タイトルは何でも大丈夫ですが、今回は「マイページ」にしておきます。
ここで、パーマリンクを編集しておきます。こちらも今回は「mypage」にしておきます。

(2) 以下のショートコードを入力します。投稿フォーム内でOK。
[code highlight=”1″][wp-members page=”members-area”][/code]

(3) 次に、投稿フォームの上にある表示オプションから「スラッグ」を選択・表示
「mypage」と入力。

(4) 完了したら、公開。すると、ページには自動的にログイン画面が表示されます。
未ログイン時とログイン時で自動的に入れ替わるようになっています。
ログイン画面が表示されないのは固定ページのテンプレートがないことが原因。次の作業でテンプレートを作成します。

WP-Membersのログイン画面のデザインを変更する

固定ページのテンプレート「page-mypage.php」というファイルを作成。

こちらのテンプレートに、ヘッダーやフッターを呼び出したりデザインを加え、ログイン画面を表示させたい箇所に、以下のコードを記入します。
[php highlight=”1,2,3″] <?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; ?>
[/php]

マイページをリンクでつなげる

以上で、マイページは整えられます。
さて、実際にマイページを表示したいわけですが、ウィジェットでサイドバーに挿入することもできますし、「ログイン」ボタンなどでリンクを指定することもできます。ここでリンクするアドレスは、最初に作成した固定ページのアドレス「/mypage/」でOKです。

このような形で、WordPressでも簡単に、新規登録やログイン機能を持った会員サイトが作れます。
ぜひ、お試しくださいね。

The following two tabs change content below.

Contactコンタクト

ざっくばらんにご相談(無料)ください。