2013年12月31日火曜日

WordPressをjQuery Mobileでスマホ対応する時に見ておきたい記事

■基本・リファレンス

スマートフォンサイトを作る際に気をつけたい 9つのポイント
スマホサイトを作る上で必要最低限の情報が簡潔にまとめられています。

jQuery Mobile 1.1.0 日本語リファレンス
わからないことがあったらとりあえずここで。もっとこうできないかな、と思った時にも便利。実現したいことが既に機能として用意されていることがあるので、無駄なコーディングを避けるためにも目を通すことをオススメします!



■実践・全体の流れ

一連の流れがつかめる記事をまとめてみました。jQuery Mobileを使ってWordPressのテーマを制作していくイメージが湧いてくると思います。

jQuery MobileでWordPressブログのテーマを制作して、スマートフォン対応させる手順(私の場合)。

スマホ向けテーマ作り:その1ThemeRollar編
スマホ向けテーマ作り:その2 wordpressへ組込み

WordPressでKtai Styleを使ってjQuery Mobileスマートフォンサイトを制作する流れ


■デザインでつまづいた時

大きい画像を画面に収めたい時等、思うようにレイアウトができない時に確認するといいです。

WordPress のテーマを jQuery Mobile でスマートフォン対応に

WordPressサイトをスマートフォン表示へ対応させるためにやったこと



動画を画面に収めたい時の参考。

YoutubeやHTML5video等の埋め込み動画のサイズをwindow幅に合わせて動的にリサイズ/可変にする方法