本棚のブログパーツを2つ使ってみました。
ブクログとWeb本棚
ブクログの方は、記録用に買った本を登録してます。Web本棚の方は、今持ってるコミックスを全部登録してみました(続き物は1巻だけ)。
Web本棚は、今回初めて使ってみたんですが、いや、これ、すんごい楽しい! 1冊ずつ並び順を決められるので、実際の本棚では、スペースの都合上分散している本とかも、カテゴリー分けして並べられるし、ちゃんと間を空ける用のスペーサーも用意されてるので、棚の段を分けなくても、同じ棚の中で整理することもできます。すごい!
Web本棚の素敵なところ●本棚がどんどん増やせる(ただしひとつの本棚の棚の数は、Max5画面まで)
●動作が軽い。ストレスなし!
●表紙の画像がそのまま正しく表示される(全部の本を同じサイズで表示しようとして、縦横比がシカトされたりしない。表紙絵が横向きで登録されているものは、ちゃんと横向きのまま表示される ←とっても大事)
●本の並び変えが簡単にできる
Amazonにはちゃんと表紙画像があるのに、Web本棚では反映されない本があったり、本棚のデザインが木目とか色しか選べないのが、ちょっと残念ですけど、そんなことはどうでも良くなるくらい、使いやすいです。とにかく作るのも、見るのも楽しいので、コミックス以外の本棚も作りたいなぁ。
あ、あと、スペーサーの代わりに、雑貨とかPOPとか、自分で作った画像なんかを入れられるようになると楽しそう。でも、きっと、そういうのはこういうサービスとはマッチしないよねきっと……ついつい見た目をいじりたくなってしまうダメな性分。
あ、そういえば、Web本棚のブログパーツは、フリースペースに登録したら、悲しいサイドバー落ちが起きたので、対応策をメモ。とりあえず、このテンプレートでは、CSSに
div#webbookshelf-gadget-wrap {
clear:right;
}
って追加したら直りました。元々の設定は「clear:both」になってます。あ、あと、フリースペースの方にも
<div id="webbookshelf-logo-wrap">
<div id="webbookshelf-logo">
となってるところに「style="clear:right"」をぎゅうぎゅう追加して
<div id="webbookshelf-logo-wrap" style="clear:right">
<div id="webbookshelf-logo" style="clear:right">
としてみました。下のロゴの部分ですな。