Downloaded 47 times
![[domain] => http://websta.info/members/kaasan/
[userdata] => stdClass Object
(
[ID] => 1
[user_login] => kaasan
[user_pass] => $P$BV.qKAxDJ4aciLwWNWCQ3rJ1gs/IVd1
[user_nicename] => kaasan
[user_email] => seven.mazda@gmail.com
[user_url] =>
[user_registered] => 2013-03-07 01:59:39
[user_activation_key] =>
[user_status] => 0
[display_name] => kaasan
)](https://image.slidesharecdn.com/buddypress-131006064211-phpapp02/85/BuddyPress-50-320.jpg)
Uploaded by松田 千尋
BuddyPressで街のポータルサイトを作ろう
茅場町コワーキングスペースCo-EdoでWordPressでSNSサイトを作れるプラグインBuddyPressのプラグインについての勉強会を行いました。
BuddyPressで街のポータルサイトを作ろう
- 1.
- 2. 今更ですが、 IT かあさんです 。 本名：松田千尋 職業：フリーのプログラマ 主にCakePHP で WEB システム作ったり、サーバ ーやったりしてますが、 BuddyPress が好きすぎる 28 歳
- 3. 本日の内容 BuddyPress って何？ BuddyPress のインストールと日本語化のおさらい BuddyPressのプラグイン紹介 BuddyPress の簡単使い方ガイド 街のポータルサイトを作ろう！ BuddyPress の functions.php Bu d d yPre s s のユーザーページカスタマイズ
- 4.
- 5. SNS 作れる WordPressプラグイン
- 6.
- 7.
- 8. SNS を作るほどじゃないし〜っていう時 ( そもそもSNS とか興味ないし。 )
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 19.
- 20.
- 21. buddypress-dev-ja.po → buddypress-ja.po buddypress-dev-ja.mo → buddypress-ja.mo buddypress-ja.mo /plugins/buddypress/bp-languages BuddyPress の日本語化ファイルを設置する
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. BuddyPress のプラグインを有効化 日本語化ファイル設置 登録時の固定ページの紐付け 投稿 URLの変更 誰でも登録出来るようにする にチェック
- 28.
- 29. 今回使うプラグイン BuddyPress Activity Plus BPProfile Search WP User Frontend Buddypress Profile Widget for Blogs （おまけ）
- 30.
- 31. 5 分で分かる BuddyPressテーマ そんなに伝えることも無くてですね・・・
- 32. BuddyPress テーマの基本 BuddyPress のデフォルトテーマの子サイトとして デフォルトテーマのCSS を継承するか・しないか ゼロからコーディングしないほうが、身のためだ！
- 33. ゼロからコーディングしようとして、挫折しました ページ数が膨大 デフォルトテーマの HTML を利用した方が楽！ 極力デフォルトテーマのHTML を少しずつ書き換えて カスタマイズするのが安全。
- 34.
- 35. style.css の編集 /* Theme Name:BuddyPress kaasan Theme URI: http://example.org/themes/kaasan/ Description: Simple theme for BuddyPress. Version: 1.0 // バージョン Author: ITkaasan Author URI: http://www.kaasan.info/ Template: bp-default Tags: buddypress, two-column, grey, dark */ タグに buddypress を書く
- 36. 親スタイルを継承するかどうか functions.php// これで継承しない。 if (!function_exists( 'bp_dtheme_enqueue_styles' ) ) : function bp_dtheme_enqueue_styles() {} endif;
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. plugins 下に bp-custom.php functions.phpじゃないよ！ 何かページを追加したり、大きくカスタマイズしたい時 bp-custom.php を追加して、編集する
- 44. 親メニューの追加 add_action( 'bp_setup_nav', 'works_nav'); //ユーザーメニュー追加の独自関数をセット function works_nav() { global $bp; bp_core_new_nav_item( array( 'name' => ' 実績 ', // メニューの表示名 'slug' => 'works', // スラッグ 'position' => 75,// 追加メニューの表示順位 // http://hoge.com/members/ ユーザー ID/works/ と、なる 'screen_function' => 'works', 'show_for_displayed_user' => true,// ユーザに表示するか 'default_subnav_slug' => 'works',// ユーザに表示する 'item_css_id' => 'works'// メニュ ) ); }
- 45. 最低一つの子ページ function works (){ add_action( 'bp_template_title', 'works_title' );// カスタムユーザーページに見出し add_action( 'bp_template_content', 'works_content' );// カスタムユーザーページに表示したい内容 bp_core_load_template( apply_filters( 'bp_core_template_plugin', 'members/single/plugins' ) );// テーマ ファイルの呼び出し ( この記述で、メンバーページのファイル ) } function works_title() { echo ' 実績一覧 '; }
- 46. 子ページ追加 plugins 下に bp-custom.php add_action('bp_setup_nav', 'works_nav'); でメニュー 追加を宣言 親メニューのオプションを定義 親メニューを表示するには最低一つ以上の子ページ を定義 子ページのタイトルを設定
- 47. functions.php テーマ単体に関わるカスタマイズは functions.php インストした Buddy Press全体に関わる内容は bp-custom.php
- 48.
- 49.
- 50. [domain] => http://websta.info/members/kaasan/ [userdata]=> stdClass Object ( [ID] => 1 [user_login] => kaasan [user_pass] => $P$BV.qKAxDJ4aciLwWNWCQ3rJ1gs/IVd1 [user_nicename] => kaasan [user_email] => seven.mazda@gmail.com [user_url] => [user_registered] => 2013-03-07 01:59:39 [user_activation_key] => [user_status] => 0 [display_name] => kaasan )
- 51.
- 52.
- 53.
- 54.
- 55.