« タイトルの直下にカテゴリー表示2 | メイン | MovableTypeのバナー »

タイトルの左横にアイコン表示

タイトルの横がせっかくあけれたので、アイコンでも表示したいなぁ~と考えていた。

実際な~~んも表示のやり方とか考えてなかったんやけど。

アイコンについては、初めは、「カテゴリ毎のテーマに沿ったアイコンを作って表示させよう!」と考えたけど、 カテゴリまだまだ少ないしなぁ~・・・んでもって、これから増えていったらアイコン作りまくるのもなんやなぁ~・・・ とか考えるようになっていった。

  1. カテゴリとは関係ないアイコンを表示させることに。
  2. アイコンの画像が入ったフォルダからランダムに1つ取り出して表示。

とまぁ、こんな条件で検索してみると・・・MTPhotoGalleryっちゅう、 プラグインがあるらしいのだ!

>>きままにポロポロ::MTPhotoGallery を参照させていただくことに。

おぉ!画像をクリックしたら、関連ページへジャンプする機能もあるらしい。案外高性能なんね。

●まず、MTPhotoGallery紹介のサイトへいき、PhotoGallery.zip (1.1.1.0 ? 2005-09-04) をダウンロード。

●解凍したら、PhotoGallery.plを、 mt.cgiと同じディレクトリにあるpluginsフォルダに入れます。

●一方、アイコンに使用する画像を数点用意し、 mt.cgiと同じディレクトリにフォルダを作って入れます。(今回は、 65px×65pxの画像をtitle-imgフォルダを作って入れました。 )

●テンプレートのメインページを開き、画像を表示させたいところに、下記のタグを書けばOK。(青字追加)

<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
<div class="head-img"><MTPhotoGallery sort_order="random" path="/title-img/">
<img src="<MTPhotoGalleryImageLink>"></MTPhotoGallery>
</div>
<div class="head-title"><h3 class="entry-header"><$MTEntryTitle$></h3></div>

どうかな~と思いつつ見てみると・・・; ̄ロ ̄)!! なんや、ランダムに画像は並んでるけど、縦に全ての画像が表示されてるやん!!

20060417-05

●ということで・・・、ちょこっと追加。(緑字追加)

<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
<div class="head-img"><MTPhotoGallery sort_order="random" count="1" path="/title-img/">
<img src="<MTPhotoGalleryImageLink>"></MTPhotoGallery>
</div>
<div class="head-title"><h3 class="entry-header"><$MTEntryTitle$></h3></div>

よっしゃ~成功~。感謝感謝。

20060417-06

あとは、例のごとく、エントリー・アーカイブ,カテゴリー・ アーカイブ, 日付アーカイブにも変更を加えて終了。

トラックバック

このエントリーのトラックバックURL:
http://m.vv.cx/b_mt/mt-tb.cgi/31

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)