WordPressプラグイン「BuddyPress」でSNSサイトを作成

SNS(ソーシャルネットワーキングサイト)でユーザー同士がコミュニケーションを取れるサイトを作りたい!そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ(コミュニティ)の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能!そんな便利なプラグインを紹介します。


LETS

BuddyPressでSNSサイトを構築 目次

  1. BuddyPressでなにができるの?
  2. BuddyPressをインストールする
  3. WordPress3.0でマルチサイトの設定
  4. フォーラムを追加する
  5. BuddyPressのテーマを変更する

1. BuddyPressでなにができるの?

WordPressプラグイン「BuddyPress」を使うと簡単なSNS(ソーシャルネットワーキングサイト)を作ることができます。

BuddyPressプロフィール

アバターやプロフィールを設定したり…

BuddyPress メッセージ

友達の申請やメッセージを送ったり…

Twitterのような簡易コメント

「今なにしてる?」系のコメントができたり…

BuddyPressのグループ

グループ(Mixiでいうコミュニティ)を作成できたり…

アイデア次第でいろんな使い方ができそうです!

BuddyPressでSNSサイトを構築 目次へ。

2. BuddyPressをインストール・設定する

プラグイン「BuddyPress」をインストール

早速をBuddyPressをインストールしてみましょう!

BuddyPress

ワンクリックインストールをする場合は管理画面の プラグイン > 新規追加 から「BuddyPress」で検索。インストール後有効化してください。マニュアルインストールの場合はBuddyPressのサイトダウンロードページから最新版をダウンロードし、 wp-content/plugins フォルダにアップロード。管理画面の プラグイン > インストール済み から有効化してください。

BuddyPress用日本語リソースを入手

BuddyPressを日本語化するため、日本語リソース .moファイルを入手(数字が大きいのが最新版)。buddypress-ja.moにリネームし、wp-content/plugins/buddypress/bp-languages/フォルダ内に保存します。

BuddyPressのテーマを有効化

BuddyPress デフォルトテーマ

外観 > テーマにBuddyPressのデフォルトテーマがあるので、有効化します。

ユーザーアカウント作成の設定

BuddyPress メンバー登録

管理画面の 設定 > 一般設定のメンバーシップ欄から「誰でもユーザー登録ができるようにする」を有効化して誰でも登録できるように設定します。ユーザーが各個人のブログを使えるようにするには次項のWordPress3.0でマルチサイトの設定を参照。

BuddyPressでSNSサイトを構築 目次へ。

3. WordPress3.0でマルチサイトの設定

管理者だけでなく、各メンバーがブログを作成できるようにするにはWordPress3.0で追加されたマルチサイトの設定をする必要があります。

WordPress 3.0をインストール

WordPress日本語サイトからWordPress3.0をダウンロードし、インストールします。WordPressのインストール方法は過去記事「WordPressをローカルにインストールする」が参考になるかもです。

wp-config.phpに記述

wp-config.phpを開き、define('WP_ALLOW_MULTISITE', true);を追加します。/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */ より上に書く必要があります。

define('WP_ALLOW_MULTISITE', true);
/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */

ネットワークを作成

WordPress 複数サイト

すると管理画面の「ツール」の中に「ネットワーク」が表示されるのでクリック。(※プラグインを既に使用中の場合はすべてのプラグインを停止しておきます。)「WordPress サイトのネットワークを作成」が表示されるので、インストールをクリック。これは複数サイトを管理するための設定です。

指示に従ってコードを追加

WordPress 3.0 複数サイトの設定

wp-contentの中に「blogs.dir」フォルダを作成。その他表示される指示に従ってwp-config.php、.htaccessファイルにコードを追加します。先程wp-config.php内に記述した define('WP_ALLOW_MULTISITE', true); も表示されていますが、これはひとつでOKです。.htaccess内に記述するコードは # BEGIN WordPress と # END WordPressの間に記述します。

ユーザーアカウント新規登録の許可

WordPressでマルチサイトを運営
ログインし直すと「特権管理者」が表示されています。特権管理者 > 設定 > 新規登録の許可から「新規サイトおよびユーザーアカウントの登録をどちらも許可する。」を選択。ユーザーが新規メンバー登録でき、かつ個人ブログの作成もできるようになりました。(ブログの作成を許可しない場合は「ユーザーアカウントの新規登録を許可する。」を選択)これでWordPressの複数サイト用の設定は完了です。

BuddyPressでSNSサイトを構築 目次へ。

4. フォーラムを追加する

グループ内で質問したり、討論できちゃうフォーラムを設置してみましょう。管理画面のBuddyPress > フォーラム設置から「Set up a new bbpress installation」をクリック。その後「Complete Installation」をクリックでフォーラムの設定完了!

BuddyPressでフォーラムを設置

BuddyPress フォーラムで文字化け

うぎゃーーー文字化け!!

ワンクリックインストールを行うと、文字コードがlatin1_swedish_ciでデータベーステーブルが作成されるためらしいです。これを utf8_general_ci に変更しないと日本語またはマルチバイト環境では文字化けが発生。という事で下記テーブル・テーブル内のフィールドをutf8_general_ciに変更しましょう。

  • bb_forums
  • bb_meta
  • bb_posts
  • bb_terms
  • bb_term_relationships
  • bb_term_taxonomy
  • bb_topics
BuddyPress フォーラムの文字化け修正

ようやくうまく動作してくれました。

BuddyPressでSNSサイトを構築 目次へ。

5. BuddyPressのテーマを変更する

BuddyPress用テーマをダウンロード

BuddyPress公式サイトよりBuddyPress用テーマが配布されています。ダウンロードしたら/wp-content/themes にアップロード。管理画面の外観 > テーマから有効化すれば素敵なテーマに切り替わります。この時、マルチサイトの設定をしている(ユーザーがブログを作れるように設定している)場合は、テーマのアップロード後に特権管理者 > テーマからアップロードしたテーマを有効化しておく必要があります。でもやっぱりオリジナルテーマを作ってみたいですよね?そんな時は通常のオリジナルテーマ作成時と同様、HTML・CSSでテンプレートを作っておき、デフォルトのBuddyPressテーマからコードをコピペする方法が一番かと。ただし通常のWordPressとBuddyPressテーマの違いはファイルの数。大きくレイアウトや機能を変更する場合は、通常より多くのファイルをカスタマイズする事になります。

BuddyPress用テーマ作成 簡単説明

  1. /wp-content/plugins/buddypress/bp-themesにあるデフォルトテーマをローカルにコピー
  2. フォルダ名前をテーマ名に変えてテーマのカスタマイズ
  3. style.cssの冒頭のテーマの情報を変更
  4. /wp-content/themesにアップロード
  5. マルチサイトの設定をしている場合は特権管理者 > テーマからテーマを有効化
  6. 外観 > テーマから有効化
BuddyPressでテーマ作成

CSSやimagesファイルは テーマの名前/_inc の中にあります。ちょっとわかりにくい…

BuddyPressの魅力が伝わったでしょうか?サイト作成の幅が広がるかも!

BuddyPressでSNSサイトを構築 目次へ。

シェアする

コメント

“WordPressプラグイン「BuddyPress」でSNSサイトを作成” への65件のフィードバック

  1. […] クリエーターボックスさんが、WordPressでSNSの構築が可能なプラグインを解説されていたので、さっそく設置テストしてみました。 […]

  2. WP38 より:

    いつも参考になります。次はbbPressの記事も書いてください。

  3. […] 「ん~?BoddyPressてなんだろか?」 ”WordPressプラグイン「BuddyPress」でSNSサイトを作成” […]

  4. System Creator より:

    OpenPNEしかSNS系のものはさわったことなかったけど、おもしろそう。結構カスタマイズできそうですね(^^)

  5. まきあやや より:

    BuddyPress楽しそうですね。
    でも、グループとフォーラムの違いがよくわかりませんでした。
    楽しくお話しするのがグループで、討論するのがフォーラム?

  6. […] → WordPressプラグイン「BuddyPress」でSNSサイトを作成tweetmeme_style = 'compact';tweetmeme_url='http://wp.cb015.jp/weblog_r/?p=258'; Tags: おもしろい, カスタマイズ, 便利ツール […]

  7. Webクリエイターボックス より:

    @WP38さん
    ネタ提供ありがとうございます!検討します :)

    @System Creatorさん
    私は逆にOpenPNEを触ったことないのですが、どうやらBuddyPressのほうがカスタマイズしやすいらしい…?

    @まきあややさん
    グループ内に設置されている掲示板のことをフォーラムと呼びます。フォーラムの設定をしていないと、グループに参加しても他のメンバーと交流できず、特に意味のないものになってしまいます(mixiでいう掲示板のないコミュニティ)…。そしてそのグループに参加していないとフォーラムに書き込みできません。

  8. buddypress格闘中 より:

    いやーいつもお世話になっています。
    メンバー登録が出てこず困ってました。
    これで前に進めそうです。
    ありがとうございます。

  9. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス (tags: wordpress plugin sns) […]

  10. Webクリエイターボックス より:

    日本語でBuddyPressの解説してるブログってなかなかないんですよね…。お役にたててなによりです。私もまだまだ勉強中ですが一諸にがんばりましょう!

  11. Kazu より:

    はじめましてBuddyPressでSMS目指そうと思い
    ここにたどり着きました
    ちょっと質問ですがパーマリンクの設定ですがクリエイターボックスを拝見すると活動・メンバー・…..とありますがこれぱページですか?カテゴリーですか?
    それによってパーマリンの設定を変えようと思っているのですが
    カスタム構造で設定されている方これがベストだと思われる設定を教えていただけないでしょうか
    BuddyPress
    をインストールしたら
    BuddyPress はもうすぐ使えます。動作させるためには、パーマリンク構造をデフォルト以外に変更する必要があります。と出たのでいつもは
    カテゴリーから表示されるように設定しているのですがどうせ作るなら見栄えのいい表示方法はないかと思いコメントさせていただきました
    ご意見ありましたらよろしくお願いします。

  12. Webクリエイターボックス より:

    サンプルの活動・メンバー…とあるのはデフォルトで設定されているものです。自動で挿入されます。ナビゲーション最後の「このサイトについて」のみページで作られています。Webクリエイターボックス+のパーマリンクは「/%category%/%postname%/」に設定しています :)

  13. […] まとめ・参考ブログ:WEBクリエイターボックス様:http://www.webcreatorbox.com/・参考記事:http://www.webcreatorbox.com/tech/wordpress-plugin-buddypress/・参考SNS:WEBクリエイターボックス+様:http://www.webcreatorbox.com/plus/ ■使用した主なプラグイン(拡張機能):SEO対策やTwitterやはてブとの連動、ケータイ対応など 主に役立ったプラグイン […]

  14. wordpressプラグインBuddyPressが凄すぎる+[初期バグ]全体の活動のfeedの文字化け対処法…

    仕事でSNSを構築する案件があり、SNSと言えば有名なオープンソースOpenNPNE3とwordpressでの構築を検討していたのですが、インストールのし易さと拡張性でまたもやwordpressを採用してしまいました。 手嶋屋さんに知り合いが就職しているので採用したかったんですが、ごめんよ。 今回の案件はオープン制のSNSで出来るだけ参加していない人にも情報をオープンにし、かつTwitterと連携が非常に重要な要件だったのでもともとクローズドな作りのOpenPNEよりwordpressを採用し……

  15. 今井 良 より:

    記事にそってbuddypressを導入してみましたがグループ作成したら、400 Bad Request!!ローマ字なら問題ないみたいです。
    テーブルもbb_で始まる物は無く、他のテーブルもutf8_general_ciで設定され散るようでした。
    同じ現象から回避された方いらっしゃいますか?

  16. 今井 良 より:

    お騒がせしました
    グループ名をローマ字で作成し、後で変更する事で対応しました。現在はグループの削除方法を探しています。

  17. […] Webクリエイターボックスさんの “WordPressプラグイン「BuddyPress」でSNSサイトを作成”を参考にさせて頂きました。 […]

  18. わーどぷれす より:

    wordpress buddypressの検索でこちらにたどり着きました。
    丁寧に書かれていて参考になります。
    一つ質問なのですが、携帯からアクセスして使用するにはどのようにすればよいのでしょうか。
    ググってもよくわからなかったので、ヒントの単語でもあれば自分で検索してみようと思うのですが。

  19. Webクリエイターボックス より:

    調べてみたところ、「正直なところ BuddyPress 自体の携帯対応がまだできていないので、携帯でも BuddyPress っぽい機能を使うのはかなり苦しいと思ってください。」
    だそうです。
    http://ja.forums.wordpress.org/topic/3727

  20. […] Webクリエイターボックスさんの “WordPressプラグイン「BuddyPress」でSNSサイトを作成”を参考にさせて頂きました。 […]

  21. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス http://www.webcreatorbox.com/tech/wordpress-plugin-buddypress/ […]

  22. わーどぷれす より:

    Webクリエイターボックスさん

    遅くなりました。
    ご返答いただいてありがとうございます。
    私もそのサイトにたどり着いたのですが、4か月前の書き込みだったので、それから何か新しいものが出ていないかなと思い質問してみました。
    携帯で使用するというニーズはかなりあると思うので早く対応策が出てきてほしいですね。

  23. Hayato より:

    ありがとうございます!

    大変参考になりました。

  24. Webクリエイターボックス より:

    こちらこそありがとうございます!楽しんでくださいー!

  25. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス wordpressでSNS 必要性を感じたら作成を試みようと思ったのでここに記録 (tags: WordPress) Tags: ブックマーク共有 […]

  26. […] WebクリエーターズボックスWordPressプラグイン「Budypress」でSNSサイトを作成 tweetmeme_url = 'http://phpnote.hldi.net/2010/09/23/587/';tweetmeme_source = 'harahiroyuki';tweetmeme_style = 'compact'; […]

  27. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 […]

  28. […] 以下のサイトを参考にしました。 WordPressプラグイン「BuddyPress」でSNSサイトを作成|webクリエイターボックス […]

  29. […] インストールの仕方など下記サイトなどに詳しくのっております。 http://www.webcreatorbox.com/tech/wordpress-plugin-buddypress/ SNSサイトといっても、Mixiのような完全クローズドなSNSではなく […]

  30. […] BuddyPressのインストール方法はこちらから どちらもとてもわかりやすいです。 WordPressに限らず、いつも参考にさせていただいてます。 […]

  31. […] 特定の記事をトップやカテゴリでピックアップ表示できるプラグイン[WP] – ミblog : レビューや日常など_TOPを固定ページにする際に便利 WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス・マルチサイトのサブドメインと組み合わせると、簡単にSNSが作れる? […]

  32. Electro Maniacs より:

    […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス […]

  33. 近藤俊太郎 より:

    サイトを拝見し、設定をしてみたのですが
    なぜか「グループ名」を日本語にすると
    エラーが発生してしまいました。。。

    以前、コメントにも英字にすれば大丈夫
    とあがっておりましたが、Manaさんのサンプル
    サイトだとうまく使えているようでしたので。。。

    よろしくお願いします。

  34. […] WordPressを100倍速くする! MySQLの調整やnginx proxy cache | KRAY Inc kray.jp WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス… 2011年版!絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock […]

  35. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエ…そんな時に役立つのがwordpressプラグイン「buddypress」。メンバーになると友達の申請やメッセージの交換、グループ(コミュニティ)の作成など、mixiライクなサイトを作ることができます。さらにwordpress3.0のマルチサイト設定をすれば各メ…はてなブックマークより […]

  36. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエ…そんな時に役立つのがwordpressプラグイン「buddypress」。メンバーになると友達の申請やメッセージの交換、グループ(コミュニティ)の作成など、mixiライクなサイトを作ることができます。さらにwordpress3.0のマルチサイト設定をすれば各メ…はてなブックマークより […]

  37. まっしゃん より:

    いつも拝見してます。

    bunnypressを導入してマルチサイト設定したらリンクが外れてしまいました。

    パーマリンク設定のところなのでしょうけど、どれに設定したらいいのかがわかりません。

    ご教授いただければ助かります!

  38. Bambooo! より:

    はじめまして。いつも勉強させていただいております。早速質問なのですが、BuddyPressで作られたサンプルサイトのバージョンはいくつでしょうか。また全て日本語化されているようですが、新しいバージョンの翻訳ファイルは存在するのでしょうか。宜しくお願いします。

  39. Webクリエイターボックス より:

    バージョンは1.2.6、翻訳ファイルは
    https://groups.google.com/group/buddypress-ja/browse_thread/thread/9a64c5e740041294
    が最新のようです。

  40. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 […]

  41. […] WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。サンプルサイトもあるので実際に使ってみてください! 友達の申請やメッセージを送ったり… 「今なにしてる?」系のコメントができたり… グループ(Mixiでいうコミュニティ)を作成できたり… […]

  42. […] WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。サンプルサイトもあるので実際に使ってみてください! 友達の申請やメッセージを送ったり… 「今なにしてる?」系のコメントができたり… グループ(Mixiでいうコミュニティ)を作成できたり… […]

  43. jeungpil park より:

    初めまして。いつも拝見しています。早速で申し訳ありませんが本当に困ってまして。。。

    社内のSNS(会員制)にWP3.3+buddypressを検討中ですが、
    プラグインでregister-users-onlyとmembers onlyを試してるところです。
    質問ですが、
    表示設定でフロントページの表示を最新投稿から固定ページにするとなぜかログインもしてないのにそのページが見えてしまいますね。なんでだろう。。。最新投稿に戻すと大丈夫ですが。。

  44. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス. カテゴリー: WordPress   タグ: BuddyPress   作成者: banditinfo   この投稿のパーマリンク […]

  45. […] WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。サンプルサイトもあるので実際に使ってみてください! 友達の申請やメッセージを送ったり… 「今なにしてる?」系のコメントができたり… グループ(Mixiでいうコミュニティ)を作成できたり… […]

  46. 大変参考になりました、ありがとうございました。
    さらに作業中ランダム記事にあるパクリブログ事件まとめが気になり、覗いてみて笑わせてもらいました。
    ダブルでありがとうございました!

  47. […] Link To」導入 | Studio-HYG ・BuddyPress WPでSNSを作る。 WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス ・Simple Tags 簡単にタグの管理。使ったこと無いけど、相当便利らしい […]

  48. kentoishida より:

    企業がサービスとして、BuddyPressでSNSサイトを制作した場合における問題などはございますでしょうか。
    http://ken10.com/

  49. […] Webクリエイターボックスさんの記事 […]

  50. […] 4.自分でSNSを作る WordPressを使えば、自分でソーシャルネットワーキングサイトを作ることができます。WordPressにBuddyPressをインストールすることで、SNSを構築できますが、やはり手間と時間がかかります。日本語で詳しく説明されているサイトもあるので、こちらを参考にするのが良いかもしれません。参照:Webクリエイターボックス […]

  51. […] 4. 自分でSNSを作る WordPressを使えば、自分でソーシャルネットワーキングサイトを作ることができます。WordPressにBuddyPressをインストールすることで、SNSを構築できますが、やはり手間と時間がかかります。日本語で詳しく説明されているサイトもあるので、こちらを参考にするのが良いかもしれません。参照:Webクリエイターボックス […]

  52. […] ・WordPressプラグイン「BuddyPress」でSNSサイトを作成 ・OpenPNE […]

  53. […] どこに挿入したら良いかわからなくなりそうなのでYahoo知恵袋のサイトを紹介。 48. Buddypress (2) WordPressをベースにSNSが構築できるプラグイン WordPressプラグイン「BuddyPress」でSNSサイトを作成 | Webクリエイターボックス […]

  54. […] そういったものを作る場合、データベースについて理解し、連携させるような仕組みを作る必要があります。ちなみに以前の開発コラムで紹介したWordPressは、MySQLというデータベースから情報を出力するという仕組みをもっており、WordPressでCGM要素のあるWebサービスを作ることも可能です。例えばWordPressを使ってSNSを作りたいのであれば、WordPressには様々な機能を追加するうえで、プラグインが準備されているので、BuddyPressというプラグインを使えば作れてしまいます。ですので、最初にWordPressを勉強の教材として使うのはいいと思います。 […]

  55. […] WordPressプラグイン「BuddyPress」でSNSサイトを作成 […]

  56. ヴィトン バッグ アウトレット

    a better plan being created with a title reporting often the. in cases like this i would say the title is building an iMovie with the QuickTime projector screen tracking with the help of text spiel and it had been discovered. simply select the video ca…

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)