コミュニティサイト運営...2012/09/15  ·...

1

株式会社コミュニティコム

〒116-0013東京都荒川区西日暮里5-37-5 NSO2階

URL： http://www.communitycom.jp/E-MAIL： mail@communitycom.jp

星野 邦敏

マルチサイト＆ BuddyPressでコミュニティサイト運営

2

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

3

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

4

株式会社コミュニティコムという会社で、

自社運営サイトやアプリ、他企業様向けサイトも作っています。

オープンソースの活動をしたり、IT系の勉強会を主催したり、

地域の活動をしたり。

WordPressをCMSとしてWEBサイトを作ることが増えています。

星野 邦敏(ほしの くにとし)Twitter ： @khoshinoFacebook : 星野邦敏（Kunitoshi Hoshino）

WordCamp Tokyo 2012

自己紹介

5

WordPressのイベントである

「WordCamp」や「WordBench」に

スタッフやスピーカーとして参加。

WordCamp Tokyo 2012

自己紹介

6

WordPress日本語サイトの「イベントカレンダー」を更新する係。

ココ

WordCamp Tokyo 2012

自己紹介

7

公式ディレクトリにプラグインを登録したり。

Japan Tenkiプラグイン→全国142地域の天気を自動表示

Hello Wapuuプラグイン→ブログ更新を応援

WordCamp Tokyo 2012

自己紹介

8

WordPressに関して、書籍や雑誌で執筆をしたり。

2012年1月に出版web creators特別号

Webサイト制作

最新トレンドの傾向と対策

2012年3月に出版速習デザインWordPress

2012年2月に出版Web Designing 2012年3月号

WordCamp Tokyo 2012

自己紹介

9

WordPressに関して、書籍や雑誌で執筆をしたり。

2012年7月に出版web creators特別号

スマートフォン・ソーシャル

メディア・WordPress

今も執筆中です。

WordCamp Tokyo 2012

自己紹介

10

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

11

日本の事例

WordBenchhttp://wordbench.org/

TEAMBOOKhttp://teambook.jp/TwitterやFacebookなど

っぽくもできる。

WordCamp Tokyo 2012

事例について

12

海外のBuddyPressの事例は、

Showcaseから

見れます。

http://wordpress.org/showcase/flavor/buddypress/

海外の事例

WordCamp Tokyo 2012

事例について

13

海外の事例

Tasty Kitchenhttp://tastykitchen.com/料理レシピのブログポータル

Ride Oregonhttp://rideoregonride.com/自転車に乗る人のための

コミュニティサイト

WordCamp Tokyo 2012

事例について

14

「BuddyPress」プラグイン

＋

「WordPressマルチサイト機能」

＝

WordPressでコミュニティサイト

WordCamp Tokyo 2012

事例について

15

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

16

BuddyPress？

WordCamp Tokyo 2012

BuddyPressの設置方法

17

BuddyPressとは？

WordCamp Tokyo 2012

BuddyPressの設置方法

http://ja.buddypress.org/home/

18

BuddyPressとは？

・SNS（ソーシャルネットワークサイト）が作れる。

・会社、学校、スポーツチーム、ニッチなコミュニティなど向け。

・WordPressのプラグインの１つ。

WordCamp Tokyo 2012

BuddyPressの設置方法

19

どうやって作るの？

WordCamp Tokyo 2012

BuddyPressの設置方法

20

WordCamp Tokyo 2012

BuddyPressの設置方法

普通にプラグインを有効化するだけ！

「BuddyPress」と検索すれば出てきます。

21

BuddyPressの

カスタマイズ

WordCamp Tokyo 2012

BuddyPressの設置方法

22

BuddyPressの日本語翻訳

・日本語化翻訳ファイルは別で取ってくる。

http://i18n.svn.buddypress.org/ja/それを、/wp-content/plugins/buddypress/bp-languagesに、buddypress-ja.moとbuddypress-ja.poという名前で入れる。

＋

実は、BuddyPress最新バージョン1.6に、

日本語翻訳完全対応！

http://translate.wordpress.org/projects/buddypress/dev/ja/default→プラグイン本体には同梱されていないので、注意。

WordCamp Tokyo 2012

BuddyPressの設置方法

23

BuddyPressでのテーマカスタマイズ

・BuddyPress独自の関数がある。

→BuddyPress本体の方は、

WordPressのタグだけでなく、BuddyPressのタグがある。

→子サイトについては、BuddyPress連携がなければ、通常のWordPressテーマと同じ作り方。

WordCamp Tokyo 2012

BuddyPressの設置方法

24

BuddyPressでの他のプラグイン動作

・BuddyPress独自の関数がある。

・BuddyPress独自のフックがある。

（bp_○○で始まる関数やフック）

→マルチサイトで動かないプラグインは使えない。

→マルチサイトで動いてもBuddyPress独自のフックに

変わっていたら、カスタマイズが必要。

→BuddyPressに紐付いた独自プラグインも存在。

WordCamp Tokyo 2012

BuddyPressの設置方法

25

BuddyPressでのテーマやプラグイン

フリーのBuddyPressテーマや

プラグインもあるが、

豊富に有料でBuddyPress用

のテーマやプラグインを配布を

している海外サイトもある。例：

http://premium.wpmudev.org/projects/category/themes/

WordCamp Tokyo 2012

BuddyPressの設置方法

26

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

27

WordPressのマルチサイト化とは？WordPressのマルチサイト

→サブドメイン形式 or ディレクトリ形式のURLで複数サイト運営。

（１）自分のブログを１つのWordPressで複数作れる。

（２）「新規登録の許可」にて「新規サイトおよびユーザーアカウント

の登録をどちらも許可する。」を選択した上で、

「新規ユーザーの追加」にチェックを入れることで、

不特定多数の人に使わせて、ブログの運営側になれる。

（アメーバブログのようなブログポータル運営側になるイメージ）

（３）ドメインマッピングにより、複数の独自ドメイン運営にもできる。

（プラグインなどでの対応となり、公式な推奨ではない。）

WordCamp Tokyo 2012

マルチサイト機能の設置方法

28

WordPressのマルチサイト化の事例

loftwork.comhttp://www.loftwork.com/

WordCamp Tokyo 2012

マルチサイト機能の設置方法

ころぐ

http://colog.jp/

29

wp-config.phpファイルに

define('WP_ALLOW_MULTISITE', true);を書く。

マルチサイト化する方法

管理画面に、

「ネットワークの設定」が

表示されます。

WordCamp Tokyo 2012

マルチサイト機能の設置方法

30

マルチサイト化する方法

［インストール］をクリック

WordCamp Tokyo 2012

マルチサイト機能の設置方法

31

指示に従って、

（１）

blogs.dirディレクトリを

wp-contentフォルダ内に

作る。

（２）

wp-config.phpにコピペ。

（３）

.htaccessファイルを

作成してコピペ。

WordCamp Tokyo 2012

マルチサイト機能の設置方法

マルチサイト化する方法

32

マルチサイト化すると、

管理画面の右上に、

「サイトネットワーク管理者」という項目が追加される。

サイトネットワーク管理者

WordCamp Tokyo 2012

マルチサイト機能の設置方法

33

「ネットワーク管理者」

テーマやプラグインの

新規追加や編集は、

ネットワーク管理者のみが

できる。

子サイトの詳細設定も

ネットワーク管理者のみが

行える。

サイトネットワーク管理者

WordCamp Tokyo 2012

マルチサイト機能の設置方法

34

一度、マルチサイト化すると、

今までのシングルサイトには戻しづらいので、

環境構築の際には、その旨を理解した上で、行なうようにする。

マルチサイト化にする際の注意点

WordCamp Tokyo 2012

マルチサイト機能の設置方法

35

１．自己紹介

２．事例について

３．BuddyPressの設置方法

４．マルチサイト機能の設置方法

５．運用について

WordCamp Tokyo 2012

目次

36

で、結局、

何ができるの？

WordCamp Tokyo 2012

運用について

37

アクティビティ

（タイムライン）

WordCamp Tokyo 2012

運用について

38

グループが

持てます。

WordCamp Tokyo 2012

運用について

39

グループ

・公開

・非公開

・秘密

と選べます。

WordCamp Tokyo 2012

運用について

40

メンバーの一覧

WordCamp Tokyo 2012

運用について

41

各メンバーの

公開している活動や

繋がっている友達、

運営しているブログ、

などが見れて、

プライベートメッセージ

送信、

などが出来ます。

WordCamp Tokyo 2012

運用について

42

新着情報通知

WordCamp Tokyo 2012

運用について

43

登録制、許可制

は、管理者が

選べます。

ユーザー登録

WordCamp Tokyo 2012

運用について

44

マルチサイト機能を

設置している場合

ブログも

各ユーザーが

持てます！

WordCamp Tokyo 2012

運用について

45

マルチサイト機能を

設置している場合

デフォルトでは

１人が

複数ブログ

持てます。

WordCamp Tokyo 2012

運用について

46

まとめ

BuddyPressプラグインを使えば、

気軽にオープン型のSNSが作れる。

ただし、カスタマイズには、一定の

知識や経験が必要です。

マルチサイト機能を組み合わせれば、

各ユーザーにブログを持たせる

ブログポータルが作れます。

WordCamp Tokyo 2012

最後に

47

株式会社コミュニティコム

http://www.communitycom.jp/

PDFファイルにて、公開しています。

今日のスライド

WordCamp Tokyo 2012

最後に

48

続きは、飲みボードでも！

おそらく、こんな感じ。（昨日の会場設営後の打ち上げ写真）

WordCamp Tokyo 2012

最後に

49

今後のお問い合わせなど

何かありましたら、

Twitter： @khoshinoMail： mail@communitycom.jpURL： http://www.communitycom.jp/

http://wp3.jp/などに、ご連絡ください。

ありがとうございました！

株式会社コミュニティコム 星野 邦敏

WordCamp Tokyo 2012

最後に