プロっぽいサイトに見せるポイントのひとつに、かっこいいタイトルバナーがあります。
画像と文字を組み合わせたタイトルバナーの画像(jpegやgif)を作って、差し替えてみましょう。
それでは、差し替え方の説明です。
まずは、タイトルバナーを作成してください。バナー作成の詳細については、ここでは省略します。画像作成ソフトを使うなり、バナー作成サービスをネットで探すなりして、お気に入りのバナーを作ってください。作ったバナーは、Movable Type管理機能の「ファイルのアップロード」でアップロードし、アップロードパス(バナーの画像ファイルを保存しているURL)をメモしておきます。
続いて、テンプレートの変更です。ページ表示に関するすべてのテンプレート(メインページ、各アーカイブページ、等)の、タイトル表示部分を変更します。
メインページ(index.html)など、いずれかの変更したいテンプレートを開いてください。モジュール化してある場合は、タイトルバナー部分のモジュールを開いてください。下記の部分がタイトルバナーを表示しているところです。
もとは、ブログタイトル($MTBlogURL$)と、ブログ概要説明文($MTBlogDescription$)を表示するようになっています。この部分を、画像ファイルへのリンクに差し替えます。
こんな感じです。
ちなみに、画像は、その属性として「代替テキスト」を設定することができます。画像の上にカーソルを置くとテキストが表示される、あれです。
設定しておいた方がSEO対策としても効果的なので、便利に設定する方法も書いておきます。
<img src="画像のパス" border="0">
この部分を以下のように変更してみてください。「alt」が代替テキストのことです。
<img src="画像のパス" border="0" alt="<$MTBlogName encode_html="1"$>-<$MTBlogDescription$>-">
こうすると、「ブログ名-ブログ概要説明文-」が代替テキストとしてセットされます。
あとは、保存・再構築すれば終了です。どうでしょう、自分らしいサイトになりましたか?