トップページ

■ 2.3 バナー部分に画像のロゴ(画像)を貼る

3.カスタマイズ | コメント [5] | tb [0]

設定箇所は、トップページだけなら1箇所なので簡単です。
個別、カテゴリー、月別にも反映させるなら、それぞれのテンプレートで設定してください。

また透過GIFでない場合はスタイルシートでバナーの背景色を白に設定します。

1.使いたい画像を「blog」フォルダにアップロードする。
  【例】http://example.com/blog/topbanner.gif=画像のパス

2.テンプレート > メインページ
 コントロールを押しながらFで「banner-inner」を検索し

<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1">
<img src="画像のパス"></a>
</h1>

に変更します。

2.テンプレート > スタイルシートでバナーの背景色を白にする
 「banner」を検索し9個目を

#banner
{
width: 760px; /* necessary for ie win */
/* background: #a3b8cc;*/
background: #FFFFFF;
}

に変更します。

実行結果
mtbana.gif



ランキングのご協力をお願いします。

Category : 3.カスタマイズ | Comments [5] | Trackbacks [0]

トップページに戻る
■カテゴリ:3.カスタマイズ
△前の記事:2.2 本文の文字サイズ、色を変更
▽ 次の記事:サイドに「最新のコメント」を設置

トラックバック

このエントリーのトラックバックURL:
トラックバックする際は,このブログまたはこの記事へのリンクをお願いします。
貴サイトにリンクがない場合は削除します。

コメント

出来ました。。感動しました。。。
ここ3日ほど、あんなに格闘して出来なかったのに・・・
本当にありがとうございました。マジ感動してます(笑)。
その上、超わかりやすい説明で重ね重ねの感謝です。
お礼といっては何ですが、このページに来たときは必ず感謝を込めてポチポチと
ランキングさせていただきます。初心者ですので色々とわからないことがありまして
また質問書き込みしてしまうかもしれませんが、そのときはまたよろしくお願いします。
本当に、本当にありがとうございました。

投稿者: らーゆ | 2005年10月26日 01:14

全部のページに画像バナーを表示させるにはテンプレートのアーカイブから、
エントリーアーカイブとカテゴリーアーカイブと日付アーカイブの3つを
変更すれば良いのだと私は理解しましたが、その修正方法を初心者目線での
追加書き込みさせてください。

メインテンプレートの修正は
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1">
<img src="画像のパス"></a>
</h1>

ですが、上記、個別の3テンプレートの修正では、画像パスの通し方が、

<img src="<$MTBlogArchiveURL$>画像の名前.jpg"></a>となるんですよね?。
っていうか、私のはそうしないと表示されませんでした。

でも、日付アーカイブの修正で月別が直るのか?とか、良く解りません。なにせ
MT歴5日くらいなので、月別表示されてないし・・・・

ということで、この書き込み間違ってたら管理人様、修正もしくは削除して下さい。
万一誰かのお役に立てることを願ってしょうも無い書き込みをしてしまいました。

投稿者: らーゆ | 2005年10月26日 02:07

らーゆさん、コメントありがとうございます。
そういって頂けるとサイト運営冥利に尽きます!

追加書き込みのご質問の件ですが、
私の「画像のパス」という書き方が中途半端でした。。
パスの定義を追記させて頂きます。

ありがとうございました。

それから日付アーカイブに関しても近いうちに記事にしますが、
設定 > 公開の設定を見て頂ければ分かるかと思います。

投稿者: スマッシュ | 2005年10月26日 10:11

たいへん助かりました。本屋を探してもまだMT3.2対応の解説本は書店に並んでおらず、かといって3.1対応のガイドブックでは変更点が多すぎてまったくといっていいほど役に立ちません。

このエントリーを読んだおかげでなんとかバナーに画像を貼ることができました。

本当に、初心者にとっては「エントリー」「日付」「カテゴリー」の3アーカイブがどこにあるのか探すのも四苦八苦な有様でして…。

ちなみに私は
MTのトップディレクトリに画像ファイルをアップロードしましたが、
3種類のアーカイブについては

「エントリー」…トップディレクトリ/yyyy/mm/No/の形でURLを生成するので
→<img src="../../../ファイル名.gif">

「日付」…これまたトップディレクトリ/yyyy/mm/No/の形でURLを生成するので
→<img src="../../../ファイル名.gif">

「カテゴリー」・・・トップディレクトリ/カテゴリー名/の形でURLを生成するので
→<img src="../ファイル名.gif">

という相対パスの指定を行なったところ、うまく全部の画面でgifファイルが表示されています。

あれ、でもサブカテゴリーを設けたら今度は表示されなくなってしまうんでしょうか? それにらーゆさんもご指摘のとおり、なぜ日付アーカイブの修正で月別が直っているのか…などナゾは尽きませんね。

また投稿します。それから、もしこのコメントで他の方を誤らせるおそれがある場合は削除していただいてもかまいません。よろしくー。

投稿者: 356 | 2006年01月07日 03:09

356さん、こんにちは~
コメントありがとうございます。

こちらにも有益な情報でした。

まず<は&ltで書くと表示されます。
もしくは全角で書いてください。

この点も記事にした方がよさそうですね。。

それからアーカイブファイルを相対パスで書くのは難しいです。
ご指摘の通りサブカテはもう一個下の階層にいきますから。

ちなみに日付アーカイブとは月別の事をさしています。
日付とエントリー(個別)を混同される方も多いようです。

またコメントしてください。
お待ちしてますよ~

投稿者: スマッシュ | 2006年01月07日 09:48

コメントを投稿

コメントを表示する前に管理人の承認が必要になります。
承認されるまではコメントは表示されませんので、少々お待ちください。

:必須

:必須



トップページに戻る
■カテゴリ:3.カスタマイズ
△前の記事:2.2 本文の文字サイズ、色を変更
▽ 次の記事:サイドに「最新のコメント」を設置