MTEntryImages を使って最近読んだ本の画像をリスト表示

MTEntryImagesを使って、最近読んだ本(と音楽CD)の画像をリスと表示してみました。MTEntryImageの良いところはAmazonから貼付けている画像でも取得して表示してくれるところです。作業はMTEntryImagesプラグインをインストールして、下記のようなウィジェットを作成しただけです。

メモログでは、本と音楽の記事にはそれぞれ「book」「music」というタグがついているので、その記事にある画像だけを表示させます。

<div class="widget-books module">
<h2 class="widget-header">最近の本と音楽</h2>
<div class="widget-content">
<ul><MTEntries tags="book OR music" lastn="9">
<MTEntryImages img_lastn="1" this_entry="1">
<li><a href="<MTEntryImageEntry><$MTEntryPermalink$></MTEntryImageEntry>"><
img src="<$MTEntryImageSrc$>" alt="<$MTEntryImageAlt$>"></a></li>
</MTEntryImages></MTEntries>
</div>
</div>

CSSは下記のような感じです。

.widget-books img, .all-books-musics img {width:65px;}
.widget-books ul, .all-books-musics ul {list-style-type:none;margin:0;padding:0;}
.widget-books li, .all-books-musics li {display:inline;}

上記と同じ要領で、過去の読んだ本・買ったCDの画像を表示するページを作成してみました。なかなかいい感じです。

トラックバック(0)

コメントする