ホームページ制作 Web Aqua(ウェブ・アクア)では、Wix・Jimdo・WordPressによるホームページの作成および運用のアドバイスを行っています。

背景画像をアメブロ(Amebaブログ)に設定する方法

1280×1280pxサイズの画像をAmebaブログの背景画像に使う場合は、マイページ右端にある歯車マークをクリックして、「デザインの変更」から「CSSの編集」をクリックします。

mypage

ブログデザインのCSSの編集」の「ブログデザインヘッダ・背景用画像の追加」に画像をアップロードすれば簡単に使うことができます。

尚、Amebaブログ新スキンのヘッダー位置は下の図のようになります。
(旧スキンの場合は上部分が112pxではなく24pxになります)

現在、位置が変更になっています。広告の関係?

Amebaブログ 新スキン ヘッダー位置

そして、CSSには以下の記述をしておくと、画面全体に正しく画像を表示することができます。

background-repeat:repeat;(背景画像をX方向・Y方向に繰り返して画面全面に敷き詰めます)
background-position:center top;(背景画像を真ん中に配置します)

CSS記述サンプル

どうぞご参考ください。


このページのトップに戻る