Wordpressでクロスメディア対応を模索 | Cool Tips! Cool Designs!

Cool Tips! Cool Designs!

大小関わらず、役にたった、ヤラれた~(笑)と思える素敵な事を気が向いた時に更新してます

Wordpressも3.3.1となり、どんどん便利さが増している。

そうなると、この便利なCMSで3つのメディア=PC、携帯、スマホに
対応させていきたい。
記事を一つ投稿すれば、すべてのメディアに最適表示できたら素敵。

Wordpress.orgで配布されているテンプレートは
もともとがPC仕様なので、PC対応は問題なし。

携帯対応も、「ktai-style」という優れたプラグインがあるから
ある程度問題ない。※1

※1 携帯用テンプレートもカスタマイズしたり新規作成したい場合は、多少HTMLやPHPの知識が必要。


残るは、台頭めざましいスマホ対応策。

かつてはWP-touchという便利なプラグインがあったけれど、
2011年にセキュリティ上の問題が発覚 ※2 したために
 Wordpress.org から排除されたので下記の方法が選択肢としてある。

・Wordpress用プラグイン「WPtap Mobile Detector」を使う方法

・jQuery Mobileを使用する方法(jQueryのスマホ版)
 DEMO
 Download


※2 WordPressのプラグインに悪質なコードが混入(IT Media)
 WordPress向けの複数のプラグインから、巧妙な手口で隠されたバックドアが見つかった。
http://www.itmedia.co.jp/news/articles/1106/23/news019.html


今回は、とりあえずWordpressで対応できそうな方法を挙げたので、
今度はどんな感じで作成できたかメモしていきます。


今回の参考ページ:

Wordpress org テンプレート
http://wordpress.org/extend/themes/

●Wordpress携帯用プラグイン「ktai-style」
http://wppluginsj.sourceforge.jp/ktai_style/



WordPressのプラグインに悪質なコードが混入(IT Media)
WordPress向けの複数のプラグインから、巧妙な手口で隠されたバックドアが見つかった。
WordPress.orgのブログによると、複数のプラグインに不審な動作が見られたため調べたところ、
「AddThis」「WPtouch」「W3 Total Cache」の各プラグインから、巧妙な手口で隠されたバックドアが見つかった。
バックドアを仕込んだのは各プラグインの作者ではないと開発チームは見ている。
http://www.itmedia.co.jp/news/articles/1106/23/news019.html 

◆ 自分の身は自分で守る!WordPressプラグインを使うときに注意していること
http://www.torounit.com/blog/2012/02/15/1258/

◆ Wordpressのフリーテーマに仕込まれるRFI攻撃の足がかり
http://mariagefreres.dyndns.org/wordpress/?p=7138



■iPhoneなどのスマートフォンに最適化されたWordPressテーマを、WPtouch無しで適用できるプラグイン「WPtap Mobile Detector」
http://ushigyu.net/2012/02/20/smartphone_theme_wptap_mobile_detector/

■ WPtouchを卒業!!iPhoneに最適化されたテーマと簡単なカスタマイズ方法など
http://nori510.com/archives/7103

スマホ デザイナーのためのjQuery Mobile解説(その0) 【導入】

■jQuery Mobileリリース
http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/