# kintoneログイン画面のCSSカスタマイズの方法

**URL:** <https://community.cybozu.dev/t/topic/8012>\
**Category:** kintone 開発相談\
**Created:** [2023 年 8 月 25 日午前 7:07 UTC](https://community.cybozu.dev/t/topic/8012 "2023-08-25T07:07:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sayupaitan](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@sayupaitan](https://community.cybozu.dev/u/sayupaitan)\
**Post date:** [2023 年 8 月 25 日午前 7:07 UTC](https://community.cybozu.dev/t/topic/8012/1 "2023-08-25T07:07:29Z")

</div>

kintoneログイン画面にてCSSをにて自社のロゴを挿入したいです。

現状、背景画像は設定画面より変更し、背景にロゴの画像を張り付けて使用しています。  
そのため、画面サイズが変わるとロゴが隠れてしまうという現象が起きます。

過去の記事を調べたところ、  
「2017年時点では、ログイン画面はCSSにてカスタムできない」との記述を発見しました。

こちら、現在も変わりないのでしょうか？  
どなたかご存じの方がおられましたら、教えていただきたいです。

---

<div class="post-metadata">

**Author:** ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)\
**Post date:** [2023 年 8 月 25 日午前 7:57 UTC](https://community.cybozu.dev/t/topic/8012/2 "2023-08-25T07:57:00Z")

</div>

こんにちは。

残念ながら、今現在もログイン画面のカスタマイズは行えないようです。  
（cybozu.com共通管理画面 で、JavaScript/CSSカスタマイズを行う設定項目が存在しないです。）

なので、画面サイズに応じてサイズが変わるロゴを挿入するといった、  
カスタマイズを行うことはできないかと思われます。

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 8 月 25 日午前 8:10 UTC](https://community.cybozu.dev/t/topic/8012/3 "2023-08-25T08:10:20Z")

</div>

@sayupaitan さん

こんにちは、またまた回答させて頂きますね！  
Kintone（というかcybozu）のクラウド基盤での実行環境を使用してのログインページをカスタマイズすることは共通管理画面で背景は、画像を指定して変更しかできないです…

ただ、ひとつだけCSSカスタマイズできる方法があります！  
自身のお使いのGoogle Chrome…(お使いかどうかわかりませんが)の拡張機能を使えば特定のＵＲＬに対して適応できるので、恐らくイメージされててしたいことができるんじゃないかなと思います。  
ですが、当然ブラウザの拡張機能を使って行いますので、反映された自分のブラウザでしか動作しません…  
それでも良ければ一応できることはできるんじゃないかなと…下記に参考リンクはっておきますね！  
参考リンク：[Chrome拡張の作り方 (超概要) - Qiita](https://qiita.com/RyBB/items/32b2a7b879f21b3edefc)

---

<div class="post-metadata">

**Author:** ![sayupaitan](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@sayupaitan](https://community.cybozu.dev/u/sayupaitan)\
**Post date:** [2023 年 8 月 25 日午前 8:15 UTC](https://community.cybozu.dev/t/topic/8012/4 "2023-08-25T08:15:53Z")

</div>

ko\_jiさん、お返事ありがとうございます！

やはりそうなのですね、、できるようになるのを待つしかなさそうですね(；；)

---

<div class="post-metadata">

**Author:** ![sayupaitan](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@sayupaitan](https://community.cybozu.dev/u/sayupaitan)\
**Post date:** [2023 年 8 月 25 日午前 8:18 UTC](https://community.cybozu.dev/t/topic/8012/5 "2023-08-25T08:18:12Z")

</div>

Yuki\_Minamitaniさん  
いつも素早いお返事ありがとうございます！嬉しいです！！

そんな方法があるんですね！？  
当方chromeを使用しておりますので、少し調べてみます！

ありがとうございます！

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 8 月 28 日午前 8:19 UTC](https://community.cybozu.dev/t/topic/8012/6 "2023-08-28T08:19:10Z")

</div>

クローズされました: 2023 年 8 月 28 日午前 8:19 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
