themerollerでデザイン作成
自分の欲しいデザインがjQueryMobileから提供されていていない場合、
自作する必要がある
そんなときには、jQueryが提供している
ThemeRollerというツールを使う
http://themeroller.jquerymobile.com
へアクセスし
テーマを作成していく
使い方が日本語で掲載されている
http://dev.screw-axis.com/doc/jquery_mobile/resources/themeroller/overview/
を参考にしながら使えば効率的
また、自分でデザインするのは面倒だったり
デザインまで考えるのはちょっと…という場合には
Androidみたいなデザインにするなら
https://github.com/jjoe64/jquery-mobile-android-theme
iPhoneみたいなデザインにするなら
https://github.com/taitems/iOS-Inspired-jQuery-Mobile-Theme
で公開されている
Android theme for jQueryMobileの使い方は
githubからzipファイルをダウンロードし
解凍したら
WebアプリのCSSディレクトリ配下へ
.cssファイルをコピー
また、Javascriptファイルも
WebアプリのJSディレクトリ配下へ
コピーする
これであとは
headの中で
script要素の
src=””でファイルパスを指定する
これで使えるようになるけど
テーマフレームワークの代わりに使われるため
data-theme=””
での指定ができなくなる