• 2017年7月18日 ブログ
    オシャレ&カンタンに作れるヘッダー画像の作り方のコツ
  • 2017年6月21日 ホームページ
    グーペは、お店やお教室のホームページにぴったりのサービス
  • 2017年3月9日 ウェブサービス
    ハンドメイド作家さんに朗報!ココナラハンドメイドがこの春オープン
  • 2017年2月16日 WordPress
    ホームページサービスはどれを使えばよい?
  • 2017年1月25日 ウェブサービス
    ママ向け在宅&アルバイト求人サイト「mama works」
  • 2017年1月23日 撮影
    撮影に便利そう!折り畳み撮影ボックスを発見
  • 2016年12月27日 WordPress
    初心者向け!WordPress日本語無料テーマ5選

自分でアメブロをカスタマイズするときに、背景色や背景画像を入れたいと思う方は多いのではないでしょうか。 背景があるとちょっと華やかになります。

 

今回は、旧CSSデザインで設定する方法をお伝えします。

アメブロに背景色と背景画像を入れる方法

管理画面→デザインの変更→CSS編集用デザインを選択。クリックします。

文字スタイルの下にボディタグを入れる

タグはこちら↓

 

/* skinBody ボディ */
.skinBody{
background:#fff;
background-image:url(★);
background-repeat-y: repeat-y;
background-position: left top;
}/* ←ブログ全体に背景を敷きたいとき */

background:#fffのところは好きなカラーコードを入れましょう。

 

画像を入れたい場合は、「ブログデザインヘッダ・背景用画像の追加」から背景に入れたい画像をアップ。

 

background-image:url(★); ★のところに画像URLを入れると背景画像が入りますよ!

また、背景画像のURLを入れるタグの下に書いてあるタグはこういう意味があります。

repeat:縦横に背景画像を繰り返して表示。
repeat-x:横方向にのみ背景画像を繰り返して表示。
repeat-y:縦方向にのみ背景画像を繰り返して表示。

背景画像選びのポイント

  

こんな感じで、均一にデザインされているもの・色が薄めのものを選びましょう。

こういうような背景の印象が強い画像はイマイチ。背景に目が行ってしまいます。  

メルマガ

コラムをはじめ、お仕事に・生活に役立つ「お役立ちネタ」をメルマガでお届けしています。あなたのお仕事がもっとスムーズに、ちょっぴり楽になるお手伝いが出来ると嬉しいです♪
関連キーワード
ブログ】の関連記事
  • オシャレ&カンタンに作れるヘッダー画像の作り方のコツ
  • 起業ブログ、アメブロとWordPressはどちらを使う?
  • <重要>アメブロテンプレート&アメブロカスタマイズ講座をご購入の方へ
  • アメブロ Perfect GuideBook 改訂第3版が4月27日に発売
  • アメブロのアクセス数と実際のPVの差は?
  • アメブロからWordPressに移行してもうまくいかない理由

この記事が気に入ったら
フォローしよう

最新情報をお届けします

この記事を読んだ人はこちらの記事も読んでいます。