TopMovable Typeカスタマイズアイテム > ブログ記事に挿入したアイテムだけのサムネイル画像一覧を表示する
2008年12月 1日

ブログ記事に挿入したアイテムだけのサムネイル画像一覧を表示する

Posted at December 1,2008 1:30 AM
Category:[アイテム]
Tag:[, , ]

Movable Type 4.x のデフォルトテンプレートのアイテム一覧は、アップロードしたアイテムがすべて表示されます。ブログ記事に挿入した画像だけを表示したくても、ブログ記事と無関係にアップロードしたアイテムが含まれてしまいます。

ブログ記事に挿入した画像のサムネイル画像だけを表示したい場合には、次のように「アイテム」ウィジェットを改変する必要があります。

<mt:ignore>ブログにアイテムがあれば実行</mt:ignore>
<mt:if tag="AssetCount">
 
<mt:ignore>変数初期化</mt:ignore>
<mt:setVar name="counter" value="0" />
<mt:setVar name="flag" value="0" />
<mt:blogEntryCount setvar="entry_count" />
<mt:entries lastn="$entry_count">
    <mt:entryAssets type="image">
      <mt:assetsHeader>
 
        <mt:ignore>フラグが設定されていなければヘッダーを出力</mt:ignore>
        <mt:unless name="flag">
<div class="widget-recent-assets widget">
    <h3 class="widget-header">アイテム</h3>
    <div class="widget-content">
        <ul class="widget-list">
 
          <mt:ignore>フラグ設定してこのunless文が実行されないようにする</mt:ignore>
          <mt:setVar name="flag" value="1" />
        </mt:unless>
      </mt:assetsHeader>
 
      <mt:ignore>10アイテムまで表示</mt:ignore>
      <mt:if name="counter" lt="10">
        <li class="item"><a class="asset-image" href="<$mt:assetURL$>"><img src="<$mt:assetThumbnailURL height="70"$>" class="asset-img-thumb" alt="<$mt:assetLabel$>" title="<$mt:assetLabel$>" /></a></li>
 
         <mt:ignore>カウンタインクリメント</mt:ignore>
         <mt:setVar name="counter" op="++" />
      </mt:if>
 
    </mt:entryAssets>
</mt:entries>
 
<mt:ignore>フラグが立っていたらフッターを出力</mt:ignore>
<mt:if name="flag">
        </ul>
    </div>
</div>
</mt:if>
</mt:if>

赤色部分の数字を変更すれば、表示件数を変更することができます。

2009.08.20
サブテンプレートを一部修正しました。

Posted by yujiro   このページの先頭に戻る
関連記事
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


コメント

上記のエントリー(サムネイル画像一覧を表示させる)を試したのですが、赤色部分の数字を変更しても表示件数がうまく変更されないので、もし原因になりそうなことが分かりましたらアドバイスいただけないでしょうか?

※ メインページでは、記入数字が2なら3つのサムネイル表示、5なら6で表示など一桁の場合は表示件数が記入した数字より1多く、9,10,11,12,13を記入した場合はどれも表示件数は10になりました。
他のアーカイブでも使ってるのですが、12で記入してるのですが13で表示されます。

[1] Posted by ikegami : August 14, 2009 2:03 PM

>ikegamiさん
こんばんは。
ご質問の件ですが、掲載しているテンプレートを一部修正しました。お手数ですが、ご指摘の不具合が解消しているか、再度ご確認頂ければと思います。
それではよろしくお願い致します。

[2] Posted by yujiro logo : August 20, 2009 9:55 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)

Now loading...
Introduction
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 5.12