トップページ > freoのjQuery Mobileカスタマイズテンプレートについて

freoのjQuery Mobileカスタマイズテンプレートについて

freoのjQuery Mobileカスタマイズテンプレートについて(Ver1.1)

ダウンロードはこちらから行って下さい。

今回のカスタマイズでは、jQuery MobileのVer1.3(正式版)を使用しています。
※実際の動作についてはfreoSAMPLEを参照して下さい(iPhone、Android、iPadで閲覧可能)

ファイルの構成(※はver1.1で追加)
freo_iphone_1_1
┃
┣ cssiphonecommon.css(独自にカスタマイズ)
┃         ┣ icon-custom.css※(カスタムアイコン用)
┃         ┗ jquery.mobile.css(画像のパスのみ変更)
┣ imagesjqmajax-loader.gif
┃         ┣ custom-**-***.png※(カスタムアイコン画像)
┃         ┗ icon-**-***.png(jQuery Mobileデフォルトアイコン用)
┣ jsjquery.flicksimple.js※(Androidのスクロール用)
┃ ┃┗ jquery.selection.js※(簡易エディタ用)
┃ ┗iphonecommon.js(独自にカスタマイズ)
┃     ┗ jquery.mobile.jslibsfreointernalsadminconfig.php(設定管理の表示用にカスタマイズ)
┃  ┗ smartypluginsmodifier.date_select.php(日時整形プラグイン)
┗ templatesiphones(以下(略))

以上をfreoを導入しているディレクトリに上書きしてください。

【従来のfreoのiPhone版テンプレートとの機能の違い】※はver1.1で追加

各プラグインの導入時に表示されるようあらかじめテンプレートを編集してあります。
入力フォームを強化しました。
プラグイン用ファイルの追加
画像のアップロードができます。
Colorboxのインラインフレームを利用してメディア管理、メディア登録、メディア挿入ができるようになりました。
本文入力用に簡易エディタを取り付けました。
ヘッダ部分(header.html
フッタ部分(footer.html
インデックス部分(default/default.html
個別エントリー表示(view/default.html
個別ページ表示(page/default.html
ファイル一覧のエラーページ(file/error.html
ユーザー用ページ(user/default.html
管理画面(admin/
エントリー登録、ページ登録(admin/entry_form.htmladmin/page_form.html
メディア登録(admin/media_form.htmladmin/iframe_media_form.html
インフォメーション管理(admin/information_form.html
CSSファイル(css/iphone/common.css
JSファイル(css/iphone/common.js
【jQuery Mobileテンプレートのカスタマイズについて】