画像解説アリ！アメーバブログ背景に画像を設定する方法

アメブロカスタマイズ第一弾として

背景にオーナメント画像を設定しました

アメブロ背景画像の設定は簡単3ステップ

手順は3ステップ、慣れれば1分でできます

1. ブログテーマ変更
2. 背景画像アップロード
3. アップロードURLを追記

3ステップで非常に簡単ですが、私は一つ目からハマってしまい、思いのほか時間が掛かってしまいました

今回は注意点含め、詳しく画像付きで解説します

ブロマテーマを変更

まずは背景画像を設定するには、ブログテーマを「CSS編集デザイン」に変更する必要があります

アメーバブログのログインからテーマ変更まで見ていきましょう

アメーバにログインし、「アメブロ」を選択

アメブロ左端の「デザイン変更」を選択

テーマの「カテゴリを探す」から、「カスタム可能」を選択

注意すべきは、2017年7月時点で「CSS編集デザイン」は4つ！どれを選ぶか！

どれでもいいやと一番上に出ていたテーマを選び、私は失敗しました

画面全体に画像を設定するコードが見つからず、時間が掛かってしまいました。

私と同じくCSS編集に詳しくない方の解決方法として、.skinBodyというコードがあるテーマを選ぶことをオススメします

CSS編集用デザインの一番下を選択したらできました！

※ ちなみに.skinBodyというコードは画面全体に画像を設定する分類名です。

背景画像アップロード

cssの編集をクリック

ブログデザインヘッダで背景画像の追加の下にあるファイルを選択をクリック

背景にしたい画像をパソコンから選択し、アップロードをクリックします

アップロードURLを追記

アップロードされた画像の下にある「この画像のパス」を全部コピーして、「現在使用中のブログデザインCSS」に移ります。

skinBody ボディと書かれている部分を探します。
そして最後に、先ほどコピーした画像のパスを下記の括弧内に貼り付けます。

/* skinBody ボディ */
.skinBody{
background-image:url(「この画像のパス」を貼り付け）;
}/* ←ブログ全体に背景を敷きたいとき */

これで完成

テーマ選びに失敗し、時間が掛かってしまいましたが、慣れれば数秒でできる作業です。

アメブロPC画面をオシャレにしたい方は一度お試しください