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

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

 

今回は、旧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に移行してもうまくいかない理由

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

最新情報をお届けします

おすすめの記事
infomation
女性起業家のための通信講座 Bloom Web Schoolを本日オープンしました。 Contentsどこに住んでいても、いつでも好きな時に...