jimdoで、独自レイアウトを使う

jimdoで、カスタマイズしてオリジナルのデザインを作る時は、

事前に編集ソフトで（私はDreamWeaver（ドリームウイーバー）を使っています。）

ヘッダにCSSを記載したhtmlファイルを先に作って、修正するごとに別途htmlファイルで保存しておいた方が安心です。

管理メニューから　レイアウト　→　独自レイアウト　を選択して、HTMLとCSSをそれぞれ上書きし保存します。

（h1をオリジナルに設定してるのでメニューが読みにくくてスミマセン）

 <div id="container">
    <div id="header">
       <img src="image.jpg" alt="タイトル画像" />
    </div>

    <div id="navigation">
        <var>navigation[1|2|3]</var>
    </div>

    <div id="content-wrap">
        <div id="content">
            <var>content</var>
        </div>

        <div id="sidebar">
            <var>sidebar</var>

        </div>
    </div>

    <div id="footer">

　　　<var>footer</var>
    </div>
</div>

以下の4つは必ず記載しないと、エラーになりますので、html画面で必要な位置に追加します。

<var>navigation[1|2|3]</var>
<var>content</var>
<var>sidebar</var>
<var>footer</var>



スポンサードリンク