1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

kintoneのポータルのファビコンを無理やり変えるカスタマイズ

Last updated at Posted at 2021-07-12

今回はkintoneポータルのファビコンを変えてみたいと思います。

複数のkintoneポータルを使用するという状況にある場合、一体どれがどのポータルなのか分からなくなってしまうこともあるかもしれません。そんな時に便利かもしれないカスタマイズです。

※DOM操作するのでkintoneのアップデートなどで使えなくなる可能性があり、あまりオススメできないカスタマイズです。

ファビコンにしたい画像の準備

画像保管用のアプリを作成しておきます。

添付ファイルフィールドと、文字列(1行)フィールド等でメモを設置して
好きな画像を保存しておきます。

※↓こちらでアイコン作りました。

image.png

画像のURLを取得します。

画像アドレスをコピーします。

image.png

ポータルのJavaScript

portal.showイベントに↓を追加します。

const obj = document.querySelectorAll("link");
obj.forEach((o) => {
  if (o.attributes.rel.nodeValue === "shortcut icon") {
    o.href = "コピーした画像アドレス";
  }
});

以下のようにポータルのファビコンを変えることができます。

image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?