FC2blogの着せ替えブログ

★ブラウザで開いておくページ

【テンプレートに関するヘルプ】
[default]のプレビュー画面
[default]のテンプレート修正画面

あらかじめ、この、ブロック変数について詳しく書かれている、【テンプレートに関するヘルプ】を開いておきましょう。
こちらのページは、管理画面→テンプレートの設定と進みますと、テンプレートの追加というボタンの右の【テンプレートに関するヘルプ】というリンクから、開く事が出来ます。
そして、こちらの独自タグ（ブロック変数）に、ざっと目を通しておき、どんな項目があるのか、見ておきます。

そして、テンプレートの設定の画面で、あらかじめ追加しておいた、カスタマイズしたいテンプレート（ここでは、[default]）の[修正]を選び、テンプレートを開きます。
そして、自分のブログでの、[default]のプレビューを選び、表示させます。

今回は、記事のタイトル部分をカスタマイズする、として、「記事のタイトル部分」は、ＨＴＭＬのどの部分なのか、探してみましょう。

記事タイトルというのは、自分で投稿し、その記事によってタイトルが違いますよね？
という事は、テンプレート上では、何らかのタグに置き換えられて記入されている、と、考えられます。（ＨＴＭＬとＣＳＳの違いを参照のこと）
ですから、【テンプレートに関するヘルプ】ページで調べてみます。

探したいのは、記事タイトルですから、記事の繰り返し部分ブロックの項目の中を調べてみます。
【テンプレートに関するヘルプ】ページの、変数の説明の【エントリーを繰り返し表示】ブロックを見ます。
すると、<%topentry_title> - タイトルを表示というタグが見つかります。
どうでしょう？コレっぽくないですか？(笑)

では、いよいよ、「記事タイトル部分」を表すＦＣ２の独自タグ（ブロック変数）は、<%topentry_title>に違いない！と仮定して、テンプレートのＨＴＭＬ内では、どこに記述してあるのか、探してみましょう。

先ほど調べた【テンプレートに関するヘルプ】ページで、<%topentry_title>は、【エントリーを繰り返し表示】の項目にありました。
この【エントリーを繰り返し表示】させる範囲を指定する、ナビゲーションタグ（ＦＣ２の独自タグ）は、【エントリーを繰り返し表示】の左側に記載されています、<!--topentry--> 〜 <!--/topentry-->です。
つまり、こういう事になります。

<%topentry_title> - タイトルを表示というタグは、【エントリーを繰り返し表示】<!--topentry--> 〜 <!--/topentry-->までの間で使用する事が出来るタグ（ブロック変数）である、という事がわかります。

ですから、テンプレートのＨＴＭＬ内を探す時には、このナビゲーションタグ<!--topentry--> 〜 <!--/topentry-->を頼りに、探して行くとわかりやすいです。

[default]のテンプレート修正画面の、ＨＴＭＬ内を上記をヒントに探します。
どうでしょう？見つかりましたか？
<!--topentry-->のすぐ下にありましたね！
下のようになっているはずです。

<!--topentry-->

<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
<div class="body">

ではでは、本当に<%topentry_title>は、記事タイトルなのでしょうか？
確かめてみましょう。

上記の部分に「テスト」という文字を<%topentry_title>タグの前に、書き足して保存します。
これで、「テスト」という文字がブラウザで見た時に、目印になります。
実際のブログの「記事タイトル」の前に「テスト」という文字が一緒に表示されたら、正解です。
もし、「テスト」という文字が、別の場所に表示されたら、それは、不正解となります。

ＨＴＭＬに「テスト」の文字を書き足すと下記のようになります。

<!--topentry-->

<h3><a id="<%topentry_no>" name="<%topentry_no>">テスト<%topentry_title></a></h3>
<div class="body">

書き足して、更新ボタンを押しますと、修正されて保存されます。
では、書き足した「テスト」の文字が、実際のブログの「記事タイトル」の前に表示されるかどうか、確かめましょう。
最初にブラウザで開いておいた、[default]のプレビュー画面を表示させ、ブラウザの更新（リロード）ボタンを押します。

どうですか？ブラウザに表示されている、それぞれの記事タイトルの前に、すべて「テスト」という文字が追加されていませんか？

以上の事によって、[default]のテンプレートのＨＴＭＬ内において、「記事タイトル」について記述されている場所がわかりましたね。
（書き足した「テスト」の文字は、確認が終わったら、削除してもとに戻してください。）

ＨＴＭＬ内での、「記事タイトル」の記述場所がわかったら、それと同時に、ＨＴＭＬ内で「記事タイトル」が、どのように意味付けされているのか、わかります。
こちらの[default]テンプレートの場合、「記事タイトル＝<%topentry_title>」のタグを挟んでいるのが、＜ｈ３＞というＨＴＭＬタグですから、このテンプレート内では、３番目に大きな見出しとして扱われている、という事がわかりますね。

この事により、「記事タイトル＝<%topentry_title>」の表示に関わるタグは＜ｈ３＞というタグだ、という事がわかりましたので、次は、テンプレートのスタイルシート内で、＜ｈ３＞のタグに関する記述場所を探す事になります。

※テンプレートによっては、＜ｐ＞や＜ｄｉｖ＞で挟まれている場合もあります。
そして、クラス名やＩＤ名によって、更に、意味付けされている場合もあります。