Gluegent Gate におけるログイン画面カスタマイズ機能の拡張について

Gluegent Gate の次期リリースにおいて、ログイン画面カスタマイズ機能が拡張されます。

本拡張に伴い、ログイン画面のカスタマイズをおこなっていないお客様にはアップデートに伴う影響が無いよう調整を行なっていますが、軽微なデザインの変更(文字の配置やログインフォームの幅など)が発生する可能性があります。

ログイン画面のカスタマイズを既に行なっているお客様は、使用するロゴ画像がログアウト画面にも表示されるようになる、という影響があります。

デザインを入れた後、それを反映する前にかならずプレビューボタンを押してログイン画面に問題が生じないか、ご確認頂きますようお願い申し上げます。

※記事中のスクリーンショットは開発中のものであり、変更される可能性があります。

変更点1.独自HTMLの挿入

Secioss_Administrator-18.png

①ログインカスタマイズの機能を「画面設定」、「ロゴ画像設定」の2つに分けます(ロゴ画像設定の詳細については後述します)

②「画面カラー設定」、「文字カラー設定」をそれぞれ「認証フォーム背景色」、「認証フォーム文字色」に文言変更します

③ロゴ表示の可否を選択可能とします。ロゴ表示を「表示しない」にした場合、規定の箇所にロゴ画像が表示されなくなりますが、HTMLにプレースホルダを記述することで、表示可能です(ロゴ画像をURLで指定している場合は対象外となります)。

④画面の各所に挿入可能なHTMLを記述可能とします。各HTMLの表示される箇所は以下のとおりとなります

 ロゴ上部HTML:これまでロゴ画像が挿入されていた箇所の上部

 フォーム上部HTML:認証フォームとロゴ画像の間

 フォーム下部HTML:認証フォームの下

 フォーム左側HTML:認証フォームの左

 フォーム右側HTML:認証フォームの右

⑤プレビュー機能を追加しました。カスタマイズの内容を保存せずに確認することが可能です。

変更点2.ロゴ画像アップロード機能の追加

これまでは、ロゴ画像を特定のサーバーを利用して公開する必要がありましたが、Gluegent Gate にてロゴ画像のアップロード機能を追加します。

Secioss_Administrator-8.png

①ロゴ画像を特定のURLを使用するか、それともアップロードした画像を使用するかを選択可能です

②ロゴ画像をアップロードすることが可能となります。ロゴ画像は最大512kbまでのものをアップロード可能です。画像形式はpng、jpeg、gifをお使いいただけます

③アップロードされたロゴ画像を実際に表示可能です(画像のピクセル数が多い場合は、縮小表示となります。また、画像が表示されるタイミングは、毎時0分、20分、40分に開始される内部処理が完了した後となります)

カスタマイズ影響範囲の拡大

カスタマイズはこれまでログイン画面のみが対象となっていましたが、これをログアウト画面へのロゴ画像表示に対応しました。現在ログイン画面カスタマイズにてロゴ画像を設定されているお客様は、アップデート後ログアウト画面にてロゴ画像が表示されるようになります。

_X_N_______V___b_g_2014-02-13_14.31.54.png

利用上の注意点について

カスタマイズ画面に記載されるHTMLには特に制限は設けていないため、自由に記載いただくことが可能です。ただし、ここに記載されたカスタマイズ内容はインターネット上に公開される情報となりますため、ご注意下さい。

(比較用)旧カスタマイズ画面

参考までに、アップデート前のカスタマイズ画面を掲載します。

_X_N_______V___b_g_2014-02-10_16.55.23.png

今後、本件についての更新がありましたら、本記事を更新致します。

本機能御利用上の注意点

  • 本機能はHTML4.01、CSS2.1の御利用を前提としております
  • ログイン画面へのHTMLの挿入は、PC、及びiPadの画面のみ対応しております(スマートフォン、フィーチャーフォンには対応しておりません)
  • 本機能を御利用いただいた上で発生した障害については弊社では対応しかねますこと予めご了承下さい
他にご質問がございましたら、リクエストを送信してください

1 コメント

記事コメントは受け付けていません。