コミュニティサイト運営...2012/09/15 ·...
TRANSCRIPT
1
株式会社コミュニティコム
〒116-0013東京都荒川区西日暮里5-37-5 NSO2階
URL: http://www.communitycom.jp/E-MAIL: [email protected]
星野 邦敏
マルチサイト& BuddyPressでコミュニティサイト運営
2
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
WordCamp Tokyo 2012
目次
3
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
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
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
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
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
WordCamp Tokyo 2012
目次
16
BuddyPress?
WordCamp Tokyo 2012
BuddyPressの設置方法
17
BuddyPressとは?
WordCamp Tokyo 2012
BuddyPressの設置方法
http://ja.buddypress.org/home/
18
BuddyPressとは?
・SNS(ソーシャルネットワークサイト)が作れる。
・会社、学校、スポーツチーム、ニッチなコミュニティなど向け。
・WordPressのプラグインの1つ。
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
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
WordCamp Tokyo 2012
目次
27
WordPressのマルチサイト化とは?WordPressのマルチサイト
→サブドメイン形式 or ディレクトリ形式のURLで複数サイト運営。
(1)自分のブログを1つのWordPressで複数作れる。
(2)「新規登録の許可」にて「新規サイトおよびユーザーアカウント
の登録をどちらも許可する。」を選択した上で、
「新規ユーザーの追加」にチェックを入れることで、
不特定多数の人に使わせて、ブログの運営側になれる。
(アメーバブログのようなブログポータル運営側になるイメージ)
(3)ドメインマッピングにより、複数の独自ドメイン運営にもできる。
(プラグインなどでの対応となり、公式な推奨ではない。)
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
指示に従って、
(1)
blogs.dirディレクトリを
wp-contentフォルダ内に
作る。
(2)
wp-config.phpにコピペ。
(3)
.htaccessファイルを
作成してコピペ。
WordCamp Tokyo 2012
マルチサイト機能の設置方法
マルチサイト化する方法
32
マルチサイト化すると、
管理画面の右上に、
「サイトネットワーク管理者」という項目が追加される。
サイトネットワーク管理者
WordCamp Tokyo 2012
マルチサイト機能の設置方法
33
「ネットワーク管理者」
テーマやプラグインの
新規追加や編集は、
ネットワーク管理者のみが
できる。
子サイトの詳細設定も
ネットワーク管理者のみが
行える。
サイトネットワーク管理者
WordCamp Tokyo 2012
マルチサイト機能の設置方法
34
一度、マルチサイト化すると、
今までのシングルサイトには戻しづらいので、
環境構築の際には、その旨を理解した上で、行なうようにする。
マルチサイト化にする際の注意点
WordCamp Tokyo 2012
マルチサイト機能の設置方法
35
1.自己紹介
2.事例について
3.BuddyPressの設置方法
4.マルチサイト機能の設置方法
5.運用について
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
マルチサイト機能を
設置している場合
デフォルトでは
1人が
複数ブログ
持てます。
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: [email protected]: http://www.communitycom.jp/
http://wp3.jp/などに、ご連絡ください。
ありがとうございました!
株式会社コミュニティコム 星野 邦敏
WordCamp Tokyo 2012
最後に