手軽に変更できる機能です。
管理画面からの設定手順は下記です。
任意の画像を背景に設定する方法
- デザイン選択タブから、イメージの下に背景と書かれているデザインが、
ご自身がアップロードした画像を適用できるデザインとなります。 - 任意の背景デザインを選択すると、プレビューボタンが表示されるので、
ボタンをクリックし、デザインを確認後、実行ボタンをクリックします。 - ブログ設定>デザイン / ブログパーツ設定>PCをクリックします。
- タイトル/背景タブから、かんたん背景画像のアップロードボタンをクリックし、
任意の画像を選択します。 - ご自身のブログの背景に、任意の画像が表示されているかご確認ください。
※背景マークがない、独自のデザインを適用したい場合は、本ページ最下部の内容をご参照ください。
未対応テンプレートへの導入方法
※かんたん背景画像に登録できる画像の種類はjpg、gif、pngとなっています。
※背景画像は横幅940px以上をお薦めいたします。
※画像アップロードの最大サイズ（容量）は、2MBです。
小さい画像を利用し、パターン画像を背景に設定する方法
小さい画像を利用し、パターン画像を背景としたい場合は、下記手順をご参照ください。
＜サンプル＞
- カスタマイズにあるCSSをクリックし、/* かんたん背景画像 */の下にある background-size: cover; を探してください。
- background-size: cover; を background-size: auto; に変更し、保存ボタンを
クリック。 - デザインの中には、 /* かんたん背景画像 */の下に background-size: coverがない場合があります。
カスタマイズ>トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブにありますため、こちらもあわせてご確認ください。
※背景デザインの中には、上記いずれも当てはまらない場合もあります。
未対応テンプレートへの導入方法
かんたん背景画像機能に未対応のテンプレートでもあっても、テンプレートに特定の独自タグを導入することでこの機能を利用することができます。使用する独自タグ：
・<$BlogBackgroundImageUrl$> ： 背景画像の表示タグ
※「独自タグ」については「独自タグについて」をご覧ください。
<$BlogBackgroundImageUrl$>という独自タグを以下のようにテンプレートに記述してください。
<body class="default_2010 index"<IfBlogBackgroundImageUrl> style="background-image:url(<$BlogBackgroundImageUrl$>);"</IfBlogBackgroundImageUrl>>※<IfBlogBackgroundImageUrl>は、背景画像が設定されているかの条件タグ
ご利用のテンプレートによっては非対応の場合やCSSの調整が必要な場合がございます。
