PowerPoint プレゼンテーション - PDF 無料ダウンロード

株式会社コミュニティコム星野邦敏 116-0013 東京都荒川区西日暮里 5-37-5 NSO2 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1

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

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

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

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

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

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

WordPress についてサンプルサイト母の日ギフト人気ランキング 2012 http://mama-gift.com/ 10

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

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

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

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

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

WordPressマネタイズセミナー WordPressについてサンプルサイト水族館コミュニティ http://www.japan-aquarium.com/ 16

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPressマネタイズセミナー WordPressについて世界トップ100 万サイト中 WordPress 利用率 14.9% マクラケン直子さんのブログより引用 http://detlog.org/2011/09/12/wordcamp-kobe-2011/ 40

WordPressマネタイズセミナー WordPressについて CMSでのWordPressのシェア 56.6% マクラケン直子さんのブログより引用 http://detlog.org/2011/09/12/wordcamp-kobe-2011/ 41

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

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

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

WordPress についてブログとしても IDEA*IDEA カイ士伝 BOOK OFF スタッフブログ ( WordPress を使ったサイト WordPress Codex 日本語版より引用 ) http://wpdocs.sourceforge.jp/%e5%88%a9%e7%94%a8%e8%80%85:nao/wordpress_%e3% 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 45

WordPress についてマガジンサイトとしても美的.com TechCrunch Japan ロイター通信 ( WordPress を使ったサイト WordPress Codex 日本語版より引用 ) http://wpdocs.sourceforge.jp/%e5%88%a9%e7%94%a8%e8%80%85:nao/wordpress_%e3% 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 46

WordPressマネタイズセミナー WordPressについて企業のサイトとしてもクックパッド株式会社株式会社ベクター IR 会社情報サイトさいたまスーパーアリーナ ( WordPress を使ったサイト WordPress Codex 日本語版より引用 ) http://wpdocs.sourceforge.jp/%e5%88%a9%e7%94%a8%e8%80%85:nao/wordpress_%e3% 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 47

WordPress について学校のサイトとしても昭和女子大学神戸芸術工科大学長岡工業高等専門学校 ( WordPress を使ったサイト WordPress Codex 日本語版より引用 ) http://wpdocs.sourceforge.jp/%e5%88%a9%e7%94%a8%e8%80%85:nao/wordpress_%e3% 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 48

WordPress について海外のサイトとしても Nikon フォルクスワーゲン PEPSI ( ペプシ ) のブログ ( WordPress を使ったサイト WordPress Codex 日本語版より引用 ) http://wpdocs.sourceforge.jp/%e5%88%a9%e7%94%a8%e8%80%85:nao/wordpress_%e3% 82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88 49

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

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

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

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

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

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

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

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

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

WordPressマネタイズセミナー WordPressについて 4 分で解説!WordPress インストール http://www.youtube.com/watch?v=dfi9cnc8ac0 59

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WebAPI( マーチャンダイザー ) を使ってみるカスタムフィールドテーマに4 行のプログラムを追加して実現! <?php $custom1 = urlencode(post_custom('name')); $yahoo_gazou_api = "http://search.yahooapis.jp/imagesearchservice/v2/imagesearch?appid=< アプリケーション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

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

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

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

WebAPI( マーチャンダイザー ) を使ってみる ( 手順 1)Web API の仕様を確認するリンクシェアお問い合わせクロスオーバーサーチ Webサービスとは? 仕様書ダウンロード可能 http://linkshare.okweb3.jp/eokpcontrol?&tid=207339&event=fe0006 83

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

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

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

WebAPI( マーチャンダイザー ) を使ってみる ( 手順 4) 一応 XML を確認 ( 例 ) http://productsearch.linksynergy.com/productsearch?token=[ 自分のトークン ] &keyword= ギフト 87

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPress のテーマやプラグイン紹介プラグイン Cawaii Admin 西川伸一さん @shinichin WordPressの管理画面を可愛くするプラグイン 106

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

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

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

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

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

WordPress のテーマやプラグイン紹介プラグイン Ktai Style 池田百合子さん @lilyfanjp WordPressを携帯対応させるプラグイン 112

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

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

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

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

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

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

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

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

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

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

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

WordPress のテーマやプラグイン紹介プラグイン Contact Form 7 星野邦敏さん @khoshin メールフォームが作れるプラグイン 124

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

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

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

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

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

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

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

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

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

WordPress のテーマやプラグイン紹介プラグイン WP Total Hacks 宮内隆行さん @miya0001 お客様にWordPressを納品する時に便利なプラグイン 134

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

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

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

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

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

WordPress 講座カスタマイズ講座 (4) 子テーマで効率的にカスタマイズ Twenty Ten を子テーマで style.css1 ファイルで変更テーマファイルはこれだけでリニューアル ( 参照 ) WordBench 東京でお話させていただきました Webourgeon http://webourgeon.com/2011/11/28/wordbench-tokyo/ http://tokyo.wordbench.org/2011/12/27/wordbench-20111126/ 140

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ブログサイト名 <?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

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

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

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

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

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

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

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> <div class="top-right"> <a href="<?php echo home_url( '/' );?>category/news/"> 今までの News 一覧 </a></div> 168

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

携帯 & スマートフォンに対応 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

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

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

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

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

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

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

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

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

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-1.6.4.min.js"></script> <script src="<?php ks_theme_url();?>js/jquery.mobile-1.0b3.min.js"></script> 多くのテーマフォルダでは header.php ファイル 251

携帯 & スマートフォンに対応 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-1.6.4.min.js"></script> <script src="<?php bloginfo('stylesheet_directory');?>/js/jquery.mobile- 1.0b3.min.js"></script> 多くのテーマフォルダでは header.php ファイル 252

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

携帯 & スマートフォンに対応 (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

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

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

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

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

(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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPressマネタイズセミナー今後の情報収集の方法開発プロジェクト WordPress 日本語作成チーム http://groups.google.com/group/wp-ja-pkg 日本語版 Codex http://wpdocs.sourceforge.jp/ WordPress Plugins/JSeries http://wppluginsj.sourceforge.jp/ 275

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

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

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

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

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

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

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

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

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

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

今後の情報収集の方法 WordPress 日本語作成チーム http://groups.google.com/group/wp-ja-pkg WordPress のコアファイルを日本語化 (mo ファイル po ファイルの作成 ) 日本ユーザー向けパッケージの配布やサポートを行う 286

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

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

今後の情報収集の方法 WordPress フォーラム http://ja.forums.wordpress.org/ WordPress に関する質問や話題を話し合う場 289

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

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

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

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

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