Firefox Quantumの ブックマークの faviconをカスタマイズする方法

Firefox Quantumになって、ブックマークの favicon(アイコン)をカスタマイズしにくくなりましたね。

以前は拡張機能で簡単にアイコンを変更できたのに、いまは手動で設定する必要があります。
とは言うものの、そんなに難しい話ではないので、下記のようにやってみてください。

1. 表示させたいアイコンを プロフィールディレクトリの chromeフォルダにコピーする
(プロフィールフォルダは about:support を開いて「フォルダを開く」ボタンを押すと、そのフォルダが開きます = フォルダの PATHが判るということです)

2. 同じく chromeフォルダの userChrome.css に下記のように記述する
(userChrome.css の文字コードは UTF-8にしてください)

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.bookmark-item[label="XXXXXXXXXX"] image {
width:0!important;
height:0!important;
padding: 0 0 16px 16px !important;
background:url(ZZZZZZZZZZ.png)!important;
}

XXXXXXXXXX はブックマークされている名前
ZZZZZZZZZZ.png は表示したいアイコンのファイル名

後は上の設定 (.bookmark-item全体)を繰り返すだけ

userChrome.cssを保存したら Firefoxを再起動すると設定が反映されているはずです。

画像

画像


ついでに
toolbar[mode="icons"] .toolbarbutton-text { display:none !important; }
と書くと、ブックマークツールバー上の名前を消すことができますよ。
これでブックマークバーがすっきりシンプルになりました。

画像

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック