画像 カスタマイズ vol.4

タイトルを画像に変更する方法

うりゃぁ！！
っと一気に第４弾。

タイトルを画像に変える方法です。
まずは画像を作りましょう。
作ったら最寄りのフォルダにアップロードして置きます。
変更するテンプレートはMain IndexとArchive全部です。

※ブラウザによっては機能しない物もあるようなのでお勧めしません。

<div id="banner">

<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>

<span class="description"><$MTBlogDescription$></span>

</div>

というソースがタイトルと説明文を生成してます。
これを、

<div id="banner">

<a href="<$MTBlogURL$>" accesskey="1">

<img src="表示させたい画像.gif" border="0"

</a>

</div>

に変更すればOKです。
気を付けるのは、Main IndexとArchiveでは画像までのファイルパスが違うので自分のフォルダ構成をしっかり確認しましょう。

ここだと、index.phpと同じ階層にArchiveフォルダを作ってその中に各アーカイブが生成されるようにしてあるので、Main Indexで設定したファイルパスに../を付け足して一個上の階層に戻るように記述してあげます。

画像にマッピングを使う場合は、

<div id="banner">

<img src="表示させたい画像.gif" usemap="#top" border="0">

<a href="<$MTBlogURL$>" accesskey="1"><map name="top">

<area shape="rect" coords="0,0,0,0"></map></a>

</div>

こういう感じになります。