MTOS バナーを画像で表示したいとき
だいぶ、苦労していますが、このページもですが、MTOS（Movable Type Open Source)で作成しています。
テンプレートは、ちょっと手抜きして、テンプレートキングさんの無料テンプレートで、作成しているのですが、やはりバナーを画像にしたい！！って思って色々調べました。
ちなみに、MTOSは、本も買って色々調べていますが、ちっとも頭に入りきらない
年かな～～～ やだな～～
色々な言葉がでてきて、それらを理解しないと、ちっともできないって気がしますが、MTはSEO対策上も有効見たいなので、なんとか少しづつですが、前に進んでいます。
話はずれましたね・・・・ えーっと、SEO対策上の話は少し置いておいて、バナーを画像に変更する方法ですが、テンプレートキングさんのテンプレートを使用した場合、テンプレート⇒テンプレートモジュール⇒「バナーヘッダー」を書き変える必要があります。ただ、その前に自分で作成したバナー用の画像をアップしておく必要があります。アップした前提で話をします。
バナーヘッダー モジュールは、下記のようになっています。
|
<div id="header"> <div id="header-inner"> <div id="header-content"> <mt:Ignore><!– Use h1 and h2 html tags on the main index of the blog as the title, use divs on all other pages where there are page titles. –></mt:Ignore> <mt:If name="main_index"> <h1 id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></h1> <h2 id="header-description"><$mt:BlogDescription$></h2> <mt:Else> <div id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></div> <div id="header-description"><$mt:BlogDescription$></div> </mt:If> </div> </div> </div> |
上記の
|
<h1 id="header-name"><a href="<$mt:BlogURL$>" |
| <div id="header-name"><a href="<$mt:BlogURL$>" accesskey="1"><$mt:BlogName encode_html="1"$></a></div> |
を書き変えます。
まず、h1の所は、
| <h1 id="header-name"><a href=ブログトップページ><img src=画像を保存した場所を指定 alt="タイトルに指定したい言葉"></a></h1> |
次のは、
| <div id="header-name"><a href=ブログトップページ><img src=画像を保存した場所を指定 alt="タイトルに指定したい言葉"></a></div> |
最初のが、普通のトップページの表示の際のバナーで、次の画、アーカイブや、カテゴリ表示別で、ひっかかるものですので両方とも書き換える必要がありました。デフォルトのMTOSの場合は、他で書いている人がいるので、そちらを参照してください。
しかし、MTって難しい～～
とにかく少しづつでもいいかから勉強は続けていこうと思います。
これらの事は、自分の経験上だけの話なので、この通りにやってうまくいかなくても、責任は持てませんので、あくまで自己責任で行ってください。お願いします