E - テンプレート

作っているブログテンプレート(@fc2)についてのインフォメーションブログ。他、あったら良いな的なプラグインも作っていたり・・・

2007.11.08.

カテゴリーページごとに説明を付けてみる。

新たに「実験室」というカテゴリーを増やして、こんな事始めてみました。

「こんな事出来ないかな？」と思ったものを試してみて、それを記録していこうかと思います。
今回の記事なんかもそうですが、カンタンな物はすぐに実装できるかと。

各カテゴリーの説明が出来たら良いのに。

イラストブログやってた時から考えてました。カテゴリーについてのちょっとした説明、注意書きなど、記事の始まる前に載せられたら良いな、とかなんとか。
やってみた結果こんな感じになりました

サブタイトルと記事との間に挟まれて、文章が増えているかと思います（こっちと比べると）
こういうのは結構、やりたいと思っている人が多いんじゃないかと、にらんでいます。（さて、どうかな）

で、どうやるのか。

Javascriptを利用して、例えば「A」というカテゴリーのページなら、いくつかある文章の中から「A'」と名前を付けた文章を拾い、表示させます。

ソースは↓のような感じ

<!--category_area--><script type="text/javascript">
	intro_cate0='カテゴリー（no.0）の説明';
	intro_cate2='カテゴリー（no.2）の説明';
	intro_cate4='カテゴリー（no.4）の説明';
	document.write('<div style="margin:-5px 0 18px .2em;font-size:86%;">'+intro_cate<%cno>+'</div>')
</script><!--/category_area-->

「カテゴリー（no.0）の説明」に好きな文章を入られます。
「intro_cate0」は、その文章の名前です。数値はカテゴリーNo.を表します。
「カテゴリーNo.」とは、それぞれのカテゴリーに付いた番号。カテゴリーページのURLなどで確認できます。（例えば「blog-category-0.html」ならカテゴリーNo.は「0」になります）
「<%cno>」は、そのページの属するカテゴリーNo.を表示させる変数です。
「～」は、囲まれた内容をカテゴリー一覧ページでのみ表示させます。