「あとで読む」Firefoxアドオン Read It Laterに画像を付ける

Firefoxアドオンには「あとで読む」機能をつけるものがいくつかあり、今まではWebサイトのサムネイル画像付きで保存できるTabooを使っていた。
しかし、リストの整理や新規タブで開くことなどが出来ず使い勝手が悪かったので他のものを探してみたところ、Read It Laterにあるアドオンを組み合わせればサムネイル画像付きのあとで読むを作ることが出来たので、その方法を紹介する。

追加するアドオンはBookmark Previews。
これを使えばRead Laterした際に自動でWebサイトのサムネイル画像を作ってくれ、ツールチップに表示してくれる。

しかし、これではブックマークサイドバーではサムネイル画像が表示されるが、ツールバーボタンのReading Listではサムネイル画像が表示されない。なので、ブックマークツールバーを利用してサムネイル画像の表示されるあとで読むリストを作る。

まず、ブックマークツールバー内に無名のフォルダを作り、Read It Laterで保存する場所に指定する。そして、Bookmarks Previewsの設定で「Show previews in the bookmark toolbar」の項目にチェックを入れ、ブックマークツールバーをツールバーに配置して以下のCSSを適用する。

#personal-bookmarks [label=""] {
list-style-image: url(chrome://isreaditlater/skin/book16.png) !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}

これで、サムネイル画像付きのあとで読むリストをツールバーに作ることが出来る。もし、ブックマークツールバーとあとで読むリストを別々に使いたいのであればToolbar Thingerを使えばよい。