PowerPoint プレゼンテーション

Transcription

1 株式会社コミュニティコム星野邦敏 東京都荒川区西日暮里 NSO2 階 URL: 1

2 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 2

3 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 3

4 WordPressマネタイズセミナー自己紹介 星野邦敏 ( ほしのくにとし ) Twitter Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で 自社運営サイトやアプリ 他企業様向けサイトも作っています オープンソースの活動をしたり IT 系の勉強会を主催したり 地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4

5 WordPressマネタイズセミナー自己紹介 WordPressのイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5

6 自己紹介 WordPress 日本語サイトの イベントカレンダー を更新する係 ココ 6

7 自己紹介 公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン 全国 142 地域の天気を自動表示 Hello Wapuu プラグイン ブログ更新を応援 7

8 自己紹介 WordPress に関して 書籍や雑誌で執筆をしたり 2012 年 1 月に出版 web creators 特別号 Web サイト制作最新トレンドの傾向と対策 2012 年 2 月に出版予定 速習デザイン WordPress 8

9 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 9

10 WordPress について サンプルサイト 母の日ギフト人気ランキング

11 WebAPI( マーチャンダイザー ) を使ってみる WordPress と API の連携 (API の活用事例 ) クロスオーバーサーチ を利用 11

12 WebAPI( マーチャンダイザー ) を使ってみる WordPress と API の連携 (API の活用事例 ) セール & クーポンサーチ を利用 12

13 WebAPI( マーチャンダイザー ) を使ってみる WordPress と CSV の連携 (CSV の活用事例 ) マーチャンダイザー を利用 13

14 WordPressマネタイズセミナー WordPressについて サンプルサイト 海外旅行の格安航空券 & ホテルMAP 14

15 WordPressマネタイズセミナー WordPressについて サンプルサイト 海外旅行の格安航空券 & ホテルMAP マーチャンダイザー を利用して 約 15 万件のホテル情報を 1ホテル1ページで一括作成 15

16 WordPressマネタイズセミナー WordPressについて サンプルサイト 水族館コミュニティ 16

17 WordPressマネタイズセミナー WordPressについて 同一 URLで PCサイト スマートフォンサイト ガラケー ( 携帯 ) サイトの振り分けを自動で実現 17

18 WordPressマネタイズセミナー WordPressについて プラグインをインストールするだけ! Twitterに ツイートする ボタン Facebookの いいね! ボタンなどを 自分のサイトに設置してソーシャルな流れを作れる 18

19 WordPressマネタイズセミナー WordPressについてプラグインをインストールするだけ! クリック一つで口コミ評価を出来るようにする & 口コミ評価一覧リストをサイドバーに表示する 19

20 WordPressマネタイズセミナー WordPressについて プラグインをインストールするだけ! アクセスの多い記事順に自動でリスト化する 20

21 WordPressマネタイズセミナー WordPressについて プラグインをインストールするだけ! 各記事のコメントを一覧表示する 21

22 WordPress について プラグインをインストールするだけ! 条件検索機能 22

23 WordPressマネタイズセミナー WordPressについて プラグインをインストールするだけ! スマートフォンや携帯電話からのアクセスは スマートフォンサイト 携帯サイトを自動的に振り分けて表示させる 23

24 WordPress について プラグインをインストールするだけ! メールフォーム 24

25 WordPress について WordPress に元々備わっている機能 WordPress の カスタムフィールド 25

26 WordPress について WordPress に元々備わっている機能 新着記事をトップページに表示 26

27 WordPressマネタイズセミナー WordPressについて WordPress に元々備わっている機能 他のブログの更新情報を RSS で自動取得して表示 27

28 WordPressマネタイズセミナー WordPressについて WordPress に元々備わっている機能 WordPress の コメント欄を少しだけカスタマイズ 28

29 WordPressマネタイズセミナー WordPressについて WordPress に元々備わっている機能 サイトのデザインは WordPressのデフォルトテーマ Twenty Ten を 子テーマにして 少しだけカスタマイズしただけ 29

30 WordPressマネタイズセミナー WordPressについて WordPress と API の連携 (API の活用事例 ) 各地域の天気予報を自動で取得する 30

31 WordPressマネタイズセミナー WordPressについて WordPress と API の連携 (API の活用事例 ) 各記事の水族館の位置を Google Maps APIと連携して自動で地図に一覧表示させる & 近いスポットはピンをまとめる 31

32 WordPressマネタイズセミナー WordPressについて WordPress と API の連携 (API の活用事例 ) そのスポットの周辺の写真を自動で表示させる 32

33 WordPressマネタイズセミナー WordPressについて WordPress と API の連携 (API の活用事例 ) 各記事に関連する画像を自動表示する 33

34 WordPressマネタイズセミナー WordPressについて WordPressとAPIの連携 (APIの活用事例) その水族館について Twitterの最新つぶやきを自動表示させる 34

35 WordPressマネタイズセミナー WordPressについて WordPressとAPIの連携 (APIの活用事例) そのスポットから 2 点間の直線距離の近い順番に カフェやレストランを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 35

36 WordPressマネタイズセミナー WordPressについて WordPressとAPIの連携 (APIの活用事例) そのスポットから 2 点間の直線距離の近い順番に ホテルを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 36

37 WordPressマネタイズセミナー WordPressについて WordPressとAPIの連携 (APIの活用事例) 記事に関連する商品を自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 37

38 WordPressマネタイズセミナー WordPressについて WordPress とは? CMS( コンテンツ マネジメント システム ) ブログだけでなく 企業サイトやコミュニティサイトも オープンソース(GPLライセンス) 無料 機能拡張が柔軟 利用者が多い 情報が多い プログラムはPHP データベースはMySQLで構成 38

39 WordPressマネタイズセミナー WordPressについて GPL ライセンスとは? オープンソースの一形態 無保証 著作権表示の保持 無料でソースコードを入手できる 再配布自由 特定製品に依存しない 技術的な中立を保持 個人やグループを差別できない 再配布物にもGPLライセンスが適用される 39

40 WordPressマネタイズセミナー WordPressについて世界トップ100 万サイト中 WordPress 利用率 14.9% マクラケン直子さんのブログより引用 40

41 WordPressマネタイズセミナー WordPressについて CMSでのWordPressのシェア 56.6% マクラケン直子さんのブログより引用 41

42 WordPress について 世界の検索トレンド Google トレンド 42

43 WordPress について 日本の検索トレンド Google トレンド 43

44 WordPress について アフィリエイトサイトとしても 詳しくは 鈴木さんの方から! 44

45 WordPress について ブログとしても IDEA*IDEA カイ士伝 BOOK OFF スタッフブログ ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 45

46 WordPress について マガジンサイトとしても 美的.com TechCrunch Japan ロイター通信 ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 46

47 WordPressマネタイズセミナー WordPressについて 企業のサイトとしても クックパッド株式会社 株式会社ベクター IR 会社情報サイト さいたまスーパーアリーナ ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 47

48 WordPress について 学校のサイトとしても 昭和女子大学神戸芸術工科大学長岡工業高等専門学校 ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 48

49 WordPress について 海外のサイトとしても Nikon フォルクスワーゲン PEPSI ( ペプシ ) のブログ ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 49

50 WordPress について 震災の時にはスピーディな情報公開に貢献 助けあいジャパン ( WordPress を使ったサイト WordPress Codex 日本語版 より引用 ) prayforjapan.jp 小出裕章 ( 京大助教 ) 非公式まとめ 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 50

51 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (1) 好きな独自ドメイントで運営できる (2) 自分の意図しない広告は入らない (3) 文章や写真のデータを自分で管理できる (4) 突然のサービス停止の心配がない (5) 自由にデザインや機能を追加できる 51

52 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (1) 好きな独自ドメイントで運営できる 無料のブログでは 例えば 自分のアカウントID) 自分のアカウントID) といった形になりますが WordPressをサーバーに設置して独自ドメインを取得すれば 自分のURLでサイトを運営することができます 52

53 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (2) 自分の意図しない広告は入らない 無料のブログでは その無料ブログサービスの PR 広告が勝手に入ってしまうことも 多くあります そのPR 広告を外すために有料版に切り替えてお金が掛かることもあると思います WordPressでは レンタルサーバー代は掛かりますが その分 自分の意図しない広告が入ることは今後もありません 53

54 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (3) 文章や写真のデータを自分で管理できる 無料のブログでは 文章や写真などのデータは その無料ブログサービスのサーバー上にあり データにアクセスできないことが多いです WordPressでは 自分の管理しているサーバーに全てのデータがあるので いつでもアクセスが可能です 54

55 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (4) 突然のサービス停止の心配がありません 無料のブログでは サービス停止で ブログが強制的に無くなってしまう可能性もあります 例 ) さるさる日記 ( WordPress.orgは サーバーインストール型なので サービス停止によるブログ閉鎖などの心配がありません 55

56 WordPressマネタイズセミナー WordPressについて WordPress を利用すると (5) 自由にデザインや機能を追加できます 無料のブログでは デザインできる箇所に制約がある場合もあります また 欲しい機能がサービスに備わっていない場合もあると思います WordPressでは 後述する テーマ と プラグイン により自由にデザインと機能を 選択して設置することができます 慣れている人は 自分のイメージ通りに作ることもできるので カスタマイズの柔軟性がとても高いです 56

57 WordPressについて WordPress.com と WordPress.org <WordPress.com> フリーのブログサービス <WordPress.org> サーバーインストール型 サーバーを用意する必要なく作れる データベースの管理権限 FTP のアクセス権などが無く テーマやプラグインのアップロードに制約 独自ドメインNG 一部に広告表示 ( 有料オプションあり ) サーバーを用意する必要がある 自由度が高い 今回は org の説明 57

58 WordPressマネタイズセミナー WordPressについて WordPress が動く環境 PHP バージョン 以上 MySQL バージョン 以上 もし レンタルサーバーを借りる時は一応 仕様を確認しましょう ほとんどのレンタルサーバーで対応しています! 58

59 WordPressマネタイズセミナー WordPressについて 4 分で解説!WordPress インストール 59

60 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 60

61 WebAPI( マーチャンダイザー ) を使ってみる クロスオーバーサーチ とは? リンクシェアさんのサービス名称であって 要は API のことです 61

62 WebAPI( マーチャンダイザー ) を使ってみる API とは? Application Programming Interface API( アプリケーション プログラミング インタフェース Application Programming Interface) とは アプリケーションから利用できる オペレーティングシステムやプログラミング言語で用意されたライブラリなどの機能の入り口となるものである 主に ファイル制御 ウインドウ制御 画像処理 文字制御などのための関数として提供されることが多い つまり 簡単にいえば アプリケーションをプログラムするにあたって プログラムの手間を省くため もっと簡潔にプログラムできるように設定されたインターフェースの事である (Wikipediaより) 62

63 WebAPI( マーチャンダイザー ) を使ってみる API とは? 要は その WEB サービスにあるデータを 自由に使えると言うこと 63

64 WebAPI( マーチャンダイザー ) を使ってみる 図にすると こういうイメージ 広告主 契約 手数料 Web API やオープンソース 直接広告 ( 純広告 ) として報酬 無料で Web API やオープンソースを公開 対象となるユーザーを集客して 成果に貢献する 提携 広告仲介業者や広告代理店 ( 例 ) リンクシェア 報酬 Web API やオープンソースを世の中に広める 自分の運営サイト 無料で その分野 テーマに関する情報が手に入り かつ ユーザー間での交流ができる 得た広告報酬等により サービスをより向上させる インターネットユーザー 64

65 WebAPI( マーチャンダイザー ) を使ってみる Web API のメリット <WEB 制作者のメリット > 他社の膨大なデータベースや機能を 無料で利用できるため Web サイトの開発コストを大幅に削減でき 効率的に制作できる <API 提供会社のメリット> 自社のみでは考え付かないようなWEBサービス等を 外部の誰かが作ってくれるため 結果として 自社サービスの利用者が増えることが期待できる 65

66 WebAPI( マーチャンダイザー ) を使ってみる 何ができるの? 66

67 WebAPI( マーチャンダイザー ) を使ってみる WordPress に天気情報を自動で取得 各地域の天気予報を自動で取得する 67

68 WebAPI( マーチャンダイザー ) を使ってみる WordPress の各記事の位置情報を地図に表示 各記事の水族館の位置を Google Maps APIと連携して自動で地図に一覧表示させる & 近いスポットはピンをまとめる 68

69 WebAPI( マーチャンダイザー ) を使ってみる WordPress に周辺の写真を自動で表示 そのスポットの周辺の写真を自動で表示させる 69

70 WebAPI( マーチャンダイザー ) を使ってみる WordPress に画像を自動で表示 各記事に関連する画像を自動表示する 70

71 WebAPI( マーチャンダイザー ) を使ってみる WordPressに Twitter 情報を自動で表示 その水族館について Twitterの最新つぶやきを自動表示させる 71

72 WebAPI( マーチャンダイザー ) を使ってみる WordPress にカフェ情報を自動で表示 そのスポットから 2 点間の直線距離の近い順番に カフェやレストランを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 72

73 WebAPI( マーチャンダイザー ) を使ってみる WordPress にホテル情報を自動で表示 そのスポットから 2 点間の直線距離の近い順番に ホテルを 自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 73

74 WebAPI( マーチャンダイザー ) を使ってみる WordPress に商品情報を一覧表示 記事に関連する商品を自動で一覧表示する この部分は 自動でアフィリエイトリンクになっていて成果の収益に繋がる 74

75 WebAPI( マーチャンダイザー ) を使ってみる もちろん リンクシェア クロスオーバーサーチ も! クロスオーバーサーチ から情報を自動で取得 アフィリエイト 成果にもなる 75

76 WebAPI( マーチャンダイザー ) を使ってみる キーワードは カスタムフィールド Web API 76

77 WebAPI( マーチャンダイザー ) を使ってみる カスタムフィールド カスタムフィールドを使ってみましょう! カスタムフィールドは WordPressに元々備わっている機能です 77

78 WebAPI( マーチャンダイザー ) を使ってみる カスタムフィールド カスタムフィールドを出力する WordPress のテンプレートタグ 例 : <?php echo get_post_meta($post->id,'address',true);?> カスタムフィールドに入力したデータを表示しています 78

79 WebAPI( マーチャンダイザー ) を使ってみる カスタムフィールド テーマに4 行のプログラムを追加して実現! <?php $custom1 = urlencode(post_custom('name')); $yahoo_gazou_api = " アプリケーションID>&query=". $custom1 ; $yahoo_gazou_api_xml = simplexml_load_file($yahoo_gazou_api); foreach($yahoo_gazou_api_xml->result as $gazou_output) { echo '<img src="'. $gazou_output->url. '" alt="" />'; }?> 79

80 WebAPI( マーチャンダイザー ) を使ってみる WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできます WordPressを使えば ページごとに自由にキーワードを変えられるようにできる 80

81 WebAPI( マーチャンダイザー ) を使ってみる WordPress 以外のAPIサンプルコードを WordPressに組み込むこともできます フラワーギフト に関連するWeb APIが 81 アフィリエイトリンクで自動表示

82 WebAPI( マーチャンダイザー ) を使ってみる ワークショップ - クロスオーバーサーチ WordPressにクロスオーバーサーチの商品情報を自動で取得 82

83 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 1)Web API の仕様を確認する リンクシェアお問い合わせクロスオーバーサーチ Webサービスとは? 仕様書ダウンロード可能 83

84 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 2) パラメーターを確認 パラメーターを確認する パラメーター 制約やソートの条件を指定する リンクシェアさんの API のリファレンスは ダウンロード PDF の中にあります 84

85 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 3)XML を生成 パラメーターに基づいて XML を生成する リンクシェアマーチャンダイザーの場合 がベース その上で パラメーターを付ける ( 例 ) 自分のトークン ] &keyword= フラワーギフト &max=9&sort=retailprice&sorttype=asc 条件の設定 ( 例 ) 価格の安い順番に 上位 9 件を取得する 85

86 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 3) リンクシェアはトークンが必要 86

87 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 4) 一応 XML を確認 ( 例 ) 自分のトークン ] &keyword= ギフト 87

88 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 5)simplexml_load_file で 分析 ( パース ) ( 例 ) $linkshare = ( 手順 4 の XML) ; $xml = simplexml_load_file ($linkshare); 88

89 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 6) レスポンスフィールドを確認 レスポンスフィールド (XMLデータ項目説明) を確認する レスポンスフィールド 出力データを指定する リンクシェアさんの API のリファレンスは ダウンロード PDF の中にあります 89

90 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 7) 出力 & 表示する ( 例 1)echo で単発で出力 echo $xml->item->linkurl; ( 例 2)foreach 文で条件の回数だけループ処理 ( 繰り返し処理 ) を行う foreach($xml->item as $linkshare_output) { echo '<a href="'. $linkshare_output->linkurl. '">'; echo '<img src="'; echo $linkshare_output->imageurl; echo '" alt="" />'; echo '</a><br />'; echo '</div>'; echo ' 商品名 :'; echo '<strong><a href="'; echo $linkshare_output->linkurl; echo '">'; echo $linkshare_output->productname; echo '</a></strong><br />'; echo '</div>';} 90

91 WebAPI( マーチャンダイザー ) を使ってみる ( 手順 8) サイトを確認 大きな流れとしては (1) リクエストパラメーターで条件を設定して (2) レスポンスフィールドで出力項目を決める 91

92 WebAPI( マーチャンダイザー ) を使ってみる リンクシェアさんの提供している セール& クーポンサーチWebサービス も同じ流れで設定します リンクシェアお問い合わせセール & クーポンサーチ Webサービスとは? 仕様書ダウンロード可能 92

93 WebAPI( マーチャンダイザー ) を使ってみる セール & クーポンサーチ Web サービス の例 母の日 新生活 クリスマス などのジャンルによって その時にセールをしている情報を自動で表示できます 93

94 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 94

95 WordPress のテーマやプラグイン紹介 WordPress のコアは とてもシンプル 95

96 WordPress のテーマやプラグイン紹介 テーマ プラグイン シンプルなコアに サイトにあった テーマ でデザインして プラグイン で機能追加する テーマにも functions.php にて機能追加も出来ます 96

97 WordPress のテーマやプラグイン紹介 公式ディレクトリテーマ登録数 1,400 以上 97

98 WordPress のテーマやプラグイン紹介 公式ディレクトリプラグイン登録数 17,000 以上 98

99 WordPress のテーマやプラグイン紹介 多すぎて どのテーマやプラグインが良いのか 分からない! WordPress 初心者ねこび んさん 99

100 WordPress のテーマやプラグイン紹介 そこで WordCampスタッフがお勧めのテーマやプラグインをご紹介! WordPress 経験者わぷーさん 100

101 WordPress のテーマやプラグイン紹介 そもそも WordCamp とは? ユーザー 開発者が集うイベント 世界 40 以上の都市で開催 世界中で180 回以上の開催実績 日本では年に3~4 回 今までに 東京 京都 福岡 横浜 名古屋 神戸 101

102 WordPress のテーマやプラグイン紹介 そもそも WordCamp とは? 前回のWordCamp Tokyo 2011 参加者約 800 人懇親会参加者約 300 人 WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 102

103 WordPress のテーマやプラグイン紹介 この人達が今回の WordCamp スタッフ 103

104 WordPress のテーマやプラグイン紹介 WordCamp に関わっている人は WordPress に詳しい人も多い ( 事前の WordCamp 打ち合わせ ) ( 当日の WordCamp 設営 ) 104

105 WordPress のテーマやプラグイン紹介 スタッフお勧めの テーマやプラグインを ご紹介! WordPress 経験者 わぷーさん 105

106 WordPress のテーマやプラグイン紹介 プラグイン Cawaii Admin WordPressの管理画面を可愛くするプラグイン 106

107 WordPress のテーマやプラグイン紹介 ころぐ WordPressの管理画面を変えられる! 107

108 WordPress のテーマやプラグイン紹介 プラグイン WordPress Related Post for Japanese Yahoo! の日本語形態素解析 Webサービスを利用して 関連する自分の記事を表示 かなり精度が高い! 108

109 WordPress のテーマやプラグイン紹介 カイ士伝 from.tv/wp/ ラーメン記事にはラーメンの記事が! サイト内でのユーザーの移動が高まる 109

110 WordPress のテーマやプラグイン紹介 プラグイン WP Social Bookmarking Light 数々のソーシャルボタンをまとめて設置! 110

111 WordPress のテーマやプラグイン紹介 プラグインをインストールするだけ! Twitterに ツイートする ボタン Facebookの いいね! ボタン Google+1ボタンなどを 自分のサイトに設置してソーシャルな流れを作れる 111

112 WordPress のテーマやプラグイン紹介 プラグイン Ktai Style WordPressを携帯対応させるプラグイン 112

113 WordPressのテーマやプラグイン紹介同一 URLで PCサイト スマートフォンサイト ガラケー ( 携帯 ) サイトの振り分けを自動で実現 113

114 WordPress のテーマやプラグイン紹介 プラグイン WPtouch WordPressをスマートフォン対応させるプラグイン 114

115 WordPress のテーマやプラグイン紹介 WPtouchプラグインを有効化するだけで iphoneやandroidの端末で見たら スマートフォンっぽいサイトに見える 115

116 WordPress のテーマやプラグイン紹介 テーマ Twenty Eleven 子テーマ WordPressデフォルトテーマを子テーマでカスタマイズ 116

117 WordPress のテーマやプラグイン紹介 レスポンシブ ウェブデザインメディアクエリで 横幅に応じてサイトを最適化 8bitodyssey.com 117

118 WordPress のテーマやプラグイン紹介 プラグイン Feedback Champuru Twitter はてなブックマーク Google+ を コメントっぽく表示させるプラグイン 118

119 WordPress のテーマやプラグイン紹介 コメント欄が賑わってる感じに! コメントしにくい敷居を下げる 119

120 WordPress のテーマやプラグイン紹介 テーマ P2 テーマ Twitterのような一言コメント掲示板が作れるテーマ 連絡やコミュニケーションにも! 120

121 WordPress のテーマやプラグイン紹介 WordPress 日本語翻訳の連絡も P2テーマを利用! WordPress Codex 日本語版会議室 121

122 WordPress のテーマやプラグイン紹介 プラグイン Jetpack WordPress.com の標準機能である WordPress.com Stats プラグイン Twitter ウィジェット Shortcode エンベッド Sharedaddy などが含まれたバンドルプラグインです 122

123 WordPress のテーマやプラグイン紹介 WordPress.com の機能をセットで使える 123

124 WordPress のテーマやプラグイン紹介 プラグイン Contact Form 7 メールフォームが作れるプラグイン 124

125 WordPress のテーマやプラグイン紹介 メールフォーム 125

126 WordPress のテーマやプラグイン紹介 プラグイン Lightbox 2 リンクのある画像をクリックすると 画像が浮き上がるようなデザインとなるプラグイン 126

127 WordPress のテーマやプラグイン紹介 画像をクリックすると 127

128 WordPress のテーマやプラグイン紹介 WordPress を使ったら サイトが重くなった! WordPress 初心者 ねこび んさん 128

129 WordPress のテーマやプラグイン紹介 プラグイン WP Super Cache キャッシュを作ってくれて 表示の高速化ができる 129

130 WordPress のテーマやプラグイン紹介 WP Super Cache プラグインをインストールして キャッシングを利用 にするだけです! 130

131 WordPress のテーマやプラグイン紹介 プラグイン 001 Prime Strategy Translate Accelerator 翻訳ファイルの読み込みをキャッシュ化する 131

132 WordPress のテーマやプラグイン紹介 プラグイン WordPress Database Backup データベースのバックアップを手動または自動で取ることのできるプラグイン 132

133 WordPress のテーマやプラグイン紹介 MySQL を 管理画面から保存できる 定期バックアップも自動で出来る 133

134 WordPress のテーマやプラグイン紹介 プラグイン WP Total Hacks お客様にWordPressを納品する時に便利なプラグイン 134

135 WordPress のテーマやプラグイン紹介 管理画面のロゴを変えられる等 WordPress の色を消すことが出来る その他にも webmaster 権限追加 フッター文字情報の変更なども 135

136 WordPress のテーマやプラグイン紹介 WordPress 初心者の ねこび んさんも満足! WordPress 初心者 ねこび んさん 136

137 WordPress のテーマやプラグイン紹介 帰ったら さっそくテーマやプラグインを使ってみよう! WordPress 経験者 わぷーさん 137

138 WordPress のテーマやプラグイン紹介 子テーマを使うと 効率的にサイトが作れるよ! WordPress 経験者 わぷーさん 138

139 WordPress 講座カスタマイズ講座 (4) 子テーマで効率的にカスタマイズ Twenty Ten を子テーマで style.css1 ファイルで変更 139

140 WordPress 講座カスタマイズ講座 (4) 子テーマで効率的にカスタマイズ Twenty Ten を子テーマで style.css1 ファイルで変更 テーマファイルは これだけで リニューアル ( 参照 ) WordBench 東京でお話させていただきました Webourgeon

141 WordPress のテーマやプラグイン紹介 子テーマとは? WordPressの他のテーマをベースとして 必要な部分のみ ファイルを修正したり 追加すること 141

142 WordPress のテーマやプラグイン紹介 子テーマのメリット (1) 親テーマのデザインや機能を活かして 必要なところだけ 編集できるので 効率的 (2) 親テーマがバージョンアップしても そのまま継承できる (3) 親テーマがある状態で作れるので 短時間で制作が可能 (4) サイトをシリーズ化や 色が違うだけのサイトなどは 子テーマの方が 管理が簡単 142

143 WordPress のテーマやプラグイン紹介 子テーマのデメリット (1) 親テーマの構造を理解する必要がある (2) 親テーマが構造を変える形のバージョンアップをした場合には 子テーマにも反映されてしまう 事前に別フォルダにリネームすれば解決はできる 143

144 WordPress のテーマやプラグイン紹介 最低限必要な 子テーマ のファイル構成 style.css テーマと異なり index.php は必須ではない 144

145 WordPress のテーマやプラグイン紹介 style.css style.css の始めに以下を書くと テーマとして認識されます /* Theme Name: 自分のテーマ名 Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン ( 任意 ) Tags: タグ ( 任意 ) Template: 継承する親テーマのフォルダ名 */ 親テーマとの相違点 145

146 WordPress のテーマやプラグイン紹介 子テーマの注意点 (1) 通常のファイル 子テーマの方が優先される 子テーマ > 親テーマ ( 子テーマに同一ファイルがあれば 親テーマは読まれない ) (2)functions.phpファイルのみ子テーマのfunctions.phpが読み込まれた後に 親テーマのfunctions.phpが読み込まれる 子テーマ 親テーマ 146

147 WordPress のテーマやプラグイン紹介 テーマとは? WEB デザインを変えるためのモノ ブログの 着せ替え 見た目の調整だけでなく 表示する内容を操ることもできます テーマは 自分で作ることも出来ます 慣れてきたら 自分でカスタマイズすると 自由度が高まります 147

148 WordPress のテーマやプラグイン紹介 テーマフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php twentyeleven / twentyten / index.php ココにテーマフォルダを FTPで入れる! 148

149 WordPress のテーマやプラグイン紹介 テーマは管理画面からも選べます! 検索もできます! 149

150 WordPress のテーマやプラグイン紹介 テーマは管理画面からも選べます! 150

151 WordPress のテーマやプラグイン紹介 テーマは WordPress.org からも選べます! 151

152 WordPress のテーマやプラグイン紹介 自分でカスタマイズしたテーマの場合 既存のテーマは管理画面や公式ディレクトリからインストールできますが カスタマイズした独自のテーマは wp-content > themesフォルダにいれましょう 152

153 WordPress のテーマやプラグイン紹介 Twenty Eleven ファイル構成 colors / content.php images / content-aside.php inc / content-featured.php js / content-gallery.php footer.php screenshot.png languages / content-image.php functions.php search.php 404.php content-intro.php header.php searchform.php archive.php content-link.php image.php showcase.php author.php content-page.php index.php sidebar.php category.php content-quote.php license.txt sidebar-footer.php comments.php editor-style.css editor-style-rtl.css content-single.php content-status.php page.php readme.txt rtl.css sidebar-page.php single.php style.css tag.php 153

154 WordPress のテーマやプラグイン紹介 Twenty Ten ファイル構成 images / languages / 404.php archive.php attachment.php author.php category.php comments.php editor-style.css editor-style-rtl.css footer.php functions.php header.php index.php license.txt loop.php loop-attachment.php loop-page.php loop-single.php onecolumn-page.php page.php rtl.css screenshot.png search.php sidebar.php sidebar-footer.php single.php style.css tag.php 154

155 WordPress のテーマやプラグイン紹介 最低限必要なテーマのファイル構成 index.php style.css 155

156 WordPress のテーマやプラグイン紹介 style.css style.css の始めに以下を書くと テーマとして認識されます /* Theme Name: 自分のテーマ名 Theme URI: テーマのホームサイトのURL Description: テーマの説明 Author: 作者である自分の名前 Author URI: 作者である自分のサイトのURL Version: バージョン ( 任意 ) Tags: タグ ( 任意 ) */ 156

157 WordPress のテーマやプラグイン紹介 screenshot.png screenshot.pngを入れておくと 管理画面のテーマにキャプチャ画像が表示されます 公式テーマではサイトのキャプチャが一般的ですが 会社のロゴなど何でも可能です 画像サイズは 横 300px 縦 225pxで作るとちょうど良くなります 157

158 WordPress のテーマカスタマイズの前提 HTML CSS PHP MySQL WordPress マネタイズセミナー WordPress のテーマやプラグイン紹介 JavaScript jquery WordPress テンプレートタグ テンプレートタグ WordPress 条件分岐タグ 汎用的 (WordPress 以外でも使える ) WordPress 独自 158

159 WordPress のテーマやプラグイン紹介 テーマのファイル適用の優先順位 ページの種類 第 1 位 第 2 位 第 3 位 第 4 位 第 5 位 メインページ front-page.php 静的フロントページ home.php index.php 投稿ページ single- 投稿タイプ.php single.php index.php 固定ページ page-スラッグ名.php page-id.php page.php index.php カテゴリーページ category- スラッグ名.php category-id.php category.php archive.php index.php タグページ tag- スラッグ名.php tag-id.php tag.php archive.php index.php カスタム分類ページ taxonoy- 分類名 - スラッグ名.php taxonoy- 分類名.php taxonomy.php archive.php index.php ユーザーページ author-ユーザー名.php author-ユーザー ID.php author.php archive.php index.php 日付別ページ date.php archive.php index.php 検索ページ search.php archive.php index.php 404ページ 404.php index.php 添付ファイルページ MIME_TYPE.php attachment.php archive.php index.php MIME_TYPE.phpとは image.php video.php audio.php application.phpなどファイルに応じたテンプレートページ 159

160 WordPress のテーマやプラグイン紹介 WordPress のテンプレートタグ テンプレートタグ とは 入力したデータを出力するモノ (WordPress 独自 ) テンプレートタグ一覧は WordPress Codex 日本語版を見てみましょう! テンプレートタグ 160

161 ブログサイト名 <?php bloginfo( name );?> ブログ URL <?php bloginfo( url');?> 記事のタイトルを表示 <?php the_title();?> WordPress マネタイズセミナー WordPress のテーマやプラグイン紹介 WordPress テンプレートタグの具体例 記事の本文を表示 <?php the_content();?> 投稿日付を表示 <?php the_time("y 年 n 月 j 日 ");?> 投稿の URL <?php the_permalink();?> カスタムフィールドの値を表示 <?php echo get_post_meta($post->id, 値 ',true);?> 使用中のテーマのCSS コメントを表示 <?php bloginfo( stylesheet_url ');?> <?php wp_list_comments();?> 161

162 WordPress のテーマやプラグイン紹介 WordPress テンプレートタグ具体例 meta タグ内の CSS を WordPress テーマ化 <link rel="stylesheet" type="text/css" media="all" href = style.css" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' );?>" /> 162

163 WordPress のテーマやプラグイン紹介 WordPress テンプレートタグ具体例 サイトタイトルを WordPress テーマ化 <h1> のサイト </h1> <h1><?php bloginfo( name );?></h1> WordPress の管理画面の 設定 > 一般 の中の サイトのタイトル が表示される 163

164 WordPress のテーマやプラグイン紹介 WordPress テンプレートタグ具体例 記事のタイトルと本文を WordPress テーマ化 <h2> 今日の夕食 </h2> 今日のご飯は美味しかった! <?php if ( have_posts() ) while ( have_posts() ) : the_post();?> <h2><?php the_title();?><h2> <?php the_content();?> <?php endwhile;?> WordPress の管理画面の投稿を表示 164

165 WordPress のテーマやプラグイン紹介 WordPress テンプレートタグ具体例 画像の HTML を WordPress テーマ化 <img src= images/logo.jpg alt= /> <img src= <?php bloginfo( template_directory );?>/images/logo.jpg alt= /> 165

166 WordPress のテーマやプラグイン紹介 WordPress の条件分岐タグ 条件分岐タグ とは 表示条件を設定するモノ (WordPress 独自 ) 条件分岐タグ一覧は WordPress Codex 日本語版を見てみましょう! 166

167 WordPress のテーマやプラグイン紹介 WordPress 条件分岐タグの具体例 トップページとその他のページで表示させるものを変える <?php if ( is_home() is_front_page() ) :?> トップページに表示させたいコンテンツ (PHPまたはHTML) <?php else :?> トップページ以外に表示させたいコンテンツ (PHPまたはHTML) <?php endif;?> 167

168 WordPress のテーマやプラグイン紹介 応用編 ( 新着 5 件をカテゴリ別に表示 ) <div id="topcat1"> <?php $my_query = new WP_Query(array( 'cat' => 1, 'posts_per_page' => 5, 'orderby' => 'date', 'order' => 'DESC' ));?> <ul> <?php while($my_query->have_posts()) : $my_query->the_post();?> <li><b><?php the_time("y 年 n 月 j 日 ");?></b> <a href="<?php the_permalink();?>"><?php the_title();?></a></li> <?php endwhile;?> </ul> </div><!-- #topcat1 --> <div class="top-right"> <a href="<?php echo home_url( '/' );?>category/news/"> 今までの News 一覧 </a></div> 168

169 WordPress のテーマやプラグイン紹介 ページテンプレート 固定ページの ページ属性 に テンプレート が追加されて 切り替えることが可能になります 169

170 WordPress のテーマやプラグイン紹介 ページテンプレート 固定ページでWEBデザインを切り替えるページテンプレートを作る場合 新規にphpファイルを作り 始めに以下を書くと ページテンプレートとして認識されます <?php /* Template Name: ページテンプレート名 */?> 170

171 WordPress のテーマやプラグイン紹介 作業効率を上げるためにファイルを分割する index.php style.css の2ファイルがあれば テーマとしては動くが 実際のサイトの動きに応じて ファイルを分割した方が 効率的にWEBデザインをすることができる 共通部分を 1ファイルづつ切り分ける 171

172 WordPress のテーマやプラグイン紹介 Twenty Ten による具体例 header.php sidebar.php footer.php 172

173 WordPress のテーマやプラグイン紹介 分割したファイルを読み込む ( Twenty Ten loop-page.phpで解説 ) <?php get_header();?> <div id="container"> <div id="content" role="main"> <?php get_template_part( loop, index );?> </div><!-- #content --> </div><!-- #container --> <?php get_sidebar();?> <?php get_footer();?> 173

174 WordPress のテーマやプラグイン紹介 完成したテーマは themes フォルダに入れる wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php twentyeleven / twentyten / index.php ココにテーマフォルダを新規に作って入れる! 174

175 WordPress のテーマやプラグイン紹介 完成したテーマは themes フォルダに入れる 管理画面に新しくテーマが追加されます その後 有効化 すると WordPressにWEBデザインが反映されます 175

176 WordPress のテーマやプラグイン紹介 プラグインとは? 追加機能 WordPressの本体はシンプルなので 自由に機能を追加するイメージ プラグインは 自分で作ることも出来ます 慣れてきたら 自分でカスタマイズすると 自由度が高まります 176

177 WordPress のテーマやプラグイン紹介 プラグインフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php akismet / wp-multibyte-patch / hello.php index.php ココにプラグインフォルダを入れる! 177

178 WordPress のテーマやプラグイン紹介 プラグインも管理画面から選べます! 検索もできます! 178

179 WordPress のテーマやプラグイン紹介 プラグインも WordPress.org から選べます! 179

180 WordPress のテーマやプラグイン紹介 既存のプラグインだけで作れる事例 既存のプラグインをインストールするだけで実現できる WEB サービスを作ってみましょう! 180

181 WordPress のテーマやプラグイン紹介 Twitter のような一言コメントができるサイト P2 テーマ 新規ユーザー登録を OKにすれば 不特定多数のユーザーが登録できるサイトも作れます 181

182 WordPress のテーマやプラグイン紹介 EC サイト ( ショップサイト ) Welcart プラグイン 具体的な事例やカスタマイズは 以下のURLを参照ください 182

183 WordPress のテーマやプラグイン紹介 オープン型 SNS( 会員制サイト ) BuddyPress プラグイン 新規ユーザー登録 OK にすれば 不特定多数のユーザーが登録することのできるサイトも作れます ( 事例 ) WordBench 183

184 WordPress のテーマやプラグイン紹介 メールマガジン登録 & 投稿システム Subscribe2 Subscribe2 widget プラグイン 184

185 WordPress のテーマやプラグイン紹介 以上の前提を踏まえて テーマとプラグインを組み合わせてみましょう 上でご紹介した P2 テーマと Subscribe2 プラグインを 組み合わせると 一言掲示板に投稿がある度に 登録ユーザーにメールが配信されるサイトが簡単に作れます さらに追加して Absolute Privacy プラグインという ログインしたユーザー限定で閲覧できるプラグインもインストールして有効化すると 投稿がある度に 登録ユーザーにメールが配信される会員制グループウェアの ようなサイトを 簡単に作ることができます 185

186 WordPress のテーマやプラグイン紹介 管理画面の一般設定を行う パーマリンク設定非常に重要 URL をどのようにするかを設定する サイト運営の始めに決定しておくべき 186

187 WordPress のテーマやプラグイン紹介 ユーザー権限の付与を行う 管理画面の ユーザー から 企業担当者用に新規ユーザーアカウントを追加する その際に 管理者 編集者 投稿者 寄稿者 購読者 のどの権限を付与するかを 予め考えておく 権限は 左に行くほど強くなるので どこまでを企業担当者が担当するのかを予め決めておく 187

188 WordPress のテーマやプラグイン紹介 WordPress のマルチサイト化とは? WordPress のマルチサイト サブドメイン形式 or ディレクトリ形式の URL で複数サイト運営 (1) 自分のブログを 1 つの WordPress で複数作れる (2) 新規登録の許可 にて 新規サイトおよびユーザーアカウントの登録をどちらも許可する を選択した上で 新規ユーザーの追加 にチェックを入れることで 不特定多数の人に使わせて ブログの運営側になれる ( アメーバブログやYahooブログのような運営側になるイメージ ) (3) ドメインマッピングにより 複数の独自ドメイン運営にもできる ( プラグインなどでの対応となり 公式な推奨ではない ) 188

189 WordPress のテーマやプラグイン紹介 WordPress のマルチサイト化の事例 loftwork.com 189

190 マルチサイト化する方法 wp-config.php ファイルに define('wp_allow_multisite', true); を書く WordPress マネタイズセミナー WordPress のテーマやプラグイン紹介 管理画面に ネットワークの設定 が表示されます 190

191 WordPress のテーマやプラグイン紹介 マルチサイト化する方法 [ インストール ] をクリック 191

192 WordPress のテーマやプラグイン紹介 マルチサイト化する方法 指示に従って (1) blogs.dirディレクトリを wp-contentフォルダに作る (2) wp-config.phpにコピペ (3).htaccessファイルを作成してコピペ 192

193 WordPress のテーマやプラグイン紹介 サイトネットワーク管理者 マルチサイト化すると 管理画面の右上に サイトネットワーク管理者 という項目が追加される WordPress3.1 バージョンの場合 WordPress3.2 バージョンの場合 193

194 WordPress のテーマやプラグイン紹介 サイトネットワーク管理者 ネットワーク管理者 テーマやプラグインの新規追加や編集は ネットワーク管理者のみができる 子サイトの詳細設定もネットワーク管理者のみが行える 194

195 WordPress のテーマやプラグイン紹介 マルチサイト化にする際の注意点 一度 マルチサイト化すると 今までのシングルサイトには戻しづらいので 環境構築の際には その旨を理解した上で 行なうようにする 195

196 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( クロスオーバーサーチ ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( マーチャンダイザー ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 196

197 CSV( クロスオーバーサーチ ) を使ってみる マーチャンダイザー とは? リンクシェアさんのサービス名称であって 要は CSV のことです 197

198 CSV( クロスオーバーサーチ ) を使ってみる マーチャンダイザー とは? CSVデータは 広告主の商品情報を一括 CSVとしてダウンロードもできるし 広告主の各カテゴリーだけのCSVをダウンロードすることもできる ( 例 ) 日比谷花壇各カテゴリーごとにCSVもあるし 一括 CSVデータもある 198

199 CSV( クロスオーバーサーチ ) を使ってみる マーチャンダイザー とは? 行が 各広告で統一されている 28 行 仕様がキッチリしています リンクシェアお問い合わせマーチャンダイザー Webサービスとは? 仕様書ダウンロード可能 199

200 CSV( クロスオーバーサーチ ) を使ってみる 先人の偉い人が こう言いました マーチャンダイザーは コレが可能です どう並べるか? 切り口! 200

201 CSV( クロスオーバーサーチ ) を使ってみる WordPress を使えば CSV をメタデータとして 本文を書ける 201

202 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (1) テーマファイル内の single.php において 出力表示したい箇所に 以下のソースコードを書きます カスタムフィールドを出力する WordPress のテンプレートタグ 例 : <?php echo get_post_meta($post->id,'address',true);?> カスタムフィールドの名前 ( 半角英数で指定 ) 202

203 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (1) 新規投稿において [ 表示オプション ] で カスタムフィールドにチェックを入れて表示させます 名前 に テーマに書いた名前と同じ半角英数を書きます そして 値 に 表示させたいキーワードを入力しましょう 203

204 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (1) カスタムフィールドの 値 に入力したキーワードが表示されます ( 今回は 住所を入力しました ) 204

205 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (2) カスタムフィールド の使用用途 (2) データ項目が多い場合 過不足がなくなる 例 : 不動産サイトなど 205

206 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (2) データ項目が多い場合は カスタムフィールドをそのまま使うと 名前の順序を変えられなかったり キーワード以外の情報を入れづらかったり 不都合が出てきます そこで カスタムフィールドテンプレート というプラグインをインストールして有効化することで カスタムフィールドの使い勝手を良くしていきましょう 206

207 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (2) Custom Field Template と検索して インストール & 有効化する 207

208 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (2) テンプレートコンテンツ に書くことで カスタムフィールドがテンプレート化 208

209 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (2) キーワードだけでなく チェックボックス ラジオボタン セレクトボックス 投稿と同じフォーム 画像投稿など 多様なカスタムフィールドを選択できます 209

210 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (3) カスタムフィールド の使用用途 (3) 1 記事のカスタムフィールドのデータを 複数の箇所に表示することができる 例 : トップページや一覧ページなど 210

211 CSV( クロスオーバーサーチ ) を使ってみる カスタムフィールド (3) テーマファイル内の home.php や page.php において 出力表示したい箇所に 以下のソースコードを書きます その記事ページに表示したい場合は $post->id 他の記事ページに表示したい場合は その記事 IDの数字 例 : <?php echo get_post_meta(50,'address',true);?> trueの場合は 文字列 で取得 falseの場合は 配列 で取得 ( 空欄の場合はfalse) 211

212 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( マーチャンダイザー ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( クロスオーバーサーチ ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 212

213 携帯 & スマートフォンに対応 ( 難易度 ) 低 高 ( 方法 1) スマートフォンに自動対応するプラグイン ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る 213

214 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 1) スマートフォンに自動対応するプラグイン WPtouch プラグインをインストールして有効化すると スマートフォン対応が自動でされた上に デザインもスマートフォンっぽくなっています 214

215 携帯 & スマートフォンに対応 プラグイン 管理画面からも選べます! WPtouch で検索! 検索できます! WordPress.org からも選べます! 215

216 WordPressマネタイズセミナー携帯 & スマートフォンに対応 プラグインフォルダの確認 wp-admin / wp-content / languages / wp-includes / plugins / index.php themes / license.txt upgrade / readme-ja.html uploads / readme.html index.php wp-activate.php wp-app.php wp-atom.php wptouch フォルダ akismet / wp-multibyte-patch / hello.php index.php ココにプラグインフォルダを入れる! 216

217 WPtouch は日本語にも対応しています ( 一部翻訳が微妙 ) WordPressマネタイズセミナー携帯 & スマートフォンに対応 WPtouch Language を Japanese に 選択して Save する 217

218 WPtouch には有料版があります 基本的に Developer を 選ばざるを得ない WordPressマネタイズセミナー携帯 & スマートフォンに対応 ライセンスキーを各サイトごとに入力して管理する方法を取っている 1 回 199 ドルを支払えば その後は無制限 無期限で使える PayPalかクレジットカード決済 218

219 携帯 & スマートフォンに対応 Wptouch 有料版は 色々できます ipad に対応 219

220 Wptouch 有料版は 色々できます ipad 対応 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Enabled を選択 220

221 WordPressマネタイズセミナー携帯 & スマートフォンに対応 WPtouch 有料版は 色々できます その他にも アイコン変更 メニュー変更 広告削除 広告設定 複数テーマ設定 デザイン色変更など 221

222 携帯 & スマートフォンに対応 ( 難易度 ) 低 高 ( 方法 1) スマートフォンに自動対応するプラグイン ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る 222

223 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 WordPress3.2 からの 新デフォルトテーマ Twenty Eleven テーマは Media Queriesに対応したテーマですので このテーマをベースにカスタマイズすることもできます 223

224 携帯 & スマートフォンに対応 ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 Whiteboard テーマなど Media Queriesに対応した WordPressのテーマは 複数あります 224

225 携帯 & スマートフォンに対応 ( 方法 2) CSS3のメディアクエリ (Media Queries) を使ってテーマで対応 style.css 横幅に応じて自動対応させている /* =Responsive Structure (max-width: 800px) { (max-width: 650px) { (max-width: 450px) { only screen and (min-device-width: 320px) and (max-device-width: 480px) { } 225

226 ( 方法 2) style.css 横幅に応じて自動対応させている /* =Responsive Structure (max-width: 800px) { (max-width: 650px) { (max-width: 450px) { only screen and (min-device-width: 320px) and (max-device-width: 480px) { } WordPress マネタイズセミナー 携帯 & スマートフォンに対応 CSS3のメディアクエリ (Media Queries) を使ってテーマで対応 レスボンシブウェブデザイン ビューエリアの最大幅横幅 800px より小さい場合に適用 横幅 650px より小さい場合に適用 横幅 450px より小さい場合に適用 ビューエリアが320px~480pxの場合に適用 (iphone3g/3gsを意識している) 226

227 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 jquerymobileでのレスボンシブウェブデザインも可能です all and (max-device-width: 480px) if ( window.screen < 480 ) { // jquery Mobile 読み込み document.write('<script' + ' src="jquery.mobile.js"></' + 'script>'); } 端末ごとに出力するコンテンツ量を変えたい ガラケー( 携帯電話 ) にも同時に対応をしたい その場合は ( 方法 3) へ 227

228 携帯 & スマートフォンに対応 ( 難易度 ) 低 高 ( 方法 1) スマートフォンに自動対応するプラグイン ( 方法 2) CSS3 のメディアクエリ (Media Queries) を使ってテーマで対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る 228

229 WordPressマネタイズセミナー携帯 & スマートフォンに対応 スマートフォン & 携帯サイトを PC で確認の方法 Firefox のアドオン FireMobileSimulator を使いましょう 有効後 ツール > FireMobileSimulator にて スマートフォンや携帯サイトのように ユーザーエージェントを切り替えられます 229

230 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る PC サイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) ユーザーエージェントで振り分け ( 方法 1)WPtouchプラグインをそのまま使う or カスタマイズ ( 方法 2)MobilePressプラグインをそのまま使う or カスタマイズ ( 方法 3)Ktai Styleプラグインをカスタマイズ ( 方法 4) ユーザーエージェントを振り分けるプラグイン ( iphone theme switcher Mobile Theme Switcher UserAgent Theme Switcher など) ( 方法 5)$is_iphone 関数で条件分岐 ($is_iphone=iphone&android の Safari で true になる ) Ktai Styleプラグイン パケット量節約 画像を自動縮小など 日本のガラケー独特の仕様に対応 230

231 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る PCサイト スマートフォンサイト モバイルサイト ( ガラケー携帯 ) ユーザーエージェントで振り分け ( 方法 1)WPtouchプラグインをそのまま使う or カスタマイズ ( 方法 2)MobilePressプラグインをそのまま使う or カスタマイズ ( 方法 3)Ktai Styleプラグインをカスタマイズ ( 方法 4) ユーザーエージェントを振り分けるプラグイン ( iphone theme switcher Mobile Theme Switcher UserAgent Theme Switcher など) ( 方法 5)$is_iphone 関数で条件分岐 ($is_iphone=iphone&android の Safari で true になる ) Ktai Styleプラグイン パケット量節約 画像を自動縮小など 日本のガラケー独特の仕様に対応 今回は Ktai Style プラグインで スマホ & ガラケーの両方に対応 231

232 ( 手順 1) WordPressマネタイズセミナー携帯 & スマートフォンに対応 Ktai Style プラグイン スマートフォンサイトに対応したテーマや ガラケーサイトに対応したテーマを作る ( 手順 2) ktai-themesフォルダに 作ったテーマを入れる ( 手順 3) 管理画面のKtai Styleの [ テーマ ] をクリックして 各端末ごとで使うテーマを振り分ける 232

233 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Ktai Style プラグイン [ いますぐインストール ] をクリックして 有効化します 233

234 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Ktai Style でのテーマフォルダの確認 wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php languages / plugins / themes / upgrade / uploads / index.php ktai-themes/ フォルダを追加! ( 注意 ) plugins/ktai-style の中の themesフォルダに入れると プラグインバージョンアップ時に作ったテーマが消えてしまうので 必ずこの方法で行いましょう! ktai-tokyohanami / smart-tokyohanami / ココに 作ったテーマフォルダを入れる! 234

235 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Ktai Style プラグイン Ktai Style プラグインを有効化すると管理画面のメニューに左のような項目が追加されるので スマートフォンや携帯表示の設定ができます [ テーマ ] をクリックして 各端末で使うテーマを 振り分けます 235

236 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Ktai Style プラグイン Ktai Style プラグインを インストールすれば 各端末のユーザーエージェントに応じて 同一 URLで サイトを振り分けることができます 236

237 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Q:PC と携帯のリンクを自動で振り分けできますか? A: できます Ktai Style 2.1 ベータ版 [pc-only]...[/pc-only] [mobile-only]...[/mobile-only] で振り分ける ( 注意 ) この方法で行わないと Ktai Styleの次期バージョンに対応しないので注意しましょう 237

238 WordPressマネタイズセミナー携帯 & スマートフォンに対応 Q:PCと携帯のリンクを自動で振り分けできますか? A: できます PC サイト用バナーと 携帯サイト用バナーで 同じ URL で表示を分けられます 238

239 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る PC サイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) ユーザーエージェントで振り分け ( 方法 1)WPtouchプラグインをそのまま使う or カスタマイズ ( 方法 2)MobilePressプラグインをそのまま使う or カスタマイズ ( 方法 3)Ktai Styleプラグインをカスタマイズ ( 方法 4) ユーザーエージェントを振り分けるプラグイン ( iphone theme switcher Mobile Theme Switcher UserAgent Theme Switcher など) ( 方法 5)$is_iphone 関数で条件分岐 ($is_iphone=iphone&android の Safari で true になる ) Ktai Styleプラグイン パケット量節約 画像を自動縮小など 日本のガラケー独特の仕様に対応 239

240 WordPressマネタイズセミナー携帯 & スマートフォンに対応 コアファイルを確認 こうなっているというイメージだけで OK! wp-admin / wp-content / wp-includes / index.php license.txt readme-ja.html readme.html wp-activate.php wp-app.php wp-atom.php vars.php 240

241 WordPressマネタイズセミナー携帯 & スマートフォンに対応 $is_lynx = $is_gecko = $is_winie = $is_macie = $is_opera = $is_ns4 = $is_safari = $is_chrome = $is_iphone = false; if ( isset($_server['http_user_agent']) ) { if ( strpos($_server['http_user_agent'], 'Lynx')!== false ) { $is_lynx = true; } elseif ( stripos($_server['http_user_agent'], 'chrome')!== false ) { if ( stripos( $_SERVER['HTTP_USER_AGENT'], 'chromeframe' )!== false ) { if ( $is_chrome = apply_filters( 'use_google_chrome_frame', is_admin() ) ) header( 'X-UA-Compatible: chrome=1' ); $is_winie =! $is_chrome; } else { $is_chrome = true; } } elseif ( stripos($_server['http_user_agent'], 'safari')!== false ) { $is_safari = true; } elseif ( strpos($_server['http_user_agent'], 'Gecko')!== false ) { $is_gecko = true; } elseif ( strpos($_server['http_user_agent'], 'MSIE')!== false && strpos($_server['http_user_agent'], 'Win')!== false ) { $is_winie = true; } elseif ( strpos($_server['http_user_agent'], 'MSIE')!== false && strpos($_server['http_user_agent'], 'Mac')!== false ) { $is_macie = true; } elseif ( strpos($_server['http_user_agent'], 'Opera')!== false ) { $is_opera = true; } elseif ( strpos($_server['http_user_agent'], 'Nav')!== false && strpos($_server['http_user_agent'], 'Mozilla/4.')!== false ) { $is_ns4 = true; } } if ( $is_safari && stripos($_server['http_user_agent'], 'mobile')!== false ) $is_iphone = true; $is_ie = ( $is_macie $is_winie ); 241

242 携帯 & スマートフォンに対応 WordPress のコアファイルの条件分岐を前提に プラグインを作って 端末ごとに振り分けることも出来ます WordPress テーマとして style.css に Theme Name: smartphone と書いてあるモノを $is_iphone の時 (iphone や Android の時 ) に読み込むプラグイン if ( $is_iphone ) { add_action('stylesheet','change_stylesheet', 20); } function change_stylesheet($stylesheet) { return 'smartphone'; } 242

243 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ユーザーエージェントで振り分けて 専用のテーマを作る場合 jquery Mobileも便利 243

244 WordPressマネタイズセミナー携帯 & スマートフォンに対応 スマートフォンサイト用の WordPress テーマの作り方は 基本的に 通常のテーマカスタマイズと同じです Ktai StyleやWptouchには そのプラグイン専用のタグが用意されていたりするので それを使うことも出来ます 第 2 回 WordPressテーマをカスタマイズしてみよう! を参照ください 244

245 WordPressマネタイズセミナー携帯 & スマートフォンに対応 jquery Mobileは 簡単で便利 ブラウザ間の違いを気にしなくて良い (IE 対応など ) jquery jquery Mobile 245

246 WordPressマネタイズセミナー携帯 & スマートフォンに対応 jquery Mobile のタグはリファレンス等を参考に jquery Mobileのタグ PHP WordPressテンプレートタグ WordPress 条件分岐タグを組み合わせるのがコツ Designs jquery Mobile 246

247 携帯 & スマートフォンに対応 jquery Mobile を使う準備 ダウンロード 247

248 携帯 & スマートフォンに対応 jquery Mobile を使う準備 ダウンロード 248

249 WordPressマネタイズセミナー携帯 & スマートフォンに対応 jquery Mobile を使う準備 テーマフォルダの中に jquery と jquery Mobile を入れる ココでは jsフォルダを作り その中に入れました 249

250 WordPressマネタイズセミナー携帯 & スマートフォンに対応 jquery Mobile を使う準備 js フォルダの中身 jqueryと jquery Mobileのサイトからダウンロードしたファイル 250

251 WordPressマネタイズセミナー携帯 & スマートフォンに対応 jquery Mobileを使う準備 meta タグの中に jquery Mobile を読み出すタグを書く Ktai Styleで読み込む場合のタグ これで ktai-themesフォルダを読み込んでくれる <link rel="stylesheet" href="<?php ks_theme_url();?>js/jquery.mobile-1.0b3.min.css" /> <script src="<?php ks_theme_url();?>js/jquery min.js"></script> <script src="<?php ks_theme_url();?>js/jquery.mobile-1.0b3.min.js"></script> 多くのテーマフォルダでは header.php ファイル 251

252 携帯 & スマートフォンに対応 jquery Mobile を使う準備 meta タグの中に jquery Mobile を読み出すタグを書く 通常の WordPress テーマにおいて 読み込むテンプレートタグ <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/js/jquery.mobile- 1.0b3.min.css" /> <script src="<?php bloginfo('stylesheet_directory');?>/js/jquery min.js"></script> <script src="<?php bloginfo('stylesheet_directory');?>/js/jquery.mobile- 1.0b3.min.js"></script> 多くのテーマフォルダでは header.php ファイル 252

253 携帯 & スマートフォンに対応 jquery Mobile を使う準備 WordPress のコアファイルには jquery が同梱されているので 以下の WordPress のテンプレートタグで 読み込むこともできます <?php wp_enqueue_script('jquery');?> 253

254 携帯 & スマートフォンに対応 (1) テーマの色を確定 <body> <div data-role="page" data-theme="c"> <div data-role="header" data-theme="a"> <h1><?php echo get_bloginfo('name');?></h1> </div> <div data-role="content" data-theme="c"> ~~~ </div> <div data-role="footer" data-theme= a"> ~~~ </div> </div> 254

255 WordPressマネタイズセミナー携帯 & スマートフォンに対応 (2) アイコンもタグだけで実現 <div data-role="header" data-theme="a"> <a href="<?php echo get_bloginfo('url');?>" data-icon="home">top</a> <h1><?php echo get_bloginfo('name');?></h1> </div> サイトURL (WordPressのテンプレートタグ) 記事上の共通部分は header.php ファイルを用意 255

256 WordPressマネタイズセミナー携帯 & スマートフォンに対応 (3) リストビューもタグだけで実現 HTML では <ul data-role="listview" data-inset="true"> <li data-role= list-divider > 墨田区 </li> <li><a href=.html > 隅田公園 </a></li> <li><a href=.html > 錦糸公園 </a></li> </ul> トップページは home.php ファイルを用意 リストもタグ指定で簡単 WordPressで カテゴリごとにリスト化も簡単 256

257 WordPressマネタイズセミナー携帯 & スマートフォンに対応 (3) リストビュー <?php $my_query = new WP_Query(array( 'cat' => 1, 'posts_per_page' => -1, 'orderby' => 'comment_count', 'order' => 'DESC' ));?> HTMLから WordPressテーマ化 <ul data-role="listview" data-inset="true"> <li data-role="list-divider"><?php echo get_catname('1');?></li> <?php while($my_query->have_posts()) : $my_query->the_post();?> <li><a href="<?php the_permalink();?>"><?php the_title();?></a></li> <?php endwhile;?> </ul> 257

258 (3) リストビュー WordPressマネタイズセミナー携帯 & スマートフォンに対応 <?php $my_query = new WP_Query(array( 'cat' => 1, 'posts_per_page' => -1, 'orderby' => 'comment_count', 'order' => 'DESC' ));?> カテゴリー ID 1 の記事を配列に入れる 258

259 (3) リストビュー WordPress マネタイズセミナー 携帯 & スマートフォンに対応 カテゴリー ID 1 のカテゴリー名を取得 <ul data-role="listview" data-inset="true"> <li data-role="list-divider"><?php echo get_catname('1');?></li> <?php while($my_query->have_posts()) : $my_query->the_post();?> <li><a href="<?php the_permalink();?>"><?php the_title();?></a></li> <?php endwhile;?> </ul> カテゴリー ID 1 の記事をループ処理 ( 繰り返し処理 ) 記事のタイトルを取得 記事のリンク URL を取得 259

260 WordPressマネタイズセミナー携帯 & スマートフォンに対応 (4) 折り畳み <div data-role="collapsible" data-collapsed="true"> ~~~ WEBAPIを利用して Yahoo! 知恵袋の関連情報を自動取得 & 表示 ~~~ </div> 各記事は single.php ファイルを用意 コンテンツの折り畳みも簡単 WordPressと組み合わせれば 表示するコンテンツの量も変えられる 260

261 WordPressマネタイズセミナー携帯 & スマートフォンに対応 (5) フッターナビゲーション 動的にならないのなら 直接 URL を入れても良い <div data-role="footer" data-position="fixed" data-theme="c"> <div data-role="navbar"> <ul> <li><a href= <li><a href= プロフィール </a></li> <li><a href= お問い合わせ </a></li> </ul> </div> </div> 記事下の共通部分は footer.php ファイルを用意 261

262 WordPressマネタイズセミナー携帯 & スマートフォンに対応 アフィリエイトリンクの成果対象 PCサイト スマートフォンサイト モバイルサイト ( ガラケー携帯 ) PC 用 モバイル用 アフィリエイトリンク アフィリエイトリンク バリューコマース A8 リンクシェアなど 多くのASPはこの仕様 PC 用とモバイル用で振り分けないと 収益の成果対象にならない 楽天アフィリエイトのように PC 用とモバイル用のアフィリエイト リンクを統一したASPもある 262

263 WordPressマネタイズセミナー携帯 & スマートフォンに対応 もし PC 用とモバイル用で振り分けられなかったら こんな感じにしないと成果報酬に繋がらない ユーザーがちゃんとクリックしてくれるか分からない 機会損失 そもそも見た目が2 行になる では 別 URLで PCサイト スマホサイト ガラケーサイトを作る? 手間が掛かる ミラーサイトのようになる危険性も 被リンクが分散してしまうので SEO 的にもマイナス傾向 263

264 WordPressマネタイズセミナー携帯 & スマートフォンに対応 WordPress でのアフィリエイトリンク対応まとめ PC サイトスマートフォンサイトモバイルサイト ( ガラケー携帯 ) PC 用 アフィリエイトリンク モバイル用 アフィリエイトリンク ( 方法 1) スマートフォンに自動対応のプラグイン ( 方法 2)Media Query 対応テーマ ( 方法 3) ユーザーエージェントで振り分け Ktai Style プラグイン 264

265 WordPressマネタイズセミナー携帯 & スマートフォンに対応 で 結局 何が良いの? 265

266 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 1) スマートフォンに自動対応するプラグイン <メリット> プラグインを入れるだけなので 時間が掛からない 工数を掛けられない時に便利 WPtouch 有料版の場合 カスタマイズ性も高い ( 方法 3) と同じことが短時間で出来る <デメリット> カスタマイズを必要とする場合は 有料 199ドル カスタマイズには プラグインの特性を理解する 266

267 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 2) メディアクエリ (Media Queries) で対応 <メリット> ユーザーエージェントの振り分けではないので 全ての端末に対応 (Androidの一部非対応もない ) テーマだけで解決 最近のトレンドで 請負案件や講演でウケが良いかも <デメリット> 端末ごとに出力表示を柔軟に変えづらい メディアクエリによるレスポンシブウェブデザインの 267 カスタマイズは 難易度が高い

268 WordPressマネタイズセミナー携帯 & スマートフォンに対応 ( 方法 3) ユーザーエージェントで振り分けて PC スマートフォン ガラケー それぞれのサイトを作る <メリット> 端末ごとに出力表示を柔軟に変えやすい 広告の成果リンクコードが異なる場合にも柔軟に対応 管理画面内のコンテンツ出力も分けられる <デメリット> それぞれのWordPressテーマを作る必要がある 一部のAndroid 端末では対応しないらしい 268

269 WordPressマネタイズセミナー目次 0. 自己紹介 1. WordPressについて 2. WebAPI( マーチャンダイザー ) を使ってみる 3. WordPressのテーマやプラグイン紹介 4. CSV( クロスオーバーサーチ ) を使ってみる 5. WordPressで携帯 & スマートフォンに対応 6. 今後の情報収集の方法 & 質疑応答 269

270 WordPressマネタイズセミナー今後の情報収集の方法調べ方 ( インターネットで調べる編 ) WordPress Codex 日本語版 ( 英語版のWordPressのCodexを日本語化している ) WordPressのフォーラムに質問する その他 WordPress ( 調べたい事 ) で検索する 270

271 WordPressマネタイズセミナー今後の情報収集の方法 WordPress のドキュメントの参照サイト WordPress Codex 日本語版 WordPress Plugins/JSeries 271

272 WordPressマネタイズセミナー今後の情報収集の方法 調べ方 ( 書籍で調べる編 ) WordPress に関する本は 十数冊 出版されている WordPressのバージョンが2 系だった頃の情報は古い場合があるので 3 系以降の本を参考にする 具体的には 2010 年 6 月以降出版の本を参考にする amazonや楽天で 出版日付順などでソートしてみる 書籍は 初心者向け 技術者向け テーマカスタマイズに特化 プラグインに特化 など 色々 272

273 調べ方 ( 無料で人に聞いてみる編 ) WordPress は カンファレンスや勉強会が盛んで その多くは無料や場所代だけなので 参加してみる WEB 業界や IT 業界の人間も多く参加しているので 情報交換や交流には 最適な場 WordPress のカンファレンスや勉強会としては (1)WordCamp (2)WordBench (3)OSC( オープンソースカンファレンス ) などが あります WordPressマネタイズセミナー今後の情報収集の方法 273

274 WordPressマネタイズセミナー今後の情報収集の方法調べ方 ( 無料で人に聞いてみる編 ) WordPressの日本語公式サイトのイベントカレンダー IT 勉強会カレンダー ATND WordBench などで IT 関係のカンファレンスや勉強会を探すことが可能です 274

275 WordPressマネタイズセミナー今後の情報収集の方法開発プロジェクト WordPress 日本語作成チーム 日本語版 Codex WordPress Plugins/JSeries 275

276 WordPressマネタイズセミナー今後の情報収集の方法 WordPress のコミュニティ活動 まずは 全国各地で行われている WordPress の集まりのご紹介 276

277 WordCamp WordPressマネタイズセミナー今後の情報収集の方法 ユーザー 開発者が集うイベント 世界 40 以上の都市で開催 世界中で150 回以上の開催実績 日本では年に2~3 回 今までに東京 京都 福岡 横浜 名古屋 277

278 WordCamp WordPressマネタイズセミナー今後の情報収集の方法 イベント参加者約 800 人 ( 直近の WordCamp Tokyo 2011 の参加人数 ) WordPressに関するセッションやワークショップも多数 (WordCamp 横浜スタッフの集合写真 ) スタッフもたくさん! 当日だけお手伝いも大歓迎! 278

279 WordPressマネタイズセミナー今後の情報収集の方法 WordBench 各地域のユーザーコミュニティ 現在 全国各地約 40 地域 毎月 日本のどこかで勉強会や交流会を開催 BuddyPressプラグインによるオープンSNS 写真部 英語部 料理部 もくもく部なども 279

280 WordPressマネタイズセミナー今後の情報収集の方法 WordBench 写真部 一眼レフカメラ 写真好きが多い 写真を撮る旅行も 280

281 WordPressマネタイズセミナー今後の情報収集の方法 WordBench 料理部 料理を作ったり 料理を食べに行ったり 281

282 今後の情報収集の方法 WordBench もくもく部 WordPress に関するワークショップ サイトのテーマ改良 / プラグイン作成 / WordPress ドキュメントの翻訳 / 写真作品の仕上げ等 282

283 今後の情報収集の方法 オープンソースカンファレンス (OSC) ( オープンソースカンファレンス 2011 Tokyo/Spring の出展写真 ) 全国各地のオープンソースカンファレンス (OSC) に ブース出展 & セミナー発表 283

284 WordPressマネタイズセミナー今後の情報収集の方法 WordPressのイベントの探し方 WordPressの日本語公式サイトのイベントカレンダー WordBenchのサイト IT 勉強会カレンダー ATND などで WordPress 関連イベントを探すことができます 284

285 WordPressマネタイズセミナー今後の情報収集の方法 WordPressのコミュニティ活動 WordPressのコミュニティでは このように 実際に集まるイベントや勉強会も多くて とても交流が盛んです もちろん インターネット上でも オープンソースを楽しみつつ 貢献! 285

286 今後の情報収集の方法 WordPress 日本語作成チーム WordPress のコアファイルを日本語化 (mo ファイル po ファイルの作成 ) 日本ユーザー向けパッケージの配布やサポートを行う 286

287 WordPressマネタイズセミナー今後の情報収集の方法 日本語版 Codex WordPressの公式オンラインマニュアル ( ドキュメント ) 英語版の公式オンラインマニュアルの和訳や日本語ユーザ向けのノウハウ 資料などの共有 Wiki 作っていて 誰でも加筆編集できます 287

288 今後の情報収集の方法 WordPress Plugins/JSeries 日本特有の文化 (Web サービスや携帯電話等 ) にそったプラグインや マルチバイト圏に対応したプラグインの作成 配布 288

289 今後の情報収集の方法 WordPress フォーラム WordPress に関する質問や話題を話し合う場 289

290 WordPants WordPressマネタイズセミナー今後の情報収集の方法 WordPressに関する電子書籍版の雑誌 1 年に数回の出版 290

291 WeeklyCMS WordPress マネタイズセミナー 今後の情報収集の方法 色々なCMSについて USTREAM 放送 毎週土曜日午前 11 時 ~ 約 1 時間 WordPressをテーマにした回も 1ヶ月に一度くらいの割合で放送 291

292 WordPressマネタイズセミナー今後の情報収集の方法 WordPress で繋がろう! WordPress のコミュニティでは インターネット上はもちろん 実際の情報交換や交流もあって 楽しい! WordPressのプラグイン開発者やテーマ開発者のお話を生で聞くことができます IT 関係者と知り合うにも とても良い場です! その後のご縁も広がります 292

293 WordPressマネタイズセミナー今後の情報収集の方法 WordPressで繋がろう! WordPressのコミュニティに ぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? 293

294 WordPressマネタイズセミナー最後に 今後のお問い合わせなど 何かありましたら Mail: URL: などに ご連絡ください ありがとうございました! 株式会社コミュニティコム星野邦敏 294