Top > CMS・ブログ > FC2ブログテンプレート > 2011年12月
2011年12月 9日

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

December 9,2011 12:55 AM
Tag:[, ]
Permalink

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ブログテンプレート」にも反映しました。

Comments [0] | Trackbacks [1]
Now loading...
Recent Entries
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2021年
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3