はじめに

Google Chromeにはブックマークマネージャ(ブックマーク一覧)という機能が備わっていますが、見た目がいまいちで、フレームでの分割表示やフォルダの開閉等が使いづらいのが難点です。

そこで、ブックマークの一覧の見た目をかわいらしくし、使いやすくするエクステンションと、その設定方法を紹介します。

↓好きな色に変えたり、文字を大きくしたりできるブックマークのエクステンション(右)

はじめに、以下のChromeエクステンションと、フリーフォントをインストールします。

インストールするもの

エクステンション

  • Bookmark Tree(細かいカスタマイズが可能なブックマーク拡張)
  • New Tab Website(指定したページを新しいタブで開く拡張)

フリーフォント

カスタマイズ方法(推奨設定)

STEP1

ブックマークの一覧を見やすく使いやすくするために、Bookmark Treeのオプションを設定します。
アイコンを右クリックして、オプションを選択します。

オプション画面は、左から、Appearance、Behavior、Misc、と3つの枠があります。
Appearanceから順に解説していきます。

(1)Appearance

  • Popup ポップアップ画面の大きさの設定を行ないます。(アイコンをクリックすると表示される画面の大きさ) 大きい方が見やすいので、倍くらいの大きさにしておきます。
横幅Widthを600、縦幅Heightを800と入力
  • Font フォントの種類をかわいいフォントに設定します。
KFひま字と入力(※KFは大文字)
  • Font size

フォントのサイズを見やすく少し大きめに設定します。

95%と入力
  • Custom style

ブックマーク一覧の、行間・余白・カラー等の細かい調整を行ないます。調整したコードがありますので、下記のコードをそのままコピーしてテキストボックス内に貼りつけてください。コード(CSS)

body{background:#f2a0a1;}#tree{margin:5px;}div.dir,div.dir.open{background-position:0 3px;}.title{padding:2px 0px 2px 0px;color:#9e3d3f;font-weight:bold;}#url{margin:5px;padding:20px;min-height:50px;color:#f6bfbc;background:#b94047;text-align:center;line-height:1.2;}

カラーを変更したい場合は、コードの#につづく6桁の色番号を変更(下図参照)

色番号はこのサイトをご参考ください⇒WEB色見本 原色大辞典

(2)Behavior

ブックマークのタイトルをクリックした時の開き方を下図のとおり設定します。覚えておくととても便利です。

For bookmarks

  • Left-click to...Open in background tab(マウスの左クリックした時、バックグラウンドでブックマークを表示
  • Middle-click to...Open in current tab(マウスの真ん中クリックした時、選択中のタブにブックマークを表示
  • Right-click to...Open in new tab(マウスの右クリックした時、新しいタブに移ってブックマークを表示

For directories
- Open/close directory(フォルダを開く、閉じる
- Open all bookmarks in current window(現在のウインドウに、フォルダのブックマークをすべて開く
- Open all bookmarks in new window(新しいウインドウに、フォルダのブックマークをすべて開く

(3)Misc
- Remember opened folderにチェックし、フォルダ開閉状態を記憶する
- Root directoryは、ブックマークバーに設定(その他のブックマークを表示したい場合は、rootを選択)

STEP2

新しいタブを開いたときに、このブックマークの一覧を開けるように設定します。ブラウザの拡張機能画面を開き、New Tab Websiteのオプションをクリック(下図参照)

Website to open on New Tab:に下記の文字列を入力してSave(下図参照)

chrome-extension://dneehabidhbfdiohdhbhjbbljobchgab/standalone.html

以上

まとめ

  • 見た目も可愛く使いやすいブックマークの一覧に
  • シンプルで動作が軽い、フォルダの開閉がし易い
  • マウスのクリック操作でタブの開き方が使い分けできる
  • 新しいタブ(Ctrl+T)で、ブックマーク一覧が出現
  • 色、文字サイズ、フォントなどのカスタマイズができる いかがでしたでしょうか。ブックマークはよく使う機能なので、見やすく気に入ったものにしておくと重宝するのではないでしょうか。 あと、ブラウザの起動時にこのブックマークを表示させておくと便利です。 (タブのところで、右クリックをしてタブを固定で設定できます)