« 富士山がきれいに見えます | メイン | GoogleのPageRankがアップ！ »
2003年11月26日
最新のMOBLOG写真を表示[ Movable Type ]
前から欲しかった機能なのですが、ぴったしの紹介ページ「Collect Plugin」がありました。説明を参考にしてすぐに設置できました。Moblogから投稿するだけで最新写真が表示されるので、後で修正する手間が掛からずGoodです。最初、ひらたさんのPhoto thumbnailを参考にしたのですが、後で、Entry の Excerpt にサムネイルの画像の「IMG」タグを入力する手間が必要になるのであきらめました。設置手順は以下の通りです。
（１）Collect Pluginをアップ
Collect Pluginから「.tar.gz」ファイルをダウンロードし展開後、「Collect.pl」ファイルをMTのpluginディレクトリにアップします。
（２）テンプレート「Main Index（index.html）」に以下を追加しました。最近の8エントリに画像(img)が含まれていたらそれぞれのエントリで最初の画像を表示します。画像の大きさはwidthで指定します(例では100)。
<div class="sidetitle">
最近の写真
</div>
<div class="side">
<MTEntries lastn="8">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>">
<img width="100" src="<$MTCollectedAttr attr="src"$>" style="margin:10px" />
</a><br />
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>
</div>
投稿者 hnakamur : 2003年11月26日 18:44 : [ 編集 ]
エントリータグ
トラックバック(5)
このブログ記事を参照しているブログ一覧: 最新のMOBLOG写真を表示
このブログ記事に対するトラックバックURL: https://nakamura-hiroshi.com/mt/mt-tb.cgi/73
別に作ったPhotologをサイドバーに載せてみました。 同じブログの画像をサムネールでサイドバー表示は、Nakamura's Weblogさんで行えます。 せっかくなので、他のブログから引っ張ってみまし... 続きを読む
最新の写真を載せてみましたｖ。 Nakamura's Weblog さんの ... 続きを読む
昨日、ここを携帯用に変換してくれる便利なＣＧＩ、MT4iを設置していたのですがふ... 続きを読む
モブログ投稿した際、サイドバーに画像を表示させる事が出来ないか。色々探し回った。... 続きを読む
特に写真中心のBlogではなくても、サイドバーに画像があると注目しますよね。Movable Typeで最近アップした画像のサムネイルを簡単に表示させる方... 続きを読む
スプリクト使わせて頂きました。有り難うございました。
私の場合画像が左サイドに寄ってしまうので真ん中に
持ってきたいのですがDIV align="center"でいいのでしょうか？これをスプリクトのどのあたりに書いたらいいのでしょうか？宜しくお願いします。
解決しました。DIV align="center"を手当たり次第に入れてみましたら、成功したみたいです。有り難うございました。
DIVのalign属性は、非推奨の様なので、スタイルシートで指定する方がいいかも知れません。例えば、「imgcenter」クラスを作って指定してみました。
【Main Index】
<div class="imgcenter">
<a href="<$MTEntryLink$>">
<img width="100" src="<$MTCollectedAttr attr="src"$>" style="margin:10px" />
</a><br />
</div>
【Stylesheet】
.imgcenter {
text-align:center
}
>DIVのalign属性は、非推奨の様なので
有り難うございました。DIVのalign属性は非推奨、どこかで読んだ気がします。参考になりました。
こんにちわ、教えて頂いた方法でindexとcssを変更してやりましたらきちんと中央に表示出来ました。
有り難うございました。
一つ教えて頂けないでしょうか、教えて頂いた修正ソースを自分のブログの覚えに書き留めておこうと思ったのですが
投稿欄には貼り付けても駄目なんですね。これ前から不思議に思っていたのですが
何か別の方法がいるのでしょうか？お暇な時に教えて下さい。
＞教えて頂いた修正ソースを自分のブログの覚えに書き留めておこうと思ったのですが
＞投稿欄には貼り付けても駄目なんですね。これ前から不思議に思っていたのですが
＞何か別の方法がいるのでしょうか？お暇な時に教えて下さい。
「<」や「>」は、タグとして認識されてしまうので、そのまま記述してもだめです。
「<」や「>」の様に記述します。
以下の様なページを参考にして下さい。
https://www.tagindex.com/html_tag/text_font/special.html
やっと疑問が解けました。
Nucleusだと変換してくるプラグインが出ていますね
取りあえずATOCの単語登録しました。有り難うございました。