前から欲しかった機能なのですが、ぴったしの紹介ページ「Collect Plugin」がありました。説明を参考にしてすぐに設置できました。Moblogから投稿するだけで最新写真が表示されるので、後で修正する手間が掛からずGoodです。最初、ひらたさんのPhoto thumbnailを参考にしたのですが、後で、Entry の Excerpt にサムネイルの画像の「IMG」タグを入力する手間が必要になるのであきらめました。設置手順は以下の通りです。
(1)Collect Pluginをアップ
Collect Pluginから「.tar.gz」ファイルをダウンロードし展開後、「Collect.pl」ファイルをMTのpluginディレクトリにアップします。
(2)テンプレート「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>
スプリクト使わせて頂きました。有り難うございました。
私の場合画像が左サイドに寄ってしまうので真ん中に
持ってきたいのですが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を変更してやりましたらきちんと中央に表示出来ました。
有り難うございました。
一つ教えて頂けないでしょうか、教えて頂いた修正ソースを自分のブログの覚えに書き留めておこうと思ったのですが
投稿欄には貼り付けても駄目なんですね。これ前から不思議に思っていたのですが
何か別の方法がいるのでしょうか?お暇な時に教えて下さい。
>教えて頂いた修正ソースを自分のブログの覚えに書き留めておこうと思ったのですが
>投稿欄には貼り付けても駄目なんですね。これ前から不思議に思っていたのですが
>何か別の方法がいるのでしょうか?お暇な時に教えて下さい。
「<」や「>」は、タグとして認識されてしまうので、そのまま記述してもだめです。
「<」や「>」の様に記述します。
以下の様なページを参考にして下さい。
http://www.tagindex.com/html_tag/text_font/special.html
やっと疑問が解けました。
Nucleusだと変換してくるプラグインが出ていますね
取りあえずATOCの単語登録しました。有り難うございました。