2013/10/20

jimdoのトップページとサブページ

Jimdoの仕様で、トップページとサブページのレイアウトが同じになってしまうそうです。
トップページだけ違うデザインにしたいと思っても、 サイドバーに記載の内容も全ページ同じ共通の内容になります。

デザインを変えたい場合は、header背景画像を変える事(サイズなんかも変えると)でトップページとサブページの雰囲気を変える事が出来るようです。


サイドバーを削除して全面htmlにするか、
ブログをサブページとして利用する方法が良いかもしれませんね。

2015年9月追記:
新しくなったJimdoはテンプレートも増えて、サイドバーのないものも追加されています。

カラム(div)もコンテンツの追加から、簡単に設定できますので、
トップページとサブページのデザインを簡単に変えることが出来るようになっていますね。

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月追記:

現在では、サイドバーのないタイプのテンプレートもあるので
そちらを利用する方が簡単ですね。