FC2ブログテンプレートのtitle要素をカスタマイズする方法を紹介します。
1.完成例
このカスタマイズを行うことで、次のように、ページ別に異なるタイトルを表示できるようになります。
トップページ(「FC2ブログ」がブログ名)
記事ページ(「てすと」が記事タイトル)
カテゴリーページ(「日記」がカテゴリ名)
月別ページ
検索結果ページ
タグ検索結果ページ
以下、テンプレートタグの基本も含め、カスタマイズ方法を解説します。サンプルのテンプレートタグだけ欲しい方は、4項に掲載したものをコピーしてください。
2.ブログ名を表示する
title要素にブログ名を表示するには、次のようにします。
<title><%blog_name></title>
<%blog_name>
はブログ名を出力するテンプレートタグです。
3.ページ別に出力情報を変更する
2項の記述では、すべてのページでブログ名しか表示されないので、次のように変更することで、ページ別に出力情報を変えることができます。
<title><%sub_title> <%blog_name></title>
<%sub_title>
タグはページに応じた内容を出力するテンプレートタグです。ページ別の出力内容は次のようになります。
ページ | 出力内容 |
---|---|
メインページ | (出力なし) |
記事ページ | 記事タイトル |
カテゴリーページ | カテゴリー名 |
月別ページ | 年月 |
検索結果ページ | 検索キーワード |
タグ検索結果ページ | タグ名 |
ただし<%sub_title>
タグを使った場合、月別ページについては、例えば2011年12月のページは「201112」という風に表示されるので、見栄えがよくありません。
月別ページは、年を表示する<%now_year>
タグと月を表示する<%now_month>
タグを使って「2011年12月」と表示させる方がよさそうです。
この<%now_year>
タグと<%now_month>
タグを使うには「月別ページのときだけ」という条件分岐が必要になります。
また、記事ページのときにブログ名とのセパレータ文字「|」や「-」を使いたい場合もあると思います。このときも条件分岐が必要です。
条件分岐の方法は3項で解説します。
3.ページ別の出力情報を細かく制御する
2項の設定よりさらに細かい制御を行うには次のテンプレートタグを使用します。例えば先程の「月別ページのときだけ異なるタグを利用する」という場合は次のようにします。
<!--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--> |
4.title出力用テンプレートタグ
3項までのテンプレートタグを使った、冒頭の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>
表示内容を変更したい場合は、3項のテンプレートタグ一覧と見比べながら該当箇所を適宜修正してください。
5.FC2ブログテンプレート
今回のカスタマイズは、当ブログで配布中の「FC2ブログテンプレート」にも反映しました。