WordPressで会員制SNSサイト構築【BuddyPress】

とある案件で会員制SNSサイト構築依頼を頂いたので、有名どころのプラグイン『BuddyPress』にて何ができるのかをまとめました。

プラグイン一つで本格的な会員制SNSサイトが構築できて、具体的には下記のようなことが実現できます。

  • 会員登録やログインなどの会員制サイト必須機能搭載
  • グループを設定しコミュニティ作成
  • タイムライン形式でのメンバーコミュニケーション
  • 閲覧制限指定

BuddyPress自体は2008年から開発されており結構古いプラグインですが、最近も定期的にアップデートされておりセキュリティなども心配ありません。

本記事では、BuddyPressの設定方法から使い方まで解説いたします。

BuddyPressとは

BuddyPressロゴ

WordPressにコミュニティ機能を追加するプラグインです。会員制ログインサイトを構築するのであれば、真っ先に候補に挙がってくるプラインになります。評価も高く定期的にアップデートされており、コミュニティも活発です。

BuddePressを導入すると、このようなタイムラインでのやりとりを実現することができます。

BuddyPress投稿タイムライン

一部日本語化されていない部分もありますが基本的な機能を利用する分には問題ありません。時間があるときに翻訳もしていきます。

ではここからBuddyPressの設定について解説していきます。

BuddyPress初期設定

BuddyPress設定メニュー

BuddePressをインストール・有効化すると設定->BuddyPressに初期設定のメニューが追加されます。

コンポーネント

拡張プロフィール

会員登録などで登録する項目を拡張することができます。プロフィールを充実させたい場合は設定してください。

アカウント設定

アカウントの「設定」機能を有効化します。有効にするとユーザ側でメール通知やプロフィール公開設定を変更することができます。

友達関係

ユーザ同士でアカウント申請する機能を有効化します。

プライベートメッセージ

グループなどでの公開タイムラインではなく、ユーザ間でのメッセージ送信を許可します。

アクティビティストリーム

アカウントの「アクティビティ」機能を有効化します。コメントやお気に入り登録やメンションなどのアクティビティのタイムラインが表示されるようになります。

通知

アカウントの「通知」機能を有効化します。コメントや友達申請などの通知が表示されるようになります。

ユーザグループ

グループ機能を有効化し、グループ内のみでのコミュニケーションができるようになります。

オプション

BuddyPressオプション設定

このメニューのポイントは「ツールバー」機能のチェックを外すくらいです。あとは説明項目を確認しながら、必要な設定にチェックを入れてください。

固定ページ

BuddyPress固定ページ設定

BuddyPressを有効化した時に作成される固定ページがありますので、そのまま設定します。デフォルトのままで問題ございません。

BuddyPressウィジェット設定

BuddyPressウィジェットの設定

BuddeyPressを有効化すると専用のウィジェットを利用することができます。サイドメニューなどに表示するとSNSサイトのような仕上がりになります。

ナビゲーションメニュー

アカウントメニューです。コンポーネント設定で非表示にしたメニューはこちらから削除されます。

オンラインユーザ

現在オンライン(ログイン)のユーザ一覧です。

ログイン

ログイン中のアカウント情報が表示されます。

グループ

所属しているグループの一覧が表示されます。

メンバー

サイトに登録されているメンバーの一覧が表示されます。

最近の活動メンバー

アクティビティ履歴があるメンバーが表示されます。

LatestUpdate

最近のアクティビティ履歴が表示されます。

BuddyPressの使い方

会員登録

BuddyPress会員登録画面

ログインウィジェットを配置すると、ログインフォームと併せて会員登録ボタンも表示されます。

デフォルトでは「ユーザ名」「メールアドレス」「Name」が必須入力となっており、項目自体を削除することもできません。

項目を追加する場合は『プロフィール項目追加』をご覧ください。

BuddyPressメールアドレス有効化確認

会員登録を完了するには、メールアドレス確認用URLを押下する必要があります。キャプチャは日本語化されていませんが、「メール」機能から本文が編集できます。

BuddyPressメールアドレス到達確認URL

会員登録を行いメールアドレス有効化前の状態では、ユーザはアカウント登録管理というメニューで表示されます。

BuddyPressアカウント登録管理

メールアドレス確認用URLを使わずアカウントを有効化するには、管理画面の「アカウント登録確認」画面から有効化を利用します。

BuddyPress管理画面からのアカウント有効化

プロフィール項目追加

BuddyPressユーザプロフィール項目の追加

会員登録時に入力するプロフィール項目を追加する場合はユーザー->プロフィール欄を利用します。項目を追加する場合は新規フィールドを追加ボタンから追加していきます。

キャプチャは「Name」項目に加えて「ニックネーム」項目を追加しています。

BuddyPressプロフィール項目詳細設定

追加した項目の詳細設定は編集ボタンから設定します。

必須入力・会員登録フォームへの表示・メンバー自身での更新可否などを設定できます。

BuddyPressプロフィール項目の登録フォームへの反映

項目を追加しただけでは、フォーム上に表示されません。

設定が完了したら登録フィールドに追加した項目をドラッグします。

これでやっと「登録フィールド」タブにも追加した項目が表示され、各種フォームでも表示されるようになります。

項目追加画面では「フィールドグループ」を追加することもできます。フィールドグループとは各種登録項目をグループごとに分けて、タブ別に登録できるようにする機能です。

BuddyPressアカウント管理フォーム

こちらはユーザ側のアカウント情報編集画面になります。このようにフィールドグループごとにタブが分かれ、追加した項目が編集できるようになっています。

タイムラインへの投稿

BuddyPressタイムライン

タイムラインに投稿するには、グループなどのフォームにコメントを入力するだけで投稿できます。投稿されたコメントに対しての返信も可能です。

BuddyPressの解説は以上となります。プラグインだけで簡単に会員制SNSサイトが構築できますので、同様のご要望がございましたらぜひともご検討ください。

コメントを残す