FORSMILE
EN
WordPress2016/01/24

WordPressに会員機能を追加する方法

Web Siteを運営する上で、規模が大きくなってきたり特別なページを作りたい場合に、会員機能を使いたくなる時があると思います。Wordpressではプラグインを使用して簡単に、会員機能(Login機能)が実装できます。

ブログ一覧へ / Back to Blog

Web Siteを運営する上で、規模が大きくなってきたり特別なページを作りたい場合に、会員機能を使いたくなる時があると思います。Wordpressではプラグインを使用して簡単に、会員機能(Login機能)が実装できます。

よりカスタマイズして使用するにはちょっとPHPの知識が必要です。

会員機能で今回実装できる機能

今回はプラグイン-WP-Membersを使用して実装してみます。このプラグインでは下記のような機能の実装を可能にしてくれます。

プラグイン-WP-Members

WordPressで使用しているユーザ管理機能をそのまま使用できます。

WP-Memberで追加したユーザはWordPressの「購読者」として追加されます。

逆に言うとWordPressで管理者が追加したユーザでもログインが可能になります。

機能でブロックしているページに、ログインしていないユーザでアクセスすると、ログインページへ遷移します。

WordPressのプラグインページからインストール

プラグインをインストールしてWP-Membersの設定画面へ行きます。

WP-Members オプション

ログインページ(固定ページからLoginに使用するページを指定できる)

登録ページ(新規登録の固定ページを設定することでログインページに新規登録フォームが追加される)

ユーザプロフィールページ(ユーザプロフィールの固定ページを設定することでログインページにパスワード再設定リンク等が設定できる)

新規登録画面やプロフィールに表示される項目です。チェックボックスで表示するか、必須にするか設定できます。フィールドの追加から新しく項目も作れます。

自動送信されるメールの文章を変更できます。こちらも最初みんな英語。

アクセス制限:WP-Membersの使い方

全部の記事に対して

上記画像の「Content Blocking」から行います。

特定の記事だけ

WP-Memberプラグインを使用していると右サイドに上記のようなメニューが追加されています。

画像は全部の記事に対してはアクセス制限が入っていない状態なので、チェックボックスにチェックをいれると、この投稿のみアクセス制限がかかります。

記事の中の一部だけ読めなくする

この機能を使う準備として、ページへのアクセス制限に追加して「抜粋を表示」にチェックを入れてください。

WP-Masterプラグインを使用していると投稿作成のテキストタブ内に「more」というタグができています。

ページにアクセス制限がかかった状態で投稿内にこの「more」タグが埋まっているとmore以前の記事が抜粋として表示されます。

moreタグ以下を閲覧するためにはログインが必要になります。

ユーザ管理機能:WP-Membersの使い方

主に固定ページにショートコードを設置することで、ページに機能を追加できます。

Loginをウィジットとして登録

WordPress管理画面のウィジット設定の所に「WP-Members login」というウィジットが追加されているので設定したい場所に置く。

Loginを固定ページとして登録

text
[wp-members page="login"]

Account管理ページ(My Page)

登録ユーザが、登録されている情報とパスワード等を管理できるページです。

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

新規登録ページ

text
[wp-members page="register"]

最後にログアウトですが、ログインした後にログインページへアクセスするとログアウトのリンクが表示されています。

他の場所に設置したい場合はそのリンクをコピーして設置しておけばOKです。

プラグイン-if-menu

記事へのアクセス制限はこれで完成ですが、今回は秘密の固定ページを作成したいと思って会員機能を導入しました。

ログインしているユーザだけメニューを変更したいなと思ったら「if-menu」というプラグインがありました。

参考記事⇒http://netaone.com/wp/if-menu/

インストールはWordPressの管理画面のプラグインから検索してインストールしてください。

使い方

if-menuを稼働させていると、「Enable Conditional Logic」という項目がメニュー設定に追加されています。

条件は英語ですが一応訳を上記参考URLから抜粋しておきます。

プルダウンの意味

User is logged inユーザーがログインしている場合

User is Contributorユーザーが寄稿者の場合

WORDPRESSおすすめの書籍

書籍は読む方だと思いますが、やはり実際に実装するとより深く学べるのを実感します。

WORDPRESS自体の本とPHPの本を読むことをお勧めします。

htmlとかCSSとかもわかると幅が広がると思いますが、デザイン部分はテンプレート任せでもなんとかなるのがWORDPRESSのいいところです。

いちばんやさしい WordPress 入門教室 (日本語) 単行本

WORDPRESS基礎。設置から丁寧に解説してくれています。

いろんな本があるのでどれでもいいのですが、出版日が最近なのと、著者が美人なので。

本格的に開発している方むけ。実例が紹介されているのでアイデア発掘にも使えます。

📦
Amazon で関連書籍・ツールを検索
WordPress 開発 入門
Amazonで探す →(アソシエイトリンク)