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

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

Posted at December 9,2011 12:55 AM
Tag:[Customize, FC2]

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

1.完成例

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

トップページ(「FC2ブログ」がブログ名)
トップページ

記事ページ(「てすと」が記事タイトル)
記事ページ

カテゴリーページ(「日記」がカテゴリ名)
カテゴリーページ

月別ページ
月別ページ

検索結果ページ
<br />
検索結果ページ

タグ検索結果ページ
タグ検索結果ページ

以下、テンプレートタグの基本も含め、カスタマイズ方法を解説します。サンプルのテンプレートタグだけ欲しい方は、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ブログテンプレート」にも反映しました。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

FC2ブログでサイトの紹介ページを作ろう! from なんじゃこれ?
サイトの紹介ページを作ろうと思ったのですが、 普通に記事を書いてそれをサイトの紹介ページにするのは嫌だったので、 ページの追加をしようと思いました。 ... [続きを読む]

Tracked on March 30, 2012 10:05 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)