TOPページのバナーをアーカイブや１記事でも表示させる方法

ファンブログカスタマイズ：HTML 編投稿日：2009年07月05日 02:00

ファンブログ　カスタマイズ　シンプル系スキン限定

前回のTOPページの記事の上にバナーを貼ってみよう！でバナーはうまく貼れたでしょうか？
今回は５枚のHTMLファイルの活用法で説明しました、「メイン」、「アーカイブ」、「１記事」の３つのHTMLファイルについておさらいをしながら、それぞれのHTMLファイルにバナーを貼る方法を説明します。

TOPページに貼ったバナーは、カテゴリやひとつの記事を選択すると消えてしまいます。これは何回かお話してますが、カテゴリは「アーカイブ」ひとつの記事は「１記事」のHTMLを見に行くしくみになっているからです。
TOPページに貼ったバナーを表示させたい場合はそれぞれのHTMLにバナータグを貼る必要があります。

まず「アーカイブ」のHTMLですが、わかりやすいように「カテゴリ」を選択した場合と説明しましたが、正しくはカテゴリ、月別、日別と「アーカイブ」とつく仕分けされたページを開くときに見に行くページになります。タグの記述は「メイン」とほとんど変わりませんし、貼る場所の記述はまったく同じです。このアーカイブを選んだときも同じバナーを表示させたい場合は「アーカイブ」のHTMLファイルの同じ場所に貼れば表示させることができます。

バナーだけでなく文章を入れたり装飾したものがTOPページに貼られているなら、「メイン」のHTMLファイルから、その部分のタグだけをコピーして貼り付ければカンタンにできますよ。

「１記事」のHTMLでも同様のことができます。ただし、「１記事」のHTMLには <BlogEntries> の記述がないので、 <div id="entries"> と <div class="entry"> の間に貼ってください。「1記事」場合は行間が詰まってますので、前回同様に改行して間を空けてから貼ってくださいね。

このHTMLファイルにバナーを貼ることを実践しますと、記事が表示される３つのHTMLファイルの意味がわかってきますので、いろいろな戦略がたてられますし、他のブロクとの差別化もできると思います。

HTMLファイルの編集は、最初はとても緊張しますが、記述されているタグの意味と仕組みがわかってきますと、今回のような追記するだけの編集は慣れもあるとは思いますが、普通にできるようになってきます。
サイドバーの編集がある程度できる方ならやってみる価値はありますんで、まずはカンタンなプロフィールのページにバナーを貼ってみよう！から実践してみてはいかがでしょうか。