ログオン画面の背景画像を変更する

最終更新日: 2021年3月1日
R8 | R9

背景画像をカスタマイズフォルダに保存する方法を説明します。

背景画像を保存する

ログオン画面の背景画像は wagbyapp\webapps\$APPNAME\img\logon_bg.png として用意されています。

差し替えたいファイルを PNG 形式画像として用意します。これを次の場所に保存します。(*)

customize\webapp\img\logon_bg.png

インストール直後は、customize\webappフォルダまでが用意されています。開発者ご自身でimgフォルダの作成を行ってください。

標準で含まれている logon.css に次のような設定があります。

.logonBgImg {
/*  height: 100%;*/
/*
  height: auto;
  max-width: 100%;
*/
}

この .logonBgImg を mycommon.css で上書き設定することができます。

例えば次のようにすることで、ブラウザウィンドウの高さに合わせて背景画像のアスペクト比を保持した状態で伸縮されます。

.logonBgImg {
  height: 100%;
}