管理メニュー スタイル
ホームページで使用するフォントの設定や、テンプレートの背景画像の設定などができるメニューです。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=650x10000:format=png/path/s3f7ae2addc437d26/image/i2b6acc84a1328c7d/version/1386748514/image.png)
設定できる項目は選択したテンプレートや、Jimdoの設定状態によって変わります。
フォントの設定
本文、見出し、リンク色、水平線の大きさや色を設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=176x10000:format=png/path/s3f7ae2addc437d26/image/ib2abf5c3449311f8/version/1386810988/image.png)
プリセット
あらかじめ用意されている4つのスタイルから、好きなものを選択できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/ie501836a0140a778/version/1386749764/image.png)
文章
本文の設定ができます。書体、文字の大きさ、行間、色を変更できます。
フォント:書体の変更
フォントサイズ:文字の大きさの変更
行間幅:行間の変更
カラー:文字の色の変更
![](https://image.jimcdn.com/app/cms/image/transf/dimension=176x10000:format=png/path/s3f7ae2addc437d26/image/i149c17c47ca8d305/version/1386810792/image.png)
見出し
見出し1〜3のそれぞれを設定できます。
フォント:書体の変更
フォントサイズ:文字の大きさの変更
スタイル:文字の装飾(太字・斜体)、文字の位置(左揃え・中央 揃え・右揃え)の変更
カラー:文字色の変更
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i74014738337895f1/version/1386750401/image.png)
リンク
リンク付きの文章の色を変更できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=176x10000:format=png/path/s3f7ae2addc437d26/image/ie3b91e605aa0163a/version/1386809386/image.png)
水平線
区切り線などにしようする水平線の種類、色を変更できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=176x10000:format=png/path/s3f7ae2addc437d26/image/if223ebdcde7d13a4/version/1386753516/image.png)
カラー
この項目は、選択したレイアウトによって設定できるようになります。
主にサイドコンテンツに使用する、本文、見出し、リンク付きの文章、水平線、の色を変更できます。
オリジナル背景画像
背景画像に使用する画像のアップロードや、表示方法などを設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i1c769f853b439478/version/1386751926/image.png)
単一表示:1つの画像を背景に表示する設定
ランダム表示:複数の画像を背景に表示する設定
スライド表示:複数の画像をスライドさせて背景に表示する設定
ビデオ:YouTube、Vimeoの動画を背景に表示する設定
単一表示・ランダム表示の表示オプション
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/icd1cf90402055221/version/1386752979/image.png)
背景画像を繰り返す
標準:画像をそのまま表示する
タイル表示:画像をタイル状に繰り返して表示する
左右位置:画像を左右方向に繰り返して表示する
上下位置:画像を上下方向に繰り返して表示する
フルスクリーン:画像をブラウザにあわせて拡大表示する
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i5565647a5949b3f9/version/1386753025/image.png)
画像の位置
画像を表示する位置を設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i7bf30c3fc67017eb/version/1386753369/image.png)
背景画像の固定
背景画像を固定するか設定できます。
スライド表示の表示オプション
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i75d63f2fe6e6de5b/version/1386753568/image.png)
画像変更時のエフェクト
標準:画像が一定時間で切り替わる
フェード:画像が徐々に切り替わる
左:画像が左方向から右方向へ徐々に切り替わる
右:画像が右方向から左方向へ徐々に切り替わる
上:画像が下方向から上方向へ徐々に切り替わる
下:画像が上方向から下方向へ徐々に切り替わる
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i97946fdcfc6fc021/version/1386809238/image.png)
画像が切り替わる速度
画像が切り替わる速度を3種類から設定できます。
ビデオの表示オプション
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/idbd428688d84fc5b/version/1386809514/image.png)
ミュートで再生する
動画の音声を流すか流さないかの設定ができます。
※「いいえ」を選択すると、音声切り替えボタンがホームページに表示されます
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i10a4ffb2f569072f/version/1386809726/image.png)
コンテンツ非表示の切り替え
「はい」を選択すると、コンテンツを非表示にして動画のみを表示できるボタンがホームページに表示されます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i0bc65177e38a31b5/version/1386809925/image.png)
ボタン表示箇所
音声切り替えボタン、コンテンツ非表示ボタンの表示する箇所を設定できます。
※各種ボタンはホームページ下部に表示されます
すべてに共通の表示オプション
オーバーレイ
画像と動画に模様を設定することができます。
「暗いオーバーレイ」「明るいオーバーレイ」の2種類から選択できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=650x10000:format=png/path/s3f7ae2addc437d26/image/i4da4355cbd9bf9f7/version/1386810447/image.png)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=650x10000:format=png/path/s3f7ae2addc437d26/image/i768a90538e0287f5/version/1390903539/image.png)
背景画像
背景として表示する画像を、用意されている画像から選択できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=313x10000:format=png/path/s3f7ae2addc437d26/image/i18b5d8edfa240050/version/1386810783/image.png)
JimdoPro,JimdoBusiness 背景画像
JimdoPro、JimdoBusinessプランを利用している方のみ使用できます。
※2013年12月現在、70種類
![](https://image.jimcdn.com/app/cms/image/transf/dimension=313x10000:format=png/path/s3f7ae2addc437d26/image/i49fc82e46ad6b3ea/version/1386810952/image.png)
JimdoFree 背景画像
すべてのプランで利用できます。
※2013年12月現在、296種類
背景パターン
背景に表示する、色や模様などを設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=650x10000:format=png/path/s3f7ae2addc437d26/image/ibcb8f92296814c60/version/1386811273/image.png)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=226x10000:format=png/path/s3f7ae2addc437d26/image/i342d09c16a8d24c7/version/1386816324/image.png)
背景の色を設定できます。
①16進法という色の指定方法で色を変更できます。
②ポインタを動かして色の彩度・明度を変更できます。
③スライダーを動かして色相を変更できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/ia300616049d77226/version/1386811366/image.png)
背景の模様を設定できます。
白:模様の色を白に設定
黒:模様の色を黒に設定
色彩テンプレート
テンプレートの色を、カラーバリエーションの中から設定できます。
種類はテンプレートによって異なります。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=650x10000:format=png/path/s3f7ae2addc437d26/image/ibf56fc9f2a791ae2/version/1386811640/image.png)
カスタマイズ色
テンプレートの色を設定できます。
色が変更される箇所は、テンプレートによって異なります。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i81025ae0652aaa9c/version/1386811874/image.png)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=213x10000:format=png/path/s3f7ae2addc437d26/image/i4d3923d838292457/version/1386816824/image.png)
テンプレートの色を設定できます。
①16進法という色の指定方法で色を変更できます。
②ポインタを動かして色の彩度・明度を変更できます。
③スライダーを動かして色相を変更できます。
ショップスタイル
ショップ機能を有効にすると選択できる項目です。 オンラインショップの価格の表示、ボタン、注文フローの表示について設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=490x10000:format=png/path/s3f7ae2addc437d26/image/i856ce7d0d33899ab/version/1386812898/image.png)
価格
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/if711aca3f2e855ef/version/1390903540/image.png)
価格の文字の大きさと、色を設定できます。
ボタン
設定が反映されるのは「カートに追加」「購入」「次へ」「注文を確定する」ボタンです。
ボタンの色、マウスオーバー時のボタンの色、文字の色、文字の大きさを設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3f7ae2addc437d26/image/i419bd81fcd9678b4/version/1386813515/image.png)
注文フローの表示について
注文フローの色と、種類の設定ができます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=490x10000:format=png/path/s3f7ae2addc437d26/image/i5f06982953336b37/version/1386813790/image.png)
ブログスタイル
ブログ機能を有効にすると選択できる項目です。
ブログのタイトルに表示される日付の色、種類、位置を設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/if7fcd394e9514a00/version/1386814203/image.png)
コンテンツ:
日付に表示する項目を設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i0602b4484e32c664/version/1386814253/image.png)
カラー:
日付の文字の色、背景の色を設定できます。
カラー1:日付の文字の色を設定できます。
カラー2:日付の背景の色を設定できます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i8f6baaf97fec870e/version/1386814389/image.png)
配置:
日付の表示位置を設定できます。
左:日付をタイトルの左側に表示します。
右:日付をタイトルの右側に表示します。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=228x10000:format=png/path/s3f7ae2addc437d26/image/i710b2e43bbc2cd6e/version/1386814719/image.png)
日付のスタイルを選択:
日付の見た目を設定できます。
※2013年11月現在、8種類
最後までお読みいただきありがとうございます!いかがでしたか?
このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!
![](https://www.magicalremix.com/toranomaki/images/piyo-surprised.png)
押してくれたらもっとこうしんするぴ!