Jimdoの仕様で、トップページとサブページのレイアウトが同じになってしまうそうです。
トップページだけ違うデザインにしたいと思っても、 サイドバーに記載の内容も全ページ同じ共通の内容になります。
デザインを変えたい場合は、header背景画像を変える事(サイズなんかも変えると)でトップページとサブページの雰囲気を変える事が出来るようです。
サイドバーを削除して全面htmlにするか、
ブログをサブページとして利用する方法が良いかもしれませんね。
2015年9月追記:
新しくなったJimdoはテンプレートも増えて、サイドバーのないものも追加されています。
カラム(div)もコンテンツの追加から、簡単に設定できますので、
トップページとサブページのデザインを簡単に変えることが出来るようになっていますね。
jimdoで独自レイアウトを使う
jimdoでオリジナルデザインのサイトの作り方。カスタマイズしていて、上手くいかなかった事、気をつけたい事など、使い方をまとめます。
2013/10/20
2013/10/19
JimdoでJqueryを使用する
トップ画像を動かして欲しいというリクエストがあって、
数枚の画像が、切り替わる Jqueryを利用しました。
それぞれの画像に他のページへのリンクを設定しました。
Jqueryは、「設定」>「ヘッダ部分を編集」に記載しています。
無料のページでも設置できました。画像が右から左にスクロールします。
現在トップ画像に動画も設定できるようになっていますので、その方が簡単かもしれませんね。
2013/10/18
jimdoで、サイドバーを削除したい
トップページとサブページを全く違うレイアウトにしたい時、全面をhtmlで作りこもうとすると、Jimdoの全ページに表示されるサイドバーが邪魔になる事があります。
サイドバーを削除する方法を試してみました。
<div id="sidebar">
<var>sidebar</var>
</div>
の部分をまるごと削除してしまうと、エラーが出て保存できません。
*以下の4つは、削除できないので
<var>navigation[1|2|3]</var>
<var>content</var>
<var>sidebar</var>
<var>footer</var>
divの部分だけ削除します。
<div id="sidebar"> <var>sidebar</var> </div>
それから、適当な場所に<var>sidebar</var>を配置します。
(全てのページに共通で表示されると言うのを上手く使うと面白いかも)
私はfooterに配置して、水平線を設置しました。
<div id="footer">
<var>sidebar</var>
<var>footer</var>
</div>
このページは、<div id="sidebar"></div>は、残していますが、<var>sidebar</var>は、フッタ内に移動しています。
2015年9月追記:
現在では、サイドバーのないタイプのテンプレートもあるので
そちらを利用する方が簡単ですね。
サイドバーを削除する方法を試してみました。
<div id="sidebar">
<var>sidebar</var>
</div>
の部分をまるごと削除してしまうと、エラーが出て保存できません。
*以下の4つは、削除できないので
<var>navigation[1|2|3]</var>
<var>content</var>
<var>sidebar</var>
<var>footer</var>
divの部分だけ削除します。
<div id="sidebar"> <var>sidebar</var> </div>
それから、適当な場所に<var>sidebar</var>を配置します。
(全てのページに共通で表示されると言うのを上手く使うと面白いかも)
私はfooterに配置して、水平線を設置しました。
<div id="footer">
<var>sidebar</var>
<var>footer</var>
</div>
このページは、<div id="sidebar"></div>は、残していますが、<var>sidebar</var>は、フッタ内に移動しています。
2015年9月追記:
現在では、サイドバーのないタイプのテンプレートもあるので
そちらを利用する方が簡単ですね。
登録:
投稿 (Atom)

