という要望はあるかと思います。

今回は、「トップページにだけ違う画像を表示」というより、

ページ毎のスタイルを変更する

という方法を紹介します。

＊自己責任にてお願いします。

独自レイアウトを利用する前提で紹介したいと思います。

まず、レイアウトのHTMLが下記のようだったと想定します。

<div id="title">
    <img class="header-image" src="header-image.jpg" alt="">
</div>
<div id="navigation">
    <var>navigation[1|2|3]</var>
</div>
<div id="sidebar">
    <var>sidebar</var>
</div>
<div id="contents">
    <var>content</var>
</div>
<div id="footer">
    <var>footer</var>
</div>

この画像

<img class="header-image" src="header-image.jpg" alt="" />

を表示させないようにする場合は、

スタイルシートで下記のようにします。

そして、特定のページ（トップページ等）でこの画像を表示させたい場合は

上記スタイルの逆

というのを、ページ内に記述すると

そのページでのみ、画像が表示されるようになります。

それを、どうやってJimdoの特定のページ内に記述するかというと、

Jimdoには、ウィジェットモジュールがあり、その中へHTMLが記述できるようになっています。

しかし、これは（多分）当初ブログパーツやウィジェットを挿入するという想定でしたので

試した人もいるかもしれないですが、ここへ<style>タグを入れても消えてしまいます。

そこで考えた方法としては、Javascriptとして書き出す方法です。

具体的には、ウィジェットを追加して、以下のように記述します。

<script type="text/javascript">
//<![CDATA[
document.writeln('<style>');
document.writeln('.header-image {');
document.writeln('display: block !important;');
document.writeln('}');
document.writeln('<\/style>');
//]]>
</script>

表示されたでしょうか？

簡単ですね。

ちなみにこのサイトのトップページも少し違いますが、同様の方法で

画像を表示させています。