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

本日の作業で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用メニュー周りの記述があったりします。