わいずふぁくとりいのブログカスタマイズ実験室１

　このままだと、ナビゲート（「TOP / カテゴリ毎に違う簡単な説明を載せる」というヤツ）の上に、コンテンツの説明が出てしまって、少しカッコ悪い。
　出来れば、ナビゲートは一番上に出て欲しい。
　それには、コンテンツＨＴＭＬを、少し大幅に変更すれば出来ると思うが、また機会があれば、やってみたいと思う。

　折角、自由形式のコンテンツを置きましたが、自由形式のコンテンツでは、やはりカテゴリごとに違う説明を出すということが難しいようです。
　もう少し、小難しいことを言うと、<% category.name %>という変数が、どうも自由形式のコンテンツＨＴＭＬでは、使わせてもらえないようです。

　私の調べたところによると、記事（ページコンテンツ）なら、<% category.name %>が使えるようです。
　なので、大胆にも記事コンテンツを使ってしまいましょう。
　記事コンテンツをいくつ置いても大丈夫。そのあたりの自由度の高いところは（他のブログをよく知りませんが）Seesaaの素晴らしいところです。

　気を取り直して、記事（ページコンテンツ）を追加します。
　説明を入れたいカテゴリーの数だけ、記事コンテンツを追加することになると思います。
　［デザイン］−［コンテンツ］
   

　「挿入テキスト(上部)」を使います。そこにカテゴリの説明を書きます。
　「タイトル」には、どのカテゴリを説明しているのかが、分かり安い名前を付けておくのがいいでしょう。
   

　「メイン」の「記事」のすぐ上に配置します。
　表示するページは、「カテ」だけにチェックをし、その他のチェックを外します。
   

　コンテンツＨＴＭＬを、もとあったのは全部消して、つぎのように全面的に書き換えます。
　赤字の部分 に、表示させたいカテゴリの名称を書きます。
　コンテンツHTMLは、「記事（ページコンテンツ）」設定画面で、コンテンツHTML編集をクリックすると出来ます。
　追加した、カテゴリの説明を書く「記事（ページコンテンツ）」のコンテンツＨＴＭＬを編集します。
　本当の記事の、コンテンツHTMLを編集すると、大変なことになりますので注意しましょう。

　カテゴリページだけに、そのカテゴリの簡単な説明を置きたい。
　もちろん、そのカテゴリごとに違う説明が出ないと困る・・ということを目指したいと思います。

　まずは、記事が表示される上部に、自由形式のコンテンツを置き、それをカテゴリページだけに表示させるようにします。
　それから、それをカテゴリごとに違う内容になるようにしたいのですが、これがちょっと骨が折れるかもしれません（まだ分かりません）・・。

　自由形式のコンテンツを追加します。
　［デザイン］−［コンテンツ］
   

　「メイン」の「記事」のすぐ上に配置します。
　表示するページは、「カテ」だけにチェックをし、その他のチェックを外します。
   

　このままでは、字が大きすぎて不細工だと思う場合は、つぎのようにすると、記事と同じ文字に出来ます。
　以前の例にならって、コンテンツＨＴＭＬを編集します。
　［デザイン］−［コンテンツ］−［自由形式の設定］から「コンテンツＨＴＭＬ編集」をクリックします。
   

　編集前の、元々のコンテンツＨＴＭＬはつぎのような内容です。

　これに青字の 部分を追加します。

　自由形式のコンテンツでも、タイトルを持つことが出来ます。

　［デザイン］−［コンテンツ］から、希望するコンテンツの［自由形式］の設定へ行き、さらにそこから［コンテンツHTML編集］へ行き、編集します。

　［自由形式］の［コンテンツHTML］は最初つぎのようになっています。


　これをつぎのように編集します。赤文字部 分が追加されています。

　・・何とか収まった。ブログタイトルの、最初の方の文字を小さくする作戦に出た・・。

　［デザイン］−［コンテンツ］−［ブログ名］の設定へ行き、小さく表示させたい部分と、普通に表示したい部分に分けます。
　しかし、［デザイン］−［コンテンツ］−［ブログ名］の設定へ行っても、［タイトル］には「ブログ名」と設定されているだけで、表示されているブログタ イトルと異なります。
　実はデフォルトでは、［設定］−［ブログ設定］の［ブログタイトル］に設定した内容が、ブログタイトルに表示されているようです。
　それならば、［ブログ名］の［コンテンツHTML］を編集して、［ブログ名］の［タイトル］に設定した内容が、表示されるように変えます。
　さらに、［ブログ名］の［挿入テキスト（上部）］に設定した内容が、ブログタイトルの同じ行に、小さな文字で表示されるようにします。

　［ブログ名］の［コンテンツHTML］は最初つぎのようになっています。


　これをつぎのように編集します。［コンテンツHTML］は 、［ブログ名］の設定で、［コンテンツHTML編集］をクリックすると編集できます。


　そして、［ブログ名］の設定へ戻り、つぎのように設定しています。

　サイドバーに自由形式のコンテンツをただ単に置くと、このページの左上のように、大きく不恰好になります。
　そこで、コンテンツHTMLを編集します。
　そうすると、その下の表示のように、サイドバーとして整った表示にすることができます。

　コンテンツHTMLは、最初次のようになっています。

<% content.header -%>
<% content.free.text %>
<% content.footer -%>

　これに次のように、新しい２行（青文字部分）を追加します。

<% content.header -%>
<div class="side">
<% content.free.text %>
</div>
<% content.footer -%>

＜コンテンツHTMLはどうやって編集するの？＞