ブクログの本をwordpressで表示

どんな本を持ってるか見せるために、本を管理するものを作ろうと思ってたけど、全然やる気が起きなかったので、ブクログに登録してみました。

まだ登録しただけなので使い方がわかってないんですが、登録した本をブログパーツで表示させたくて見てみたら・・・な、なんかショボイ・・・

というわけで、手動でやってみます。

ブクログのブログパーツのソースをみると、jsonpで返してくるようなので、そこだけ頂いて適当に表示させます。
（見た目のしょぼさはコレも負けてない）

1.ウィジェットからテキストを適当なところに配置
2.テキストの中にこんなのを書いてみる。
[html]

<script type="text/javascript">
function booklog_minishelf(json) {
var items = json["books"];
var html = "";
for(var i = 0; i < items.length; i++) {
var elem = items[i];
var text = ‘<div class="book"><div class="book_image"><a href="’ + elem["url"] + ‘"><img src="’ + elem["image"] + ‘" /></a></div><div class="book_title">’ + elem["title"] + ‘</div></div>’;
html += text;
}
document.getElementById("recent_books").innerHTML = html;
}
</script>
<style type="text/css">
#recent_books div.book { margin: 5px; width: 100px; float: left; }
#recent_books div.book div.book_image { margin: 3px; }
#recent_books div.book div.book_title { font-size: 10px; }
</style>

<div id="recent_books"></div>
<div class="clear"></div>

<script src="http://api.booklog.jp/json/planset?category=0&count=10&callback=booklog_minishelf"></script>
[/html]

おしまい。

Tweet