Jimdoの使い方 その4 背景の変更 | Web制作もするWebコンサルタントの日々

Jimdoの使い方 その4 背景の変更

全体の背景よりも、まずはメニューの背景色を変えたいなあ
と思って調べてみたのですが、メニューの背景色はレイアウトに
付属している色のようです。

つまり、メニューだけを変えようとすると、CSSをいじらないと
いけないようなのです。

それは手間なので、まずは背景から変えることにしました。

背景を変えるには2つの方法があります。

1.レイアウトの変更
2.背景色の変更

ここから右のサイドバーのメニューを使います。

1.レイアウトの変更
サイドバーメニューの最上部のレイアウトをクリックします。
この中から、背景がついたものに変えたりできます。

Web制作もするWebコンサルタントの日々

ついでに、レイアウトのメニューには他に

独自レイアウト
HTMLやCSSがわかる人は、ここでカスタマイズすることもできます。
Web制作もするWebコンサルタントの日々

スペシャルレイアウト
これはカスタマイズするというよりも、完成されたレイアウトです。
スポンサーがついてるっぽいので、アメブロのコラボレーション
スキンのようなものですね。
Web制作もするWebコンサルタントの日々

レイアウト設定
コンテンツの表示位置、余白、罫線の変更ができます。
Web制作もするWebコンサルタントの日々


レイアウトを変更してみました。
Web制作もするWebコンサルタントの日々


このレイアウトだと背景色をつけたいですね。
それでは、もうひとつの背景変更方法です。

2.背景色の変更
サイドバーメニュー2番目のスタイルをクリックします。
このスタイルでは、フォント設定、背景パターン、背景画像の
3つのメニューが用意されています。

フォント設定
ページの字体が変更できます。
Web制作もするWebコンサルタントの日々

背景パターン
ここで背景のパターンと色を変更できます。
Web制作もするWebコンサルタントの日々

背景画像
背景用の画像がいくつも用意されています。
Web制作もするWebコンサルタントの日々

背景画像もいいのですが、今選んでいるレイアウトだと、
うるさくなりそうなので、背景パターンで背景を作りたい
と思います。

まずは左のカラースライダーで色を作ります。
Web制作もするWebコンサルタントの日々

次にパターンを選びます。
Web制作もするWebコンサルタントの日々

黒だとうるさいので、白のパターンに変更しました。
Web制作もするWebコンサルタントの日々

背景色を変更してみました。
またがらっと雰囲気が変わりましたね。
Web制作もするWebコンサルタントの日々


途中経過はここから見れます。
カスタマイズ中のJimdo