ユーティリティ

2017年10月

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

freoのプラグイン用テンプレートをjQuery Mobileでカスタマイズ(ver1.1)

※このプラグイン用テンプレートは 当方で配布しているjQuery Mobileカスタマイズテンプレート に準じているので、オリジナルのiPhone用テンプレートでは表示がうまくできません。

今回のカスタマイズでは、jQuery MobileのVer1.3(正式版)を使用しています。
※実際の動作については freoSAMPLE を参照して下さい(PCからでも閲覧可能ですがブラウザによっては正しく表示しない場合があります)。
※修正の内容については こちら をご覧ください。

ファイルの構成
freo_iphone_plugin
 ┃
 ┗ templates
     ┃
     ┗ iphones
         ┃
         ┗ plugins

以上のうち必要なものをfreoを導入しているディレクトリに上書きしてください。

plugins フォルダの中身】(※はver1.1で追加)

bookmark ブックマーク登録プラグイン
  • ブックマークの表示をjQuery Mobileのリスト形式にし、検索はjQuery Mobileの検索フィルターで行います。
circle サークル管理プラグイン
  • サークル一覧の表示をjQuery Mobileのリスト形式にし、検索はjQuery Mobileの検索フィルターで行います。
  • サークル登録画面でサークルカットと添付ファイルのアップロードができます。
    ※登録した画像はiPhoneとPCでは向きが異なって表示される場合がありますのでご注意下さい(この現象はfreoが原因ではありません)。
    こちら にあるように右側に丸いホームボタンがくるように横向きで撮影すればiPhoneからでもPCからでも同じ向きに表示されます。
  • サークル編集時にサークルカットと添付ファイルが登録されている場合は画像のサムネイルを表示するようにしています。
clap 拍手送信プラグイン
  • お礼の「利用対象」にiPhoneとAndroidを加えました。本当はチェックボックスで設定したかったのですが、複数のデータが登録できないのでは?と思いセレクトボックスのままになってます。
    ※使用する場合はPC版のテンプレートの clap/admin_thank_form.html の利用対象の部分にある
    <option value="mobile"{if $input.plugin_clap_thank.target == 'mobile'} selected="selected"{/if}>携帯</option>

    の下にも

    <option value="iphone"{if $input.plugin_clap_thank.target == 'iphone'} selected="selected"{/if}>iPhone</option>
    <option value="android"{if $input.plugin_clap_thank.target == 'android'} selected="selected"{/if}>Android</option>

    を追加して下さい。

  • お礼の登録画面で本文の欄にあるボタンからメディア管理だけでなくメディア登録もできます(Colorboxのインラインフレームを利用)。
  • お礼の登録画面で本文入力用に簡易エディタを取り付けました。
  • 拍手を送るボタンは本体のテンプレートには追加してませんので、適宜追加して下さい。
    ※リンクボタンを設置したい場合は
    <p><a href="{$freo.core.http_file}/clap" data-role="button" data-inline="true">拍手を送る</a></p>

    を適宜追加して下さい。

contact メール送信プラグイン
count カウンタプラグイン
entry_image エントリーイメージ表示プラグイン
  • 画像とともに記事のタイトルを表示するようにしています。
entry_receive エントリーメール投稿プラグイン
entry_tagmanager エントリータグ管理プラグイン
filemanager ファイル管理プラグイン
  • ファイルの内容入力用に簡易エディタを取り付けました。
media_all メディア一括表示プラグイン
media_document メディア文章表示プラグイン
  • 表示はjQuery Mobileのリスト形式にしてあります。
media_list メディア表示プラグイン
menu メニュー登録プラグイン
message メッセージ登録プラグイン
page_all ページ一括表示プラグイン
page_image ページイメージ表示プラグイン
  • 画像とともにページのタイトルを表示するようにしています。
page_image_categorized ページイメージ分類別表示プラグイン
  • 画像とともにページのタイトルを表示するようにしています。
page_pid_update ページ親ID一括変更プラグイン
page_tagmanager ページタグ管理プラグイン
paint イラスト投稿プラグイン
  • イラスト投稿に関する部分は除きました。イラストの管理はできます。
  • イラスト情報の編集画面でイラストのサムネイル画像が表示されるようになっています。
password パスワード認証プラグイン
popularity 人気コンテンツプラグイン
protect 直接リンク防止プラグイン
riddle なぞなぞ認証プラグイン
search 検索プラグイン
  • 検索条件を入力していないときに検索結果を表示しないようにし、検索結果の方が上に表示されるようにしました。
task タスク登録プラグイン

【修正履歴】

 2013/3/20 17:34修正
  • 日時、カテゴリ、タグなどの表記をアイコン化しました。
  • 一部ボタンのアイコンを変更しました。
  • 更新するファイル templates/iphones/plugins/bookmark/admin.html templates/iphones/plugins/bookmark/default.html templates/iphones/plugins/circle/default.html templates/iphones/plugins/clap/admin_thank_form.html(Colorboxインラインフレームでのメディア管理等、簡易エディタ設置) templates/iphones/plugins/entry_image/default.html templates/iphones/plugins/filemanager/admin.html templates/iphones/plugins/filemanager/adminform.html(簡易エディタ設置) templates/iphones/plugins/message/admin.html templates/iphones/plugins/page_image/default.html templates/iphones/plugins/paint/admin.html templates/iphones/plugins/paint/default.html templates/iphones/plugins/search/default.html

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをひらがな3文字で入力してください(スパム対策)