トップページにだけ有効なレイアウト
JIMDOはトップページだけに有効なクラスをもっています。
このクラス名を利用すれば、トップページだけレイアウトを変更したいという
要望を満たすことが出来ます。
トップページとコンテンツページのタグを比較する
トップページのタグ
<body class="body cc-page cc-page-index cc-indexpage cc-pagemode-default cc-content-parent" id="page-1813385892">
コンテンツページのタグ
<body class="body cc-page cc-pagemode-default cc-content-parent" id="page-1816510892">
太字で書かれている箇所がトップページとコテンツページとの差です。
トップページだけに何か指定したい場合は以下のどちらかの
クラス名を使用してスタイルシートを書きます。
.cc-page-index
.cc-indexpage
例えばトップページのヘッダーの高さを変更したい場合は以下のように指定します。
トップページのヘッダーの高さを200pxに指定する。
body.cc-page-index #header{
header:200px;
}
たったこれだけで、トップページのヘッダーの高さだけを200pxに指定できます。