Aipoでスマートフォン用の表示を変更したい時

kayama 124views 更新:2015年6月23日

本日の作業でAipoのスマートフォン用の表示を調整する時に、そもそもどこを編集すればいいのか調べるのに時間がかかってしまいました。表示を切り替えているファイルをメモしておきます。


  • war/src/main/webapp/WEB-INF/templates/vm/layouts/default.vm

→aipoのhtml上部にあるmetaタグが確認できます。ユーザーエージェントの判定を行ってどのcssを適用させるか等の設定が書かれているので参考になります。

  • war/src/main/webapp/themes/default/css/mobile.css

→モバイル表示用CSSです。スマホでは表示・PCでは非表示にするCSSのクラス名などが確認できます。

  • ALEipUtils.java →javaファイルの中にもiphone用メニュー周りの記述があったりします。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません