Jimdoの使い方 その4 背景の変更
全体の背景よりも、まずはメニューの背景色を変えたいなあ
と思って調べてみたのですが、メニューの背景色はレイアウトに
付属している色のようです。
つまり、メニューだけを変えようとすると、CSSをいじらないと
いけないようなのです。
それは手間なので、まずは背景から変えることにしました。
背景を変えるには2つの方法があります。
1.レイアウトの変更
2.背景色の変更
ここから右のサイドバーのメニューを使います。
1.レイアウトの変更
サイドバーメニューの最上部のレイアウトをクリックします。
この中から、背景がついたものに変えたりできます。

ついでに、レイアウトのメニューには他に
独自レイアウト
HTMLやCSSがわかる人は、ここでカスタマイズすることもできます。

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

レイアウト設定
コンテンツの表示位置、余白、罫線の変更ができます。

レイアウトを変更してみました。

このレイアウトだと背景色をつけたいですね。
それでは、もうひとつの背景変更方法です。
2.背景色の変更
サイドバーメニュー2番目のスタイルをクリックします。
このスタイルでは、フォント設定、背景パターン、背景画像の
3つのメニューが用意されています。
フォント設定
ページの字体が変更できます。

背景パターン
ここで背景のパターンと色を変更できます。

背景画像
背景用の画像がいくつも用意されています。

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

次にパターンを選びます。

黒だとうるさいので、白のパターンに変更しました。

背景色を変更してみました。
またがらっと雰囲気が変わりましたね。

途中経過はここから見れます。
カスタマイズ中のJimdo
と思って調べてみたのですが、メニューの背景色はレイアウトに
付属している色のようです。
つまり、メニューだけを変えようとすると、CSSをいじらないと
いけないようなのです。
それは手間なので、まずは背景から変えることにしました。
背景を変えるには2つの方法があります。
1.レイアウトの変更
2.背景色の変更
ここから右のサイドバーのメニューを使います。
1.レイアウトの変更
サイドバーメニューの最上部のレイアウトをクリックします。
この中から、背景がついたものに変えたりできます。

ついでに、レイアウトのメニューには他に
独自レイアウト
HTMLやCSSがわかる人は、ここでカスタマイズすることもできます。

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

レイアウト設定
コンテンツの表示位置、余白、罫線の変更ができます。

レイアウトを変更してみました。

このレイアウトだと背景色をつけたいですね。
それでは、もうひとつの背景変更方法です。
2.背景色の変更
サイドバーメニュー2番目のスタイルをクリックします。
このスタイルでは、フォント設定、背景パターン、背景画像の
3つのメニューが用意されています。
フォント設定
ページの字体が変更できます。

背景パターン
ここで背景のパターンと色を変更できます。

背景画像
背景用の画像がいくつも用意されています。

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

次にパターンを選びます。

黒だとうるさいので、白のパターンに変更しました。

背景色を変更してみました。
またがらっと雰囲気が変わりましたね。

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