wordpress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… ·...
TRANSCRIPT
![Page 1: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/1.jpg)
1
株式会社コミュニティコム
〒116-0013東京都荒川区西日暮里5-37-5 NSO2階URL: http://www.communitycom.jp/E-MAIL: [email protected]
星野 邦敏
WordPress活用講座〜初級編〜スマホ 適化サイトの作成術
![Page 2: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/2.jpg)
2
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 3: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/3.jpg)
3
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 4: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/4.jpg)
4
株式会社コミュニティコムという会社で、
自社運営サイトやアプリ、他企業様向けサイトも作っています。
オープンソースの活動をしたり、IT系の勉強会を主催したり、
地域の活動をしたり。
WordPressをCMSとしてWEBサイトを作ることが増えています。
星野 邦敏(ほしの くにとし)Twitter : @khoshinoFacebook : 星野邦敏(Kunitoshi Hoshino)
アクセストレード WordPress活用講座
自己紹介
![Page 5: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/5.jpg)
5
WordPressのイベントである
「WordCamp」や「WordBench」にスタッフやスピーカーとして参加。
アクセストレード WordPress活用講座
自己紹介
![Page 6: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/6.jpg)
6
WordPress日本語サイトの「イベントカレンダー」を更新する係。
ココ
アクセストレード WordPress活用講座
自己紹介
![Page 7: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/7.jpg)
7
公式ディレクトリにプラグインを登録したり。
Japan Tenkiプラグイン→全国142地域の天気を自動表示
Hello Wapuuプラグイン→ブログ更新を応援
アクセストレード WordPress活用講座
自己紹介
![Page 8: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/8.jpg)
8
自社サイト運営から法人化。
そちら側で話すことも。
アクセストレード WordPress活用講座
自己紹介
![Page 9: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/9.jpg)
9
WordPressに関して、書籍や雑誌で執筆をしたり。
2012年1月に出版web creators特別号
Webサイト制作
新トレンドの傾向と対策
2012年3月に出版速習デザインWordPress
2012年2月に出版Web Designing 2012年3月号
アクセストレード WordPress活用講座
自己紹介
![Page 10: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/10.jpg)
10
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 11: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/11.jpg)
11
サンプルサイト水族館コミュニティ
http://www.japan-aquarium.com/
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 12: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/12.jpg)
12
同一URLで、
PCサイト、スマートフォンサイト、ガラケー(携帯)サイトの
振り分けを自動で実現。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 13: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/13.jpg)
13
・Twitterに「ツイートする」ボタン
・Facebookの「いいね!」ボタン
などを、自分のサイトに設置して
ソーシャルな流れを作れる。
プラグインをインストールするだけ!
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 14: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/14.jpg)
14
プラグインをインストールするだけ!
クリック一つで
口コミ評価を出来るようにする。
&
口コミ評価一覧リストを
サイドバーに表示する。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 15: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/15.jpg)
15
プラグインをインストールするだけ!
アクセスの多い記事順に
自動でリスト化する。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 16: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/16.jpg)
16
各記事のコメントを
一覧表示する。
プラグインをインストールするだけ!
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 17: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/17.jpg)
17
プラグインをインストールするだけ!
条件検索機能
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 18: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/18.jpg)
18
プラグインをインストールするだけ!
スマートフォンや携帯電話からの
アクセスは、
スマートフォンサイト・携帯サイトを
自動的に振り分けて表示させる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 19: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/19.jpg)
19
プラグインをインストールするだけ!
メールフォーム
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 20: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/20.jpg)
20
WordPressに元々備わっている機能
WordPressのカスタムフィールド
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 21: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/21.jpg)
21
WordPressに元々備わっている機能
新着記事をトップページに表示。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 22: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/22.jpg)
22
WordPressに元々備わっている機能
他のブログの更新情報を
RSSで自動取得して表示。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 23: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/23.jpg)
23
WordPressのコメント欄を
少しだけカスタマイズ
WordPressに元々備わっている機能
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 24: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/24.jpg)
24
サイトのデザインは、
WordPressのデフォルトテーマ
「Twenty Ten」を、
子テーマにして、
少しだけカスタマイズ
しただけ。
WordPressに元々備わっている機能
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 25: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/25.jpg)
25
各地域の天気予報を
自動で取得する。
WordPressとAPIの連携(APIの活用事例)
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 26: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/26.jpg)
26
WordPressとAPIの連携(APIの活用事例)
各記事の水族館の位置を
Google Maps APIと連携して
自動で地図に一覧表示させる。
&
近いスポットはピンをまとめる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 27: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/27.jpg)
27
WordPressとAPIの連携(APIの活用事例)
そのスポットの周辺の
写真を自動で表示させる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 28: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/28.jpg)
28
WordPressとAPIの連携(APIの活用事例)
各記事に関連する画像を
自動表示する。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 29: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/29.jpg)
29
その水族館について、
Twitterの 新つぶやきを
自動表示させる。
WordPressとAPIの連携
(APIの活用事例)
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 30: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/30.jpg)
30
WordPressとAPIの連携(APIの活用事例)そのスポットから
2点間の直線距離の
近い順番に、
カフェやレストランを、
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 31: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/31.jpg)
31
WordPressとAPIの連携(APIの活用事例)
そのスポットから
2点間の直線距離の
近い順番に、
ホテルを、
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 32: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/32.jpg)
32
WordPressとAPIの連携(APIの活用事例)
記事に関連する商品を
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 33: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/33.jpg)
33
WordPressとは?・CMS(コンテンツ・マネジメント・システム)
・ブログだけでなく、企業サイトやコミュニティサイトも
・オープンソース(GPLライセンス)
・無料
・機能拡張が柔軟
・利用者が多い、情報が多い
・プログラムはPHP、データベースはMySQLで構成
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 34: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/34.jpg)
34
GPLライセンスとは?→オープンソースの一形態
・無保証
・著作権表示の保持
・無料でソースコードを入手できる、再配布自由
・特定製品に依存しない、技術的な中立を保持
・個人やグループを差別できない
・再配布物にもGPLライセンスが適用される
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 35: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/35.jpg)
35
世界トップ100万サイト中、WordPress利用率
16.3%
マクラケン直子さんのブログより引用
http://detlog.org/2011/09/12/wordcamp-kobe-2011/Historical trends in the usage of content management systems, March 2012http://w3techs.com/technologies/history_overview/content_management/all
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 36: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/36.jpg)
36
CMSでのWordPressのシェア
54.0%
マクラケン直子さんのブログより引用
http://detlog.org/2011/09/12/wordcamp-kobe-2011/Historical trends in the usage of content management systems, March 2012http://w3techs.com/technologies/history_overview/content_management/all
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 37: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/37.jpg)
37
世界の検索トレンド
Google トレンド
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 38: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/38.jpg)
38
日本の検索トレンド
Google トレンド
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 39: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/39.jpg)
39
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
勝間和代ブログ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 40: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/40.jpg)
40
美的.comTechCrunch 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
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 41: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/41.jpg)
41
クックパッド株式会社 株式会社ベクター
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
企業のサイトとしても
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 42: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/42.jpg)
42
昭和女子大学 神戸芸術工科大学 長岡工業高等専門学校
学校のサイトとしても
(「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
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 43: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/43.jpg)
43
PEPSI (ペプシ)のブログフォルクスワーゲンNikon
海外のサイトとしても
(「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
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 44: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/44.jpg)
44
小出裕章 (京大助教) 非公式まとめ
prayforjapan.jp助けあいジャパン
震災の時にはスピーディな情報公開に貢献
(「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
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 45: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/45.jpg)
45
WordPressを利用すると・・・
(1)好きな独自ドメイントで運営できる。
(2)自分の意図しない広告は入らない。
(3)文章や写真のデータを自分で管理できる。
(4)突然のサービス停止の心配がない。
(5)自由にデザインや機能を追加できる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 46: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/46.jpg)
46
(1)好きな独自ドメイントで運営できる。無料のブログでは、
例えば、
http://ameblo.jp/(自分のアカウントID)
http://blogs.yahoo.co.jp/(自分のアカウントID)
といった形になりますが、
WordPressをサーバーに設置して独自ドメインを取得すれば、
自分のURLでサイトを運営することができます。
WordPressを利用すると・・・
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 47: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/47.jpg)
47
(2)自分の意図しない広告は入らない。無料のブログでは、
その無料ブログサービスのPR広告が勝手に入ってしまうことも
多くあります。そのPR広告を外すために有料版に切り替えて
お金が掛かることもあると思います。
WordPressでは、レンタルサーバー代は掛かりますが、
その分、自分の意図しない広告が入ることは今後もありません。
WordPressを利用すると・・・
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 48: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/48.jpg)
48
(3)文章や写真のデータを自分で管理できる。無料のブログでは、
文章や写真などのデータは、その無料ブログサービスの
サーバー上にあり、データにアクセスできないことが多いです。
WordPressでは、自分の管理しているサーバーに全ての
データがあるので、いつでもアクセスが可能です。
WordPressを利用すると・・・
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 49: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/49.jpg)
49
(4)突然のサービス停止の心配がありません。無料のブログでは、サービス停止で、ブログが強制的に
無くなってしまう可能性もあります。
例)
「さるさる日記」
(http://www.diary.ne.jp/)
WordPress.orgは、サーバーインストール型なので、
サービス停止によるブログ閉鎖などの心配がありません。
WordPressを利用すると・・・
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 50: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/50.jpg)
50
(5)自由にデザインや機能を追加できます。無料のブログでは、デザインできる箇所に制約がある場合も
あります。また、欲しい機能がサービスに備わっていない場合も
あると思います。
WordPressでは、後述する「テーマ」と「プラグイン」により
自由にデザインと機能を、選択して設置することができます。
慣れている人は、自分のイメージ通りに作ることもできるので、
カスタマイズの柔軟性がとても高いです。
WordPressを利用すると・・・
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 51: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/51.jpg)
51
WordPress.com と WordPress.org
フリーのブログサービス<WordPress.com> <WordPress.org>
サーバーインストール型
・サーバーを用意する必要なく作れる。
・データベースの管理権限、FTP のアクセス権などが無く、テーマや
プラグインのアップロードに制約。
・独自ドメインNG、一部に広告表示
(有料オプションあり)
・サーバーを用意する必要がある。
・自由度が高い。
今回はorgの説明。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 52: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/52.jpg)
52
PHP バージョン 5.2.4 以上
MySQL バージョン 5.0.15 以上
もし、レンタルサーバーを借りる時は一応、仕様を確認しましょう。
→ほとんどのレンタルサーバーで対応しています!
WordPressが動く環境
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 53: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/53.jpg)
53
レンタルサーバー情報WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/レンタルサーバ情報
のページが便利です。
さくらのレンタルサーバ、ロリポップ!、CORESERVER.JP、heteml、XREA、CPI、チカッパ!、ファーストサーバ、ABLENET、め組サーバ、オーシャンインターネット、
MEDIAWARS、エックスサーバー、シックスコア、ハッスルサーバー、ギガーン、
livedoorレンタルサーバ、FC2レンタルサーバー、使えるねっと、美ら海レンタルサーバー、
フューチャースピリッツ、SpeeVer、カゴヤ・ジャパン、OCN ホスティング、WADAX、ExpressWeb、BlueHost、DreamHost、Exclusive Hosting、Laughing Squid、lunarpages、Media Temple、West Hosting・・・などなど。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 54: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/54.jpg)
54
「4分で解説!WordPressインストール」
http://www.youtube.com/watch?v=dfI9cnc8ac0
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 55: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/55.jpg)
55
ワンクリックインストール
http://wpdocs.sourceforge.jp/WordPress_のインストール/ワンクリックインストール
国内の20近いレンタルサーバーが、
WordPressワンクリックインストールに対応。
レンタルサーバーの管理画面から導入。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 56: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/56.jpg)
56
レンタルサーバーの「heteml(ヘテムル)」を
例にして、
http://heteml.jp/「heteml(ヘテムル)」の管理画面からの
ワンクリックインストールを見てみましょう。
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 57: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/57.jpg)
57
①
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 58: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/58.jpg)
58
②
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 59: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/59.jpg)
59
③
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 60: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/60.jpg)
60
④
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 61: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/61.jpg)
61
インストール完了!
ワンクリックインストールを使えば、
インストールに1分も掛からない!?
ワンクリックインストール
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 62: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/62.jpg)
62
wp-config.php
ワンクリックインストールの場合は、
データベース情報を意識することが
少ないので、必要になったら、
wp-config.phpファイルを見ましょう!
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 63: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/63.jpg)
63
データベース情報などの確認
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
wp-blog-header.phpwp-comments-post.phpwp-commentsrss2.phpwp-config.php(wp-config-sample.php)wp-cron.phpwp-feed.phpwp-links-opml.phpwp-load.phpwp-login.php
wp-mail.phpwp-pass.phpwp-rdf.phpwp-register.phpwp-rss2.phpwp-rss.phpwp-settings.phpwp-signup.phpwp-trackback.phpxmlrpc.php
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 64: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/64.jpg)
64
投稿と固定ページ
記事を書くのに使うのは、基本、この2箇所。
※WordPress3.0から「カスタム投稿タイプ」ができました。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 65: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/65.jpg)
65
投稿・時系列の記事
・カテゴリー&タグなどで分類
・投稿間で親子関係は無し
・投稿毎の専用テンプレートの
選択は不可
例:ブログ記事、新着ニュース
固定ページ・時系列ではなく、順序でソート
・カテゴライズは無し
・階層化(親と子)構造が可能
・投稿毎の専用テンプレートの
選択が可能
例:自己紹介、会社概要
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 66: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/66.jpg)
66
新規投稿をクリック。
投稿
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 67: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/67.jpg)
67
記事を書いて・・・ 公開!
投稿
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 68: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/68.jpg)
68
表示されました!※表示の仕方は、テーマの
コードの書き方によって
変えられますが、
デフォルトテーマでは、
時系列に表示されます。
投稿
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 69: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/69.jpg)
69
「カテゴリー」や「タグ」を使うことで、
投稿記事を、分類することができます。
※WordPress3.0から「カスタムタクソノミー
(カスタム分類)」ができました。
投稿
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 70: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/70.jpg)
70
本に例えると・・・
「カテゴリー」は、『章』。
「タグ」は、『付箋』。
というイメージ
投稿
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 71: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/71.jpg)
71
投稿・時系列の記事
・カテゴリー&タグなどで分類
・投稿間で親子関係は無し
・投稿毎の専用テンプレートの
選択は不可
例:ブログ記事、新着ニュース
固定ページ・時系列ではなく、順序でソート
・カテゴライズは無し
・階層化(親と子)構造が可能
・投稿毎の専用テンプレートの
選択が可能
例:自己紹介、会社概要
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 72: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/72.jpg)
72
新規追加をクリック。
固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 73: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/73.jpg)
73
記事の書き方は投稿と同じ
固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 74: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/74.jpg)
74
表示されました!※時系列を意識せずに
表示されます。
固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 75: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/75.jpg)
75
ページは、
・階層化して使う
ことができます。
・デザインテンプレートを
複数用意して、切り替える
ことができます。
・順序も変えられます。
固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 76: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/76.jpg)
76
入力方法には、①ビジュアル、②HTMLの2種類があります。
①ビジュアルは、公開した記事の表示をイメージしながら直感的に
編集することができます。
②HTMLは、HTMLコードを書いて編集します。(HTMLが分かる人向け)
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 77: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/77.jpg)
77
・記事にパスワードを掛けたり、
・下書き保存したり、
・未来の日付で予約投稿したり、
できます。
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 78: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/78.jpg)
78
画像の編集がWordPress上で出来ます!
ココをクリック
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 79: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/79.jpg)
79
投稿と固定ページ画像の編集がWordPress上で出来ます!
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 80: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/80.jpg)
80
・画像の回転、
・画像の反転、
・トリミング
などができます。
※本格的な画像編集は、
Photoshopなどの
ソフトを使いましょう。
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 81: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/81.jpg)
81
アイキャッチ画像※WordPress3.0からの新機能。
投稿と固定ページ
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 82: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/82.jpg)
82
ウィジェット
管理画面から
各エリアを
変更できる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 83: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/83.jpg)
83
カスタムヘッダー
管理画面から
メイン画像を
変更できる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 84: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/84.jpg)
84
アイキャッチ画像
各記事の
サムネイル画像を
指定できる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 85: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/85.jpg)
85
カスタムメニュー
メニューを
管理画面から
変更できる。
アクセストレード WordPress活用講座
WordPressの概要と導入
![Page 86: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/86.jpg)
86
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 87: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/87.jpg)
87
テーマとは?
WEBデザインを変えるためのモノ。
ブログの「着せ替え」。
見た目の調整だけでなく、表示する内容を
操ることもできます。
テーマは、自分で作ることも出来ます。
慣れてきたら、自分でカスタマイズすると、自由度が高まります。
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 88: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/88.jpg)
88
テーマフォルダの確認
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
languages /plugins /themes /upgrade /uploads /index.php
twentyeleven /twentyten /index.php
ココに
テーマフォルダを
FTPで入れる!
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 89: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/89.jpg)
89
テーマは管理画面からも選べます!
検索もできます!
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 90: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/90.jpg)
90
テーマは管理画面からも選べます!
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 91: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/91.jpg)
91
テーマはWordPress.orgからも選べます!
http://wordpress.org/extend/themes/
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 92: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/92.jpg)
92
自分でカスタマイズしたテーマの場合
既存のテーマは管理画面や公式ディレクトリからインストール
できますが、カスタマイズした独自のテーマは、
wp-content > themesフォルダにいれましょう。
http://wordpress.org/extend/themes/
アクセストレード WordPress活用講座
WordPressのテーマ
![Page 93: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/93.jpg)
93
プラグインとは?
「追加機能」。
WordPressの本体はシンプルなので、
自由に機能を追加するイメージ。
プラグインは、自分で作ることも出来ます。
慣れてきたら、自分でカスタマイズすると、自由度が高まります。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 94: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/94.jpg)
94
プラグインフォルダの確認
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
languages /plugins /themes /upgrade /uploads /index.php
akismet /wp-multibyte-patch /hello.phpindex.php
ココに
プラグインフォルダ
を入れる!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 95: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/95.jpg)
95
プラグインも管理画面から選べます!
検索もできます!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 96: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/96.jpg)
96
プラグインもWordPress.orgから選べます!
http://wordpress.org/extend/plugins/
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 97: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/97.jpg)
97
・Akismetコメントスパム対策
・Hello Dollyプラグインの開発サンプルコード
・WP Multibyte Patchマルチバイト文字による
不具合の修正と強化
有効化すると使えます!
デフォルトのプラグインのご紹介
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 98: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/98.jpg)
98
・Contact Form 7メールフォームを作成
・Ktai Style日本の携帯電話&スマートフォン対応
・WPtouchスマートフォン対応
・PS Auto Sitemapサイトマップを自動作成
・Custom Field Templateカスタムフィールドのテンプレート設定
・ Advertising Manager広告管理
・Welcartショッピングサイト構築
・BuddyPressSNS構築
・Subscribe2メールマガジン構築
・Admin SSLSSL対応
・WP Super Cacheキャッシュ生成、表示の高速化
・ WP-DB-Backupデータベースのバックアップ
プラグインの具体例
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 99: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/99.jpg)
99
既存のプラグインをインストールするだけで
実現できるWEBサービスを作ってみましょう!
既存のプラグインだけで作れる事例
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 100: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/100.jpg)
100
Twitterのような一言コメントができるサイト
「P2」テーマ
新規ユーザー登録を
OKにすれば、
不特定多数のユーザーが
登録できるサイトも
作れます。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 101: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/101.jpg)
101
WordPress日本語翻訳の
連絡も
P2テーマを
利用!
WordPress Codex 日本語版 会議室
http://wpjadocs.wordpress.com/
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 102: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/102.jpg)
102
ECサイト(ショップサイト)
Welcartプラグイン
具体的な事例やカスタマイズは、
以下のURLを参照ください。
http://www.welcart.com/
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 103: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/103.jpg)
103
オープン型SNS(会員制サイト)
BuddyPressプラグイン
新規ユーザー登録OKにすれば
不特定多数のユーザーが登録
することのできるサイトも作れます。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 104: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/104.jpg)
104
メールマガジン登録&投稿システム
Subscribe2Subscribe2 widgetプラグイン
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 105: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/105.jpg)
105
西川伸一さん
@shinichiN
プラグイン
Cawaii Admin
WordPressの管理画面を
可愛くするプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 106: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/106.jpg)
106
ころぐ
http://colog.jp/
WordPressの管理画面を
変えられる!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 107: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/107.jpg)
107
カイ士伝さん
@kai4den
プラグイン
WP Social Bookmarking Light
数々のソーシャルボタンを
まとめて設置!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 108: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/108.jpg)
108
・Twitterに「ツイートする」ボタン
・Facebookの「いいね!」ボタン
・Google+1ボタン
などを、自分のサイトに設置して
ソーシャルな流れを作れる。
プラグインをインストールするだけ!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 109: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/109.jpg)
109
池田百合子さん
@lilyfanjp
プラグイン
Ktai Style
WordPressを携帯対応
させるプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 110: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/110.jpg)
110
同一URLで、
PCサイト、スマートフォンサイト、ガラケー(携帯)サイトの
振り分けを自動で実現。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 111: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/111.jpg)
111
豊田有さん
@Mighty_Works
プラグイン
WPtouch
WordPressをスマートフォン
対応させるプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 112: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/112.jpg)
112
WPtouchプラグインを
有効化するだけで、
iPhoneやAndroidの端末で見たら、
スマートフォンっぽい
サイトに見える。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 113: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/113.jpg)
113
オデさん
@odyssey
テーマ
Twenty Eleven 子テーマ
WordPressデフォルトテーマを
子テーマでカスタマイズ。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 114: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/114.jpg)
114
レスポンシブ・ウェブ
デザイン
メディアクエリで、
横幅に応じて
サイトを 適化。
8bitodyssey.comhttp://8bitodyssey.com/
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 115: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/115.jpg)
115
をかもとさん
@wokamoto
プラグイン
Feedback ChampuruTwitter、はてなブックマーク、
Google+を、
コメントっぽく表示させる
プラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 116: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/116.jpg)
116
コメント欄が
賑わってる
感じに!
コメントしにくい
敷居を下げる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 117: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/117.jpg)
117
マクラケン直子さん
@naokomc
プラグイン
JetpackWordPress.com の標準機能である
WordPress.com Stats プラグイン、
Twitter ウィジェット、
Shortcode エンベッド、
Sharedaddy などが含まれた
バンドルプラグインです。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 118: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/118.jpg)
118WordPress.comの機能をセットで使える。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 119: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/119.jpg)
119
星野邦敏さん
@khoshino
プラグイン
Contact Form 7メールフォームが作れるプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 120: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/120.jpg)
120
メールフォーム
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 121: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/121.jpg)
121
星野邦敏さん
@khoshino
プラグイン
Custom Field Template (カスタムフィールドテンプレート)
カスタムフィールドをカスタマイズする
プラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 122: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/122.jpg)
122
カスタムフィールドを
使ってみましょう!
カスタムフィールドは
WordPressに元々備わっている
機能です。
カスタムフィールド
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 123: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/123.jpg)
123
例:
<?php echo get_post_meta($post->ID,'address',true); ?>
カスタムフィールドに
入力したデータを
表示しています。
カスタムフィールドを出力する
WordPressのテンプレートタグ
カスタムフィールド
水族館コミュニティ
http://www.japan-aquarium.com/
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 124: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/124.jpg)
124
<?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="" />'; }?>
テーマに4行の
プログラムを追加
して実現!
カスタムフィールド
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 125: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/125.jpg)
125
WordPressの各記事の位置情報を地図に表示
各記事の水族館の位置を
Google Maps APIと連携して
自動で地図に一覧表示させる。
&
近いスポットはピンをまとめる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 126: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/126.jpg)
126
WordPressに周辺の写真を自動で表示
そのスポットの周辺の
写真を自動で表示させる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 127: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/127.jpg)
127
WordPressに画像を自動で表示
各記事に関連する画像を
自動表示する。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 128: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/128.jpg)
128
その水族館について、
Twitterの 新つぶやきを
自動表示させる。
WordPressにTwitter情報を自動で表示
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 129: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/129.jpg)
129
WordPressにカフェ情報を自動で表示
そのスポットから
2点間の直線距離の
近い順番に、
カフェやレストランを、
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 130: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/130.jpg)
130
WordPressにホテル情報を自動で表示
そのスポットから
2点間の直線距離の
近い順番に、
ホテルを、
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 131: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/131.jpg)
131
WordPressに商品情報を一覧表示
記事に関連する商品を
自動で一覧表示する。
この部分は、自動で
アフィリエイトリンクに
なっていて
成果の収益に繋がる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 132: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/132.jpg)
132
カスタムフィールドで検索も可能
カスタムフィールドに
入力した情報で
検索ができる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 133: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/133.jpg)
133
星野邦敏さん
@khoshino
プラグイン
WP Lightbox 2リンクのある画像をクリックすると、
画像が浮き上がるようなデザイン
となるプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 134: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/134.jpg)
134
画像をクリックすると・・・
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 135: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/135.jpg)
135
WordPressを使ったら、
サイトが重くなった!
WordPress初心者
ねこび〜んさん
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 136: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/136.jpg)
136
マクラケン直子さん
@naokomc
プラグイン
WP Super Cache
キャッシュを作ってくれて、
表示の高速化ができる。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 137: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/137.jpg)
137
「WP Super Cache」プラグインを
インストールして、
「キャッシングを利用」に
するだけです!
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 138: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/138.jpg)
138
大曲仁さん
@jim0912
プラグイン
001 Prime Strategy Translate Accelerator
翻訳ファイルの読み込みを
キャッシュ化する。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 139: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/139.jpg)
139
三木徹さん
@waviaei
プラグイン
WordPress Database Backup
データベースのバックアップを
手動または自動で取ることの
できるプラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 140: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/140.jpg)
140
MySQLを管理画面から
保存できる。
定期バックアップ
も自動で出来る。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 141: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/141.jpg)
141
宮内隆行さん
@miya0001
プラグイン
WP Total Hacks
お客様にWordPressを納品する時に便利な
プラグイン。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 142: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/142.jpg)
142
いわゆる
WordPress色を消す
ことが出来る設定が
20項目以上。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 143: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/143.jpg)
143
管理画面のロゴを
変えられる等、
「WordPress」の色を
消すことが出来る。
その他にも、
webmaster権限追加、
フッター文字情報の
変更なども。
アクセストレード WordPress活用講座
WordPressのプラグイン
![Page 144: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/144.jpg)
144
パーマリンク設定
非常に重要。URLをどのようにするかを設定する。
サイト運営の始めに決定しておくべき。
管理画面の一般設定を行う
アクセストレード WordPress活用講座
WordPressのTips(豆知識)
![Page 145: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/145.jpg)
145
Q:他のブログサービスからの移行、
他のブログサービスへの移行は、できますか?
A:できます。
WordPressに元々備わっている機能である、
「インポート」機能で、他のブログサービスからWordPressへの移行が
できます。
「エクスポート」機能で、WordPressから他のブログサービスへの移行が
できます。
アクセストレード WordPress活用講座
WordPressのTips(豆知識)
![Page 146: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/146.jpg)
146
Q:他のブログサービスからの移行、
他のブログサービスへの移行は、できますか?
A:できます。
「インポート機能」
アクセストレード WordPress活用講座
WordPressのTips(豆知識)
![Page 147: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/147.jpg)
147
Q:他のブログサービスからの移行、
他のブログサービスへの移行は、できますか?
A:できます。
「エクスポート機能」
Cafe Miraggioテーマの
インポート用のXMLファイルを
用意しています。
アクセストレード WordPress活用講座
WordPressのTips(豆知識)
![Page 148: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/148.jpg)
148
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 149: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/149.jpg)
149
サンプルサイト水族館コミュニティ
http://www.japan-aquarium.com/
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 150: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/150.jpg)
150
同一URLで、
PCサイト、スマートフォンサイト、ガラケー(携帯)サイトの
振り分けを自動で実現。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 151: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/151.jpg)
151
WordPressでは、無料で、 PC用・スマホ用・モバイル用に、
同じURLでユーザーエージェントで振り分けることができます。
(例)
水族館コミュニティ
http://www.japan-aquarium.com/
(1)
各端末ごとに自動で 適な表示
・ユーザーも見やすい
・収益の機会損失が無くなる
(2)
同一URLで自動で振り分け
・コンテンツを複数書く手間が無い
・ミラーサイトにならない
・被リンク分散が無くSEOにも合う
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 152: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/152.jpg)
152
しかも、PCサイト用バナーと、携帯サイト用バナーを切り替えるなど、表示させるコンテンツも変えられます。
<PC用のバナー> <モバイル用のバナー>
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 153: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/153.jpg)
153
アフィリエイトリンクの成果対象
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
PC用
アフィリエイトリンク
モバイル用
アフィリエイトリンク
バリューコマース・A8・リンクシェア・アクセストレードなど、多くのASPはこの仕様。PC用とモバイル用で振り分けないと、収益の成果対象にならない。
※楽天アフィリエイトのように、PC用とモバイル用のアフィリエイトリンクを
統一したASPもある。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 154: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/154.jpg)
154
こんな感じにしないと
成果報酬に繋がらない。
→ユーザーがちゃんとクリックしてくれる
か分からない。機会損失。
→そもそも見た目が2行になる。
もしPC用とモバイル用で振り分けられなかったら・・・
では、別URLで、PCサイト・スマホサイト・ガラケーサイトを作る?
→手間が掛かる。ミラーサイトのようになる危険性も。
被リンクが分散してしまうので、SEO的にもマイナス傾向。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 155: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/155.jpg)
155
WordPressでのアフィリエイトリンク対応まとめ
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
PC用
アフィリエイトリンク
モバイル用
アフィリエイトリンク
Ktai Styleプラグイン(方法1)スマートフォンに自動対応のプラグイン
(方法2)Media Query対応テーマ
(方法3)ユーザーエージェントで振り分け
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 156: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/156.jpg)
156
(方法1)
スマートフォンに自動対応するプラグイン
(方法2)
Media Queriesを使ってテーマで対応
(方法3)
ユーザーエージェントで振り分けて、
PC・スマートフォン・ガラケー、
それぞれのサイトを作る
(難易度)
低
高
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 157: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/157.jpg)
157
(方法1)スマートフォンに自動対応するプラグイン
「WPtouch」プラグインを
インストールして
有効化すると、
スマートフォン対応が
自動でされた上に、
デザインも
スマートフォンっぽく
なっています。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 158: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/158.jpg)
158
プラグイン、管理画面からも選べます!
検索できます!
「WPtouch」で検索!
WordPress.orgからも選べます!
http://wordpress.org/extend/plugins/
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 159: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/159.jpg)
159
プラグインフォルダの確認
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
languages /plugins /themes /upgrade /uploads /index.php
akismet /wp-multibyte-patch /hello.phpindex.php
ココに
プラグインフォルダ
を入れる!
「wptouch」フォルダ
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 160: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/160.jpg)
160
WPtouch Languageを「Japanese」に選択して、
Saveする。
WPtouchは日本語にも対応しています。(一部翻訳が微妙)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 161: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/161.jpg)
161
WPtouchには有料版があります。
http://www.bravenewcode.com/store/plugins/wptouch-pro/
基本的に、「Developer」を選ばざるを得ない。→ライセンスキーを各サイトごとに
入力して管理する方法を取っている。
1回199ドルを支払えば、
その後は無制限・無期限で
使える。
PayPalかクレジットカード決済
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 162: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/162.jpg)
162
WPtouch有料版は、色々できます。
iPadに対応。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 163: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/163.jpg)
163
WPtouch有料版は、色々できます。
「Enabled」を選択。iPad対応
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 164: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/164.jpg)
164
WPtouch有料版は、色々できます。
その他にも、
・アイコン変更
・メニュー変更
・広告削除
・広告設定
・複数テーマ設定
・デザイン色変更
など
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 165: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/165.jpg)
165
(方法1)
スマートフォンに自動対応するプラグイン
(方法2)
Media Queriesを使ってテーマで対応
(方法3)
ユーザーエージェントで振り分けて、
PC・スマートフォン・ガラケー、
それぞれのサイトを作る
(難易度)
低
高
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 166: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/166.jpg)
166
WordPress3.2からの
新デフォルトテーマ
「Twenty Eleven」テーマは、
Media Queriesに対応した
テーマですので、
このテーマをベースに
カスタマイズすることもできます。
CSS3のメディアクエリ(Media Queries)を使ってテーマで対応
(方法2)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 167: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/167.jpg)
167
「Whiteboard」テーマなど、http://whiteboardframework.com/Media Queriesに対応した
WordPressのテーマは、
複数あります。
CSS3のメディアクエリ(Media Queries)を使ってテーマで対応
(方法2)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 168: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/168.jpg)
168
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) {・・・・・}
CSS3のメディアクエリ(Media Queries)を使ってテーマで対応
(方法2)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 169: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/169.jpg)
169
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) {・・・・・}
ビューエリアの 大幅横幅800pxより小さい場合に適用
横幅650pxより小さい場合に適用
横幅450pxより小さい場合に適用
ビューエリアが320px~480pxの場合に適用(iPhone3G/3GSを意識している)
「レスボンシブウェブデザイン」
CSS3のメディアクエリ(Media Queries)を使ってテーマで対応
(方法2)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 170: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/170.jpg)
170
jQueryMobileでの
レスボンシブウェブデザインも
可能です。
// @media all and (max-device-width: 480px)
if ( window.screen < 480 ) {// jQuery Mobile 読み込みdocument.write('<script' +' src="jquery.mobile.js"></' +'script>');}
・端末ごとに出力するコンテンツ量を変えたい。
・ガラケー(携帯電話)にも同時に対応をしたい。
→その場合は、(方法3)へ。
CSS3のメディアクエリ(Media Queries)を使ってテーマで対応
(方法2)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 171: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/171.jpg)
171
レスポンシブ・ウェブ
デザイン
メディアクエリで、
横幅に応じて
サイトを 適化。
デフォルトテーマ
「Twenty Eleven」を「子テーマ」で
カスタマイズ。8bitodyssey.comhttp://8bitodyssey.com/
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 172: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/172.jpg)
172
レスポンシブ・ウェブ
デザインに対応した
日本人が作った
無料配布の
WordPressテーマ。
BizVektorテーマ
http://bizvektor.com/
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 173: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/173.jpg)
173
(方法1)
スマートフォンに自動対応するプラグイン
(方法2)
Media Queriesを使ってテーマで対応
(方法3)
ユーザーエージェントで振り分けて、
PC・スマートフォン・ガラケー、
それぞれのサイトを作る
(難易度)
低
高
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 174: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/174.jpg)
174
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
Ktai Styleプラグイン
・パケット量節約
・画像を自動縮小
など、日本のガラケー
独特の仕様に対応
(方法3)ユーザーエージェントで振り分けて、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になる。)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 175: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/175.jpg)
175
ユーザーエージェントで振り分け
(方法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になる。)
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
Ktai Styleプラグイン
・パケット量節約
・画像を自動縮小
など、日本のガラケー
独特の仕様に対応
(方法3)ユーザーエージェントで振り分けて、PC・スマートフォン・ガラケー、それぞれのサイトを作る
Ktai Styleプラグインで、スマホ&ガラケーの両方に対応してみます。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 176: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/176.jpg)
176
(手順1)
スマートフォンサイトに対応したテーマや、
ガラケーサイトに対応したテーマを作る。
(手順2)
ktai-themesフォルダに、作ったテーマを入れる。
(手順3)
管理画面のKtai Styleの[テーマ]をクリックして、
各端末ごとで使うテーマを振り分ける。
「Ktai Style」プラグイン
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 177: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/177.jpg)
177
[いますぐインストール]を
クリックして、有効化します。
Ktai Styleプラグイン
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 178: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/178.jpg)
178
Ktai Styleでのテーマフォルダの確認
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
languages /plugins /themes /upgrade /uploads /index.phpktai-themes/
(注意)
plugins/ktai-style の中の
themesフォルダに入れると、
プラグインバージョンアップ時に
作ったテーマが消えてしまうので、
必ずこの方法で行いましょう!
ココに、作った
テーマフォルダ
を入れる!
フォルダを追加!
ktai-tokyohanami /smart-tokyohanami /
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 179: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/179.jpg)
179
「Ktai Style」プラグインを有効化すると
管理画面のメニューに左のような項目が
追加されるので、
スマートフォンや携帯表示の設定ができます。
[テーマ]をクリックして、各端末で使う
テーマを、振り分けます。
Ktai Styleプラグイン
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 180: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/180.jpg)
180
「Ktai Style」プラグインを
インストールすれば、
各端末のユーザーエージェント
に応じて、同一URLで、
サイトを振り分けることが
できます。
Ktai Styleプラグイン
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 181: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/181.jpg)
181
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の次期バージョンに
対応しないので
注意しましょう。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 182: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/182.jpg)
182
Q:PCと携帯のリンクを自動で振り分けできますか?
A:できます。
PCサイト用バナーと、携帯サイト用バナーで、
同じURLで表示を分けられます。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 183: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/183.jpg)
183
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
Ktai Styleプラグイン
・パケット量節約
・画像を自動縮小
など、日本のガラケー
独特の仕様に対応
(方法3)ユーザーエージェントで振り分けて、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になる。)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 184: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/184.jpg)
184
コアファイルを確認※こうなっているというイメージだけでOK!
wp-admin /wp-content /wp-includes /index.phplicense.txtreadme-ja.htmlreadme.htmlwp-activate.phpwp-app.phpwp-atom.php
・
・
・
vars.php・
・
・
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 185: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/185.jpg)
185
$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 );
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 186: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/186.jpg)
186
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';}
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 187: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/187.jpg)
187
ユーザーエージェントで
振り分けて、
専用のテーマを作る場合、
jQuery Mobileも便利。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 188: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/188.jpg)
188
jQuery Mobilehttp://jquerymobile.com/
jQueryhttp://jquery.com/
jQuery Mobileは、簡単で便利。
ブラウザ間の違いを気にしなくて良い。(IE対応など)
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 189: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/189.jpg)
189
・ jQuery Mobileのタグ
・ PHP・ WordPressテンプレートタグ
・ WordPress条件分岐タグ
を組み合わせるのがコツ。
jQuery Mobileのタグはリファレンス等を参考に。
Designs | jQuery Mobilehttp://jquerymobile.com/designs/
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 190: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/190.jpg)
190
ダウンロード
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 191: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/191.jpg)
191
ダウンロード
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 192: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/192.jpg)
192
テーマフォルダの中に、 jQueryとjQuery Mobileを入れる。
ココでは、
jsフォルダを
作り、
その中に
入れました。
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 193: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/193.jpg)
193
jsフォルダの中身jQueryとjQuery Mobileのサイトから
ダウンロードした
ファイル。
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 194: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/194.jpg)
194
metaタグの中に、jQuery Mobileを読み出すタグを書く。
<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ファイル
Ktai Styleで読み込む場合のタグ。
→これで、ktai-themesフォルダを
読み込んでくれる。
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 195: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/195.jpg)
195
<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>
通常のWordPressテーマにおいて
読み込むテンプレートタグ。
jQuery Mobileを使う準備
metaタグの中に、jQuery Mobileを読み出すタグを書く。
多くのテーマフォルダでは、header.phpファイル
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 196: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/196.jpg)
196
WordPressのコアファイルには、jQueryが同梱されているので、
以下のWordPressのテンプレートタグで、読み込むこともできます。
<?php wp_enqueue_script('jquery'); ?>
jQuery Mobileを使う準備
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 197: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/197.jpg)
197
<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>
(1)テーマの色を確定
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 198: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/198.jpg)
198
<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のテンプレートタグ)
(2)アイコンもタグだけで実現。
記事上の共通部分は、
header.phpファイルを用意
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 199: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/199.jpg)
199
<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>
HTMLでは・・・
トップページは、
home.phpファイルを用意
(3)リストビューもタグだけで実現。
リストもタグ指定で簡単。
WordPressで、カテゴリごとにリスト化も簡単。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 200: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/200.jpg)
200
<?php$my_query = new WP_Query(array(
'cat' => 1,'posts_per_page' => -1,'orderby' => 'comment_count','order' => 'DESC'
));?><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>
HTMLから
WordPressテーマ化
(3)リストビュー
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 201: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/201.jpg)
201
<?php$my_query = new WP_Query(array(
'cat' => 1,'posts_per_page' => -1,'orderby' => 'comment_count','order' => 'DESC'
));?>
カテゴリーID「1」
の記事を
配列に入れる。
(3)リストビュー
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 202: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/202.jpg)
202
<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」の
カテゴリー名を取得
カテゴリーID「1」の記事を
ループ処理(繰り返し処理)
(3)リストビュー
記事のタイトルを取得
記事のリンクURLを取得
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 203: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/203.jpg)
203
<div data-role="collapsible" data-collapsed="true">~~~
WEBAPIを利用して、
Yahoo!知恵袋の関連情報を自動取得&表示
~~~
</div>
各記事は、
single.phpファイルを用意
(4)折り畳み
コンテンツの折り畳みも簡単。
WordPressと組み合わせれば、
表示するコンテンツの量も変えられる。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 204: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/204.jpg)
204
<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>
(5)フッターナビゲーション
記事下の共通部分は、
footer.phpファイルを用意
動的にならないのなら、
直接URLを入れても良い。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 205: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/205.jpg)
205
アフィリエイトリンクの成果対象
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
PC用
アフィリエイトリンク
モバイル用
アフィリエイトリンク
アクセストレード WordPress活用講座
スマートフォンサイト対応
バリューコマース・A8・リンクシェア・アクセストレードなど、多くのASPはこの仕様。PC用とモバイル用で振り分けないと、収益の成果対象にならない。
※楽天アフィリエイトのように、PC用とモバイル用のアフィリエイトリンクを
統一したASPもある。
![Page 206: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/206.jpg)
206
こんな感じにしないと
成果報酬に繋がらない。
→ユーザーがちゃんとクリックしてくれる
か分からない。機会損失。
→そもそも見た目が2行になる。
もしPC用とモバイル用で振り分けられなかったら・・・
では、別URLで、PCサイト・スマホサイト・ガラケーサイトを作る?
→手間が掛かる。ミラーサイトのようになる危険性も。
被リンクが分散してしまうので、SEO的にもマイナス傾向。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 207: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/207.jpg)
207
WordPressでのアフィリエイトリンク対応まとめ
PCサイト スマートフォンサイト モバイルサイト
(ガラケー携帯)
PC用
アフィリエイトリンク
モバイル用
アフィリエイトリンク
Ktai Styleプラグイン(方法1)スマートフォンに自動対応のプラグイン
(方法2)Media Query対応テーマ
(方法3)ユーザーエージェントで振り分け
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 208: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/208.jpg)
208
スマートフォン専用の
バナーが表示される。
スマホ専用のアフィリエイトバナーも 近はあります。
アクセストレード WordPress活用講座
スマートフォンサイト対応
![Page 209: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/209.jpg)
209
0.自己紹介
1.WordPressの概要と導入
2.WordPressのテーマとプラグイン
3.スマートフォン対応
4.今後の情報の調べ方&質疑応答
アクセストレード WordPress活用講座
目次
![Page 210: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/210.jpg)
210
調べ方(インターネットで調べる編)
・WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/(英語版のWordPressのCodexを日本語化している)
・WordPressのフォーラムに質問する。
http://ja.forums.wordpress.org/・その他、「WordPress (調べたい事)」で検索する。
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 211: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/211.jpg)
211
WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/WordPress Plugins/JSerieshttp://wppluginsj.sourceforge.jp/
WordPressのドキュメントの参照サイト
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 212: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/212.jpg)
212
・WordPressに関する本は、十数冊、出版されている。
WordPressのバージョンが2系だった頃の情報は
古い場合があるので、3系以降の本を参考にする。
具体的には、2010年6月以降出版の本を参考にする。
amazonや楽天で、出版日付順などでソートしてみる。
・書籍は、初心者向け、技術者向け、テーマカスタマイズ
に特化、プラグインに特化、など、色々。
調べ方(書籍で調べる編)
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 213: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/213.jpg)
213
・WordPressは、カンファレンスや勉強会が盛んで、
その多くは無料や場所代だけなので、参加してみる。
WEB業界やIT業界の人間も多く参加しているので、
情報交換や交流には、 適な場。
・WordPressのカンファレンスや勉強会としては、
(1)WordCamp、(2)WordBench、(3)OSC(オープンソースカンファレンス)などが
あります。
調べ方(無料で人に聞いてみる編)
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 214: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/214.jpg)
214
・WordPressの日本語公式サイトのイベントカレンダー
・IT勉強会カレンダー
・ATND・WordBenchなどで、IT関係のカンファレンスや勉強会を探すことが
可能です。
調べ方(無料で人に聞いてみる編)
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 215: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/215.jpg)
215
・WordPress 日本語作成チーム
http://groups.google.com/group/wp-ja-pkg・日本語版 Codex
http://wpdocs.sourceforge.jp/・WordPress Plugins/JSeries
http://wppluginsj.sourceforge.jp/
開発プロジェクト
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 216: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/216.jpg)
216
まずは、全国各地で行われている
WordPressの集まりのご紹介
WordPressのコミュニティ活動
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 217: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/217.jpg)
217
・ユーザー・開発者が集うイベント
・世界40以上の都市で開催
・世界中で180回以上の開催実績
・日本では年に2~3回
・今までに
東京・京都・福岡・横浜・名古屋・
神戸http://japan.wordcamp.org/
WordCamp
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 218: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/218.jpg)
218
イベント参加者 約800人(直近のWordCamp Tokyo 2011の参加人数)
WordPressに関する
セッションやワークショップも多数。
スタッフもたくさん!
当日だけお手伝いも大歓迎!(WordCamp横浜スタッフの集合写真)
WordCamp
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 219: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/219.jpg)
219
・各地域のユーザーコミュニティ
・現在、全国各地 約40地域
・毎月、日本のどこかで勉強会や
交流会を開催
・BuddyPressプラグインによる
オープンSNS・写真部、英語部、料理部、
もくもく部などもhttp://wordbench.org/
WordBench
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 220: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/220.jpg)
220
・一眼レフカメラ、写真好きが多い
・写真を撮る旅行も
WordBench写真部
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 221: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/221.jpg)
221
・料理を作ったり
・料理を食べに行ったり
WordBench料理部
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 222: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/222.jpg)
222
・WordPress に関するワークショップ
・サイトのテーマ改良/プラグイン作成/
WordPressドキュメントの翻訳/写真作品の仕上げ等
WordBenchもくもく部
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 223: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/223.jpg)
223
全国各地のオープンソースカンファレンス(OSC)に
ブース出展&セミナー発表
(オープンソースカンファレンス2011 Tokyo/Springの出展写真)
オープンソースカンファレンス(OSC)
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 224: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/224.jpg)
224
・WordPressの日本語公式サイトのイベントカレンダー
・WordBenchのサイト
・IT勉強会カレンダー
・ATNDなどで、WordPress関連イベントを探すことができます。
WordPressのイベントの探し方
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 225: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/225.jpg)
225
WordPressのコミュニティでは、
このように、実際に集まるイベントや勉強会も多くて、
とても交流が盛んです。
もちろん、インターネット上でも、
オープンソースを楽しみつつ、貢献!
WordPressのコミュニティ活動
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 226: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/226.jpg)
226
http://groups.google.com/group/wp-ja-pkgWordPressのコアファイルを日本語化(moファイル、poファイルの作成)、
日本ユーザー向けパッケージの配布やサポートを行う。
WordPress 日本語作成チーム
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 227: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/227.jpg)
227
http://wpdocs.sourceforge.jp/WordPressの公式オンラインマニュアル(ドキュメント)。
英語版の公式オンラインマニュアルの和訳や日本語ユーザ向けのノウハウ・
資料などの共有。Wiki作っていて、誰でも加筆編集できます。
日本語版 Codex
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 228: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/228.jpg)
228
http://wppluginsj.sourceforge.jp/日本特有の文化(Webサービスや携帯電話等)にそったプラグインや、
マルチバイト圏に対応したプラグインの作成・配布。
WordPress Plugins/JSeries
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 229: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/229.jpg)
229
http://ja.forums.wordpress.org/WordPressに関する質問や話題を話し合う場。
WordPressフォーラム
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 230: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/230.jpg)
230
http://wordpants.org/WordPressに関する
電子書籍版の雑誌。
1年に数回の出版。
WordPants
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 231: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/231.jpg)
231
http://www.weeklycms.net/色々なCMSについて、
USTREAM放送。
毎週土曜日午前11時~、約1時間。
WordPressをテーマにした回も、
1ヶ月に一度くらいの割合で放送。
WeeklyCMS
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 232: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/232.jpg)
232
WordPressのコミュニティに、ぜひご参加を!
WordPressのイベントや勉強会に参加してみませんか?
http://ja.wordpress.org/
WordPressで繋がろう!
アクセストレード WordPress活用講座
WordPress情報の調べ方
![Page 233: WordPress活用講座〜初級編〜communitycom.jp/wp-content/uploads/2012/06/accesstrade_201206… · WordPress活用講座〜初級編 ... アクセストレードWordPress活用講座](https://reader034.vdocuments.mx/reader034/viewer/2022050520/5fa34f8febeb941fff5d4eed/html5/thumbnails/233.jpg)
233
今後のお問い合わせなど
何かありましたら、
Twitter: @khoshinoMail: [email protected]: http://www.communitycom.jp/
http://wp3.jp/などに、ご連絡ください。
ありがとうございました!
株式会社コミュニティコム 星野 邦敏
アクセストレード WordPress活用講座
後に