小粋空間  -  a cheap joke and a play on words site

FC2ブログテンプレートのtitle要素をカスタマイズする

FC2ブログテンプレートのtitle要素をカスタマイズする方法を紹介します。

１．完成例

このカスタマイズを行うことで、次のように、ページ別に異なるタイトルを表示できるようになります。

トップページ（「FC2ブログ」がブログ名）

記事ページ（「てすと」が記事タイトル）

カテゴリーページ（「日記」がカテゴリ名）

月別ページ

検索結果ページ

タグ検索結果ページ

以下、テンプレートタグの基本も含め、カスタマイズ方法を解説します。サンプルのテンプレートタグだけ欲しい方は、４項に掲載したものをコピーしてください。

２．ブログ名を表示する

title要素にブログ名を表示するには、次のようにします。

<title><%blog_name></title>

<%blog_name>はブログ名を出力するテンプレートタグです。

３．ページ別に出力情報を変更する

２項の記述では、すべてのページでブログ名しか表示されないので、次のように変更することで、ページ別に出力情報を変えることができます。

<title><%sub_title> <%blog_name></title>

<%sub_title>タグはページに応じた内容を出力するテンプレートタグです。ページ別の出力内容は次のようになります。

ページ	出力内容
メインページ	（出力なし）
記事ページ	記事タイトル
カテゴリーページ	カテゴリー名
月別ページ	年月
検索結果ページ	検索キーワード
タグ検索結果ページ	タグ名

ただし<%sub_title>タグを使った場合、月別ページについては、例えば2011年12月のページは「201112」という風に表示されるので、見栄えがよくありません。

月別ページは、年を表示する<%now_year>タグと月を表示する<%now_month>タグを使って「2011年12月」と表示させる方がよさそうです。

この<%now_year>タグと<%now_month>タグを使うには「月別ページのときだけ」という条件分岐が必要になります。

また、記事ページのときにブログ名とのセパレータ文字「|」や「-」を使いたい場合もあると思います。このときも条件分岐が必要です。

条件分岐の方法は３項で解説します。

３．ページ別の出力情報を細かく制御する

２項の設定よりさらに細かい制御を行うには次のテンプレートタグを使用します。例えば先程の「月別ページのときだけ異なるタグを利用する」という場合は次のようにします。

<!--date_area--><%now_year>年<%now_month>月<!--/date_area-->
<!--date_area--><%sub_title><!--/date_area-->

<!--date_area-->～<!--/date_area-->は、月別ページのときに囲った部分（上の例では「<%now_year>年<%now_month>月」を出力）を実行する役割があります。

また、<!--not_date_area-->～<!--/not_date_area-->は、月別ページ以外のときに囲った部分（上の例では「<%sub_title>」を出力）を実行する役割があります。

各ページを判定するテンプレートタグは次のとおりです。

用途	テンプレートタグ
トップページで表示	<!--index_area-->～<!--/index_area-->
トップページ以外で表示	<!--not_index_area-->～<!--/not_index_area-->
記事ページで表示	<!--permanent_area-->～<!--/permanent_area-->
記事ページ以外で表示	<!--not_permanent_area-->～<!--/not_permanent_area-->
カテゴリーページで表示	<!--category_area-->～<!--/category_area-->
カテゴリーページ以外で表示	<!--not_category_area-->～<!--/not_category_area-->
月別ページで表示	<!--date_area-->～<!--/date_area-->
月別ページ以外で表示	<!--not_date_area-->～<!--/not_date_area-->
検索結果ページで表示	<!--search_area-->～<!--/search_area-->
検索結果ページ以外で表示	<!--not_search_area-->～<!--/not_search_area-->
タグ検索結果ページで表示	<!--tag_area-->～<!--/tag_area-->
タグ検索結果ページ以外で表示	<!--not_tag_area-->～<!--/not_tag_area-->

４．title出力用テンプレートタグ

３項までのテンプレートタグを使った、冒頭のtitle要素用のテンプレートタグです。このままコピペしてお使いください。

<title>
<!--permanent_area--><%sub_title><!--/permanent_area-->
<!--category_area--><%sub_title>カテゴリ<!--/category_area-->
<!--date_area--><%now_year>年<%now_month>月アーカイブ<!--/date_area-->
<!--search_area-->「<%sub_title>」の検索結果<!--/search_area-->
<!--tag_area-->タグ「<%sub_title>」の検索結果<!--/tag_area-->
<!--not_index_area--> - <!--/not_index_area--><%blog_name>
</title>

表示内容を変更したい場合は、３項のテンプレートタグ一覧と見比べながら該当箇所を適宜修正してください。

５．FC2ブログテンプレート

今回のカスタマイズは、当ブログで配布中の「FC2ブログテンプレート」にも反映しました。