Firefoxブックマークサイドバーの行間幅/文字縦幅の縮小方法

今回は筆者が愛用するWebブラウザ「Firefox」について。

「Windows XP」など32ビット時代にリリースされていたFirefoxは、サイドバーのブックマークエリアにおいて、行と行の幅、つまり文字列と文字列の縦幅が狭く、多くのブックマークを表示できた。

しかし、以降のFirefoxでは行間の間隔が広くなり、縦幅が間延びした事で、ブックマークを表示できる数が少なくなった。

今回は、そんなFirefoxサイドバーブックマーク文字列の行間を狭くして詰める方法。

Firefoxブックマークサイドバーの縦幅を縮小する方法

まずはデザインの変更を「有効」にする

初期設定では、デザイン(スタイルシート)の変更が「無効(false)」になっている可能性がある。それを有効にする方法が以下。

STEP1FirefoxのURLが表示される部分「アドレスバー」に「about:config」と打ち込み「エンターキー」。
STEP2「危険性を承知の上で使用する」をクリック。
STEP3検索枠に「toolkit.legacyUserProfileCustomizations.stylesheets」をコピペで入力。
STEP4その項目が「false」になっていたらダブルクリックして「true」にする。これでデザイン変更が有効になる。
STEP5Firefoxを再起動。

行間/縦幅の変更方法

STEP1「メニューバー」の「ヘルプ」をクリック。

STEP2「他のトラブルシューティング情報」をクリック。

STEP3新たな画面が開き、「プロファイルフォルダー」エリアの「フォルダーを開く」をクリック。すると、Firefoxのブログラムが格納されているフォルダが開く。

STEP4そのフォルダ内で新たなフォルダを作成。手順は「右クリック」→「新規作成」→「フォルダー」をクリック。そして、そのフォルダー名を「chrome」に変更して保存。

STEP5作成した「chrome」フォルダ内で新たな「ファイル」を作成。「フォルダ」ではなく「ファイル」。手順は「右クリック」→「新規作成」→「テキストドキュメント」をクリックし、そのファイル名を「userChrome.css」に変更する。「.txt」というファイル形式で保存するのではなく、ファイル名の最後の拡張子も「.css」にする事がポイント。

STEP6作成した「userChrome.css」ファイルをダブルクリックして以下のコードを記述。

STEP7ファイルを保存し、Firefoxを再起動。これで完了。

行間幅の変更のポイント

ポイントとして、「min-height :18px !important;」の「18px」がブックマークの文字列と文字列の行間幅(縦幅)。

その行間幅を縮めて狭くしたいのならば17px、16px、15pxと数字を減らし、反対に行間幅をゆとりある広い状態にしたいのならば、19px、20px、21pxというように、数字増やして「上書き保存」すればOK。なお「px」とはピクセルの事。

プルダウンリストの行間も整えたい場合

サイドバーの行間だけではなく、「メニューバーのリストの行間」「ブックマークツールバーのフォルダリストの行間」「ブックマークツールバーに入りきらないブックマークリストの行間幅」などにおいても、文字列の縦幅を整えたい場合は「userChrome.css」ファイルに以下のコードを記述し上書き保存。

「px/ピクセル」という単位が幅。そのpxの数字をいろいろ試し、「上書き保存」と「Fireroxの再起動」を繰り返して最終的に好みの幅にする事ができる。

深刻な事態にならない

Firefoxに変更を加えて間違ったりすると「深刻な事になるのでは？」と思うところ。しかし、今回紹介したテクニックはデザインを少しだけ変更するだけであるため、深刻な事態にならない。心配は不要。

もし、よくわからなくなったら、やり直せば良いし、不安な場合はファイルそのものを削除すれば元に戻る。