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