TEAM × MARKETING × BRANDING

インビジョン株式会社

企業文化をデザインする
採用マーケティングチーム

03-5794-5433

お問い合わせフォーム

HOME>コラム>制作お役立ち情報

Category " 制作お役立ち情報 "

1426" class="post-1426 post type-post status-publish format-standard hentry category-column category-design"

2014/7/4(Fri)

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

会員制サイトで必須のマイページ。WP-Membersを使用して、サイトオリジナルのマイページを作りましょう!今回は、WP-Membersの使用法と、マイページへつなぐためのログイン画面の設定法についてご紹介します!

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

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

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


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

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

(2) 以下のショートコードを入力します。投稿フォーム内でOK。

[wp-members page="members-area"]

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

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

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

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

こちらのテンプレートに、ヘッダーやフッターを呼び出したりデザインを加え、ログイン画面を表示させたい箇所に、以下のコードを記入します。

<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; ?>

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

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

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

合わせて読みたい
このエントリーをはてなブックマークに追加
今日の執筆:有谷 メディアチーム アートディレクター

「コールドプレスジュース」

Category

Writer

Media

キャンペーン

SNS


     

instagram写真を見る

Home

PAGE TOP

All Rights Reserved / インビジョン株式会社