■ブログのヘッダー画像を変更したい
【大前提】
「CSS編集用」のブログデザインを使用する必要があります。
※カスタム可能デザインを選んでても「CSS編集用」じゃないとダメなので注意※
【ヘッダー画像の変更手順】
①上記画像の「CSSの編集」から、編集ページを開く
②「ブログデザインヘッダ・背景用画像の追加」に設定したい画像をアップロードする
③「この画像のパス」に記載されているURLをコピー
④コピーしたURLを以下の記述の【ヘッダー画像のURL】の部分に差し込む
※ヘッダー画像の高さを設定したい場合は「height: 400px」の数字を変更する
/* ヘッダー画像を設定する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-image: url(【ヘッダー画像のURL】);
}
/* ヘッダーの高さを設定する */
.skin-bgHeader a {
height: 400px;
}
⑤「現在使用中のブログデザインCSS」のCSS記述欄に上記の記述を入れる
※今回は一番下に追記しました。
■設定したヘッダー画像の横幅を変更する
画面いっぱいにヘッダー画像を表示させたい場合は、
アップロードする画像そのものの横幅が2000pxの画像を用意する必要があります。
※CSS編集用デザインの標準は1120pxです。
