WordBench福井 第8回勉強会（2012年4月21日）で発表したライトニングトークのスライドです。レスポンシブウェブデザインのテンプレートを作る際に便利な変数を紹介しています。

1. レスポンシブウェブデザインに効く
この一言！のはなし。
カウベル・コーポレーション 森川徹志
Copyright 2012 COWBELL Corporation.
Some rights reserved

2. 森川徹志（もりかわ・てつし）自己紹介
● 福井市生まれ
● 雑誌・パンフ・サイト等を編集・制作
● WordPress歴7年目（バージョン2.0.xより）
● 仕事（受託・自社サービス）でも個人でもWP活用
Copyright 2012 COWBELL Corporation.
Some rights reserved

3. 最近ヒットしたブログネタ
Copyright 2012 COWBELL Corporation.
Some rights reserved

4. FB+Tw効果でアクセスが普段の2倍
Copyright 2012 COWBELL Corporation.
Some rights reserved

5. さて、レスポンシブデザイン。
Copyright 2012 COWBELL Corporation.
Some rights reserved

6. レスポンシブウェブデザインとは？
● ブラウザの横幅でレイアウトが変わる
● (x)HTMLファイルは単一
● CSS3で横幅を判断しレイアウト制御
Copyright 2012 COWBELL Corporation.
Some rights reserved

7. WordPressでの例
Copyright 2012 COWBELL Corporation.
Some rights reserved

8. PCで見たTwenty Eleven
Copyright 2012 COWBELL Corporation.
Some rights reserved

9. iPhoneで見たTwenty Eleven
Copyright 2012 COWBELL Corporation.
Some rights reserved

10. CSS3 の Media Queries
Copyright 2012 COWBELL Corporation.
Some rights reserved

11. PC iPhone
拙作『へやさがす.net』
Copyright 2012 COWBELL Corporation.
Some rights reserved

12. Copyright 2012 COWBELL Corporation.
Some rights reserved

13. Copyright 2012 COWBELL Corporation.
Some rights reserved

14. Copyright 2012 COWBELL Corporation.
Some rights reserved

15. デバイスに応じて文字列を変える？
Copyright 2012 COWBELL Corporation.
Some rights reserved

16. $is_iphone
Copyright 2012 COWBELL Corporation.
Some rights reserved

17. <?php
global $is_iphone;
if ( $is_iphone ) :
?>
<p>スマホorタブレットの場合の文字列</p>
<?php else : ?>
<p>PCの場合の文字列</p>
<?php endif; ?>
コーディング例
Copyright 2012 COWBELL Corporation.
Some rights reserved

18. $is_iphone が true になる条件
● User-Agent（UA）文字列に safari がある
（大文字・小文字を区別しない）
● かつ UA文字列に mobile がある
（大文字・小文字を区別しない）
Copyright 2012 COWBELL Corporation.
Some rights reserved

19. $is_iphone が true になる環境
● iOS
（iPhone, iPod touch, iPad）
● Android
標準ブラウザ
Dolphin Browser HD
Copyright 2012 COWBELL Corporation.
Some rights reserved

20. 余談
Copyright 2012 COWBELL Corporation.
Some rights reserved

21. $is_iphone のありか
INSTALL_DIR
wp-includes
vars.php ←ここ
Copyright 2012 COWBELL Corporation.
Some rights reserved

22. $is_winIE
まあまあ使えそう
Copyright 2012 COWBELL Corporation.
Some rights reserved

23. $is_opera
使わなくもない…かな…
Copyright 2012 COWBELL Corporation.
Some rights reserved

24. $is_NS4
えっ？ えっ？
Copyright 2012 COWBELL Corporation.
Some rights reserved

25. レスポンシブウェブデザインへの対応
● レイアウト
→CSS3 の Media Queries を利用
● 文字列
→$is_iphone を有効活用
Copyright 2012 COWBELL Corporation.
Some rights reserved

26. Thanks! tetsushi.morikawa
Copyright 2012 COWBELL Corporation.
Some rights reserved