ワードプレスこんにちは!こんばんは!突然ですが、「会員サイトを作って、レベルに合わせて情報を公開したい」なんて考えた事ありませんか?ネットで人とのやり取りが多くなると、資料やマニュアル類のコンテンツを限定配布したくなる事も増えてくると思います。そんな時はワードプレスのパスワード機能使ったりすると良いよって言われるんですけど、この人達に見せたいとか、ちょっと複雑な配布をしたいなって思ってくると、記事パスワードでは少し役不足なんですよね。そんな悩みをある程度解決してくれるのは、グループに応じたコンテンツ配布が可能な会員管理的なサイトです。会員サイトって結構敷居が高いんですよ。会員サイトだとCyfons(サイフォンス)が有名ですが、ちょっとやってみたいだけなのでわざわざ買うのもなー、それになんか難しそうだし・・・なんて思って諦めてしまっている人も多々いると思います。そこで、今回は、慣れ浸しんだワードプレスで、そこそこイケてる会員サイトを無料で簡単に作る方法について解説していきます。ワードプレスでつくるデモ会員サイト今回作成する会員サイトについて今回はデモサイトなので、ほぼノーカスタマイズで作っていきます。ここから会員登録を行ってもらいます。新規登録フォームはプラグインで簡単に設置出来ます。会員登録が終わっているユーザはココからログインします。パスワード再設定機能もプラグインで簡単に生成されます。会員登録が終わったユーザーが受けたい講座を選んで申込みをする画面です。グループ別けで一つのサイトで複数の講座が管理出来ます。コンテンツ画面レベルに応じたコンテンツ配信が行えます。メンバー一覧が見られます。非公開にも出来ますし、設定によりメンバー間の交流にも利用できます。Memberでは、各プラグインの特徴を押さえておきましょう。Groupsとはワードプレス内にグループを作成し、コンテンツの公開範囲を制限できるプラグイン。これを使用することで、無料会員や有料会員といった会員をグループ別に分けることができ、公開内容を変えることができます。今回のシステムの肝となります。Memberの一部の機能だけ使います。Memberを使うと会員登録フォームが簡単に作れたりするので、その機能だけを使っていきます。今回はこの2つのプラグインを使用して、会員サイトを作っていきます。Member:会員登録とログイン制御を行う(UI)それでは、詳しく見ていきましょう。Member)ログインフォームを設置する(ナビゲーションメニュー)会員登録許可設定をする(ワードプレス)サイトの原型を作る今回の会員サイト作成に使用したワードプレスのテーマは、Cocoonです。今回は無料でシンプルなインターフェイスのCocoon選択しましたが、プラグインを使用して作って行くので自分の好きなテーマを使って会員サイトを作ることが可能です!wordpressを導入したあとは、使用するテーマを入れてから各プラグインを入れましょう。コンテンツを公開レベルを設定する会員サイトはレベル(権限)に応じたコンテンツが配信されるようになっている事が殆どですがいざやろうとすると、ワードプレスの機能ではパスワード制限くらいしかありません。パスワード制限では、コンテンツや会員のレベルが増えてくると会員に応じたコンテンツ制御は中々難しくなってきますが、このセクションでは会員に応じたコンテンツの公開の管理がより複雑に出来るようGroupsと言うプラグインを使って制御していきます。プラグイン「groups」のインストールプラグインを入れるときは、ワープレスの管理メニュー「プラグイン」から操作を行います。メニュー「プラグイン」を押す「新規追加」を押す「Groups」を検索するダウンロードして有効化する無事に有効化できると、ワードプレスの管理メニューに「Groups」が表示されます。インストールが終わったら実際に設定いきましょう!グループを作成する管理メニュー「Groups」から、使用するグループを作成しましょう。グループを作ってその中にユーザーを所属させておくと、初級の人は初級コースのコンテンツだけ公開、上級の人は初級・中級・上級コースのコンテンツを公開等のコンテンツの公開管理がしやすくなります。これを記事パスワードでやろうと思うと、最低でもパスワードが3つ必要になり記事別にパスワードを管理する必要が発生するので、コンテンツが増えれば増えるほど、管理が大変になる上、ユーザビリティが極端に下がります。この問題を解決してくれるのがグループによるコンテンツ管理です。Group」を押す入力して「Add」を押すこの画面で入力する項目は、以下になります。公開レベルの指定こちらを入力して「Add」を押すと、新たなグループを登録することができます。「Name」と「Capablitities」を設定しましょう。今回は3つのレベルに分けるため、次のように指定しています。Parentを設定するのは権限をツリーにして管理したいからで、ツリーにする必要が無い場合はParent設定は不要です。※後からでも変更出来ます。Q権限をツリーにする理由は?A権限をツリーにするのは権限管理のメンテナンス性を良くする為です。2つのコースが設定されています。上級コース有料コース※Registeredの役割については追々説明致します。LV3(無印)このような権限が記事に設定されていて、権限がツリー上に設定されている場合、LV3の権限を持つ人はLV1とLV2の公開設定の記事も見ることが出来ます。これがツリー上の権限になっていない場合、LV3の人はLV3の記事しか見れない、LV2の人はLV2の記事しか見れない、LV1の人はLV1の記事しか見れない事になってしまうのです。本来、レベルUPして来ているので全部見れた方が自然ですので今回はツリー上の権限管理を使用しています。ツリーを使わずに同じ公開設定をするには、下記のような設定になります。LV1(無印)、LV2(無印)、LV3(無印)ちょっと煩雑ですよね。いう、権限設定も必要な場合もあるとは思いますが、僕は基本的にはツリー管理をお勧めします。Qどう言う時に使うの?もうちょっと簡単に教えて!A有料コースで1万円と10万円では見られるコンテンツの量が違う場合、有料10万コース権限を付与すれば、有料コース(緑枠)の権限が付与された全部のコンテンツが見られるようになります。制限をするページの設定グループが作成できたら、ページのアクセス制限をしましょう。制限内容のカスタマイズは、管理メニュー「Groups」の「Options」から行います。チェックを付けた項目に表示制限をすることができるので、今回は以下の3つにチェックをつけています。今回、作成するユーザーはそもそもの権限が投稿者となっている為、閲覧の制限だけしたいので3つだけにチェックが入っています。公開制限をする記事を作成するしっかりと公開制限ができるかを確認するために、まずは作成したグループごとに3記事ずつ投稿してみましょう。投稿記事の公開制限は、記事編集画面の右側にある「Groups」から指定できます。グループのLV1に該当する会員のみが見れるようにする場合は、編集画面のGroupsは「LV1」を指定しましょう。このような方法で、LV1を3記事・LV2を3記事・LV3を3記事ほど作ると、動作確認が行いやすいのでオススメです。次のグループにステップアップ(権限変更)させるリンクを作るGroupsを使うと権限変更をユーザーに行って貰う事が出来るようになります。今回の場合では、LV1の記事の3つ目を読むとLV2の記事が読めるようになるというステップアップ方式です。Groupsのショートコードを使うと簡単に作成できます。submit_text="1章が終わりました"]それぞれのコードは、以下を指定することができます。group=”LV3′′」と、このように指定を変えてショートコードを貼っておきましょう。ここまでで、記事の公開範囲の制限が一通り完成です。クリック一発で権限変更が可能!権限変更が簡単に出来るメリットは?Gropusではクリックによってユーザーが権限の変更を行う事が出来ます。この機能により会員サイトの制御の幅が広がります。初級コース(初級グループ)の講義が終わった時に講義修了ボタンを押して貰います。このボタンに、中級コース(中級グループ)の権限を付与する機能を設定しておけば、ボタンを押す事によりユーザーが中級グループの権限を付与されるので、終了したと同時に中級コースのコンテンツを公開する事が可能になります。この機能を応用すれば、アンケートに回答して貰った後に自動返信で権限変更のリンクを発行する等で権限レベルを制御して、コンテンツの自動配信が出来るようになり、よりレベルに合ったコンテンツの配布を行う事が可能になります。ウィジットを制御してメニューを作成する次に進捗に応じたメニューを表示される設定を行って行きます。記事単体に公開範囲をかけているので公開設定自体は問題ありませんがワードプレスは記事の表示順を上手く制御することが出来ません。その為、読んで欲しい順序を指定する為にウィジットにメニューを作っていきます。作るメニューはこんな感じです。画像は全部表示されていますが権限管理により、レベルに応じたメニューが表示されるようになります。今回はウィジットを使って設置していきます。今回は3つのレベルを設定するので、ウィジットに3個のカスタムHTMLの項目を設置して行きます。group=”LV1,LV2,LV3′′]ソースコード[/groups_member]このタグで囲んだ部分に公開制限がかかります。この場合、LV1,LV2,LV3のグループ権限を持ったユーザーにメニューが表示されます。[/groups_member]真ん中のカスタムHTML(LV2)ポイントこの場合、LV2,LV3のグループ権限を持ったユーザーにメニューが表示されます。逆に言うとLV1の権限しか持っていない人には表示されません。</ul></aside>[/groups_member]一番下のカスタムHTML(LV3)ポイントこの場合、LV3のグループ権限を持ったユーザーだけにメニューが表示されます。逆に言うとLV1とLV2の権限しか持っていない人には表示されません。[/groups_member]これで、とりあえず公開制限付きのメニューが設置出来ました。デザインはCSSで制御出来るので好みに合わせて修正して下さい。CSS設定については後で解説しますのでとりあえず、次に進みましょう!ちなみに、[groups_member]を使って権限管理を行う場合は、ツリーの権限が有効にならないようなので、一つ一つ設定して行く必要があります。Groups導入のまとめ以上で権限管理の設定が終わりました!ここまでやれば、ユーザーグループに応じたコンテンツの限定配布が出来るようになります。このままではユーザーが会員登録を行うことができないので、管理者がワードプレスの管理画面にログインしてコツコツ登録する事になります。初期登録は管理者が全部やるぜ!ログイン、ログアウトはワードプレスの標準画面使ってやるぜ!って場合はココで終了で運用可能です。登録作業って地味に面倒だし、場合によってはユーザーさんを待たせてしまうので、ユーザーさん自らが会員登録できるような仕組みが望ましいと思っていますので、この後はその辺の機能を実装していきます。Member」プラグインを利用します。Member」を導入して行きましょう!ユーザーが自ら会員登録ができるようにするこの会員サイトではワードプレスのユーザーを機能を利用していますので、ワードプレスにユーザーを追加して行く必要があります。Memberを使って、ユーザ登録やログイン関係の機能をカスタマイズして行きます。Member」のインストールインストール手順は、Groupsと同じです。Member」が表示されます。Member」を開くと、固定ページを作成するか聞かれるので、YESで必要な固定ページを自動生成しましょう。新規登録ができるページナビゲーションメニューに表示するこのまま全てのページを並べると、ログイン中に使用しないページやログアウト中に開けないページが表示されてしまいます。そのため、ログイン中とログアウト中のナビゲーションメニューを作成しましょう。メニューを作る管理メニューの「外観」にある「メニュー」を開きましょう。メニュー名を設定するグローバルナビやヘッダーメニューなどのわかりやすい名前を設定しましょう。生成された固定ページを選択し、メニューに追加するサイトを新設した直後であれば、サンプルページと新規登録以外の全ての固定ページを選択しましょう。各メニューをカスタマイズするナビゲーションラベルを変更すると、表示させる名前を変更することができます。「元の名前」に表示されているページにリンクが貼った状態となるので、好きな名前に変更しましょう。ちなみにですが、今回は以下のように変更しています。Usersメニューを階層化してまとめるついでにメニューの位置を次の画像のように階層化すると、スッキリと表示させることができます。メニューの表示位置を指定するCOCOONはPCとスマホでメニュー表示が変わるため、「ヘッダーメニュー」と「ヘッダーモバイルメニュー」にチェックを入れましょう。ここまでの設定が終わったら、「メニューを保存」しましょう。会員登録を許可するワードプレスの初期設定は、会員登録ができないようになっています。そのため、管理メニュー「設定」から会員登録を許可する必要があります。一般設定を開く管理メニュー「設定」の中にある「一般」を押して一般設定を開きましょう。メンバーシップにチェックを入れる画面中盤にある「メンバーシップ」にチェックを入れ、誰でもユーザー登録ができるようにしましょう。新規ユーザーのデフォルト権限グループは「購読者」になっていることを確認して変更を保存しましょう。登録したユーザーに権限を与える新規で会員登録を行ったユーザーは、初期のユーザーグループ「Registered」となっています。その為、コンテンツにあったユーザーにグループの権限を与える必要があります。これは、この操作で行っても良いのですが前に書いたボタンを押して権限を制御するようなサイト構成をはじめから意識して作って行っても良いかと思います。管理者が個別に行う、ユーザーグループの追加方法を解説します!ユーザー一覧を開く権限を与えたいユーザーの編集画面を開き、Groupsを追加する権限が与えられていることを確認するこれで、LV1のコンテンツが見られるようになります。これでユーザーに権限を与えることができますが、管理者が行う作業になりますので追々この辺の処理の自動化もやっていきます。今回はこんな機能もあるんだと言う程度に覚えておいて頂ければOKです。Pagesの便利な使い方!ワードプレスで共通文書を他のページ埋め込みたいなと思うことが多々ありました。PMブログランキングからきました。勉強になります^^会員サイト作りに役立たせていただきます。貴重な情報ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。メルマガ登録せどりマニュアルプライバシーポリシーお問い合せ。