ヘッダー画像を入れて表示させてみる

アメブロ

ヘッダー画像作成

作成については、依頼する方法が1番簡単なのですが・・・

周りに作成できる方にお願いするというのがいいかもですね。

作成費用の相場は、基本1枚で8000円~15000円程度でしょう。

もっと高いところもあるかもしれませんが・・・

サイズは、基本横幅980px 縦幅300pxがカスタマイズ可能なデザインで1番よく使われています。

この横幅をカスタマイズされてる例は、あまり見ないのですが・・・

縦幅は、400pxとか500pxされている方もいらっしゃるようです。

下記のサイトは、縦幅が400pxになっているサイトです。

中古車オークションと車検代行の車検代行ドットコム | アメブロ
中古車オークション・車検代行に関する業者ならではの情報をこっそりアップします。車が好きな方は、必見の情報です。

 

ヘッダー画像を登録するには?

管理トップ

 管理トップからスクロールした画面で赤枠のデザイン設定をクリックします。

 

デザイン設定

赤枠のCSSの編集をクリックします。

 

CSSの編集

赤枠のところからまず画像を登録します。

「ファイルを選択」ボタンをクリックするとファイル選択画面になります。

 

ファイル選択

この画面でヘッダー画像を選択します。

どこにファイルを置いているのか確認してからやってくださいね。

ファイル名が表示されたら「アップロード」ボタンをクリックします。

すると再読み込みしてファイルを表示してくれます。

そこで画像の下にあるファイルのアドレスをコピーします。

これで表示されるということではないのでまだ作業が続きます。

 

CSS編集

そのままスクロールしたらこの画面になります。

こちらにCSSを編集してアドレスを挿入します。

 

アドレス挿入

赤枠の部分がそうです。

ここにアップロードした画像のアドレスを入れます。

 

画像のアドレス

赤枠の矢印の部分がヘッダー画像のアドレスです。

■CSSソース■
.skinHeaderArea{ background-image: url(ここにアドレスをコピペします!);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 980px;
    height: 400px;
}

上記枠内の部分をコピペしてアドレスの部分だけをコピペして変更してください。

また、縦幅のheightのサイズは、画像に合わせて変更してください。

これでヘッダー画像さえ用意できればちゃんと挿入できるようになりましたね。

ヘッダー画像は、くまはちLABでも専属のイラストレーターさんが作成しております。

金額的には、相場の範囲内で手間が多いものは、高くそうでないものは安くなってます。

 

アメブロのことならくまはちLABにお任せください。

サービス 制作事例

お問い合わせ

フォローお願いします!