ブログヘッダー背景の変更方法
こんにちは。しーま編集長です。
ブログのヘッダー背景変更方法につきまして、お問い合わせを頂きましたので、
編集長ブログでもお知らせさせて頂きます。
【ブログヘッダーの変更方法】
今回はこのテンプレートを使用して、カスタマイズしてみたいと思います。

①ヘッダーの背景画像を準備する。サイズは横760ピクセル、縦200ピクセル。(縦は任意です。150pxでも300pxでも大丈夫です)
私は先日あやまる岬のソテツジャングルで撮った写真でやってみたいと思います。

②まずヘッダー背景に使用したい画像をアップロードします。
ご自身の管理画面にログイン後、画像一覧をクリックして下さい!

③ファイル選択をクリックして下さい。

④画像を選んだら、アップロードをクリック!

⑤こちら(赤枠)に写真が追加されました!これでアップロード完了!
アップロードされた画像の上ををクリックして下さい。

⑥URL赤枠のURLをコピーして下さい。
⑦テンプレートをクリックしてください!

⑧カスタマイズをクリック

⑨【スタイルシート】のところで赤枠の記述を見つけて下さい。

赤字のところを変更します。
(/_img/sky_blue/head.jpg)の箇所は⑥でコピーした画像のURLを入れます。
219px;の箇所は画像の高さを表していますので、200pxと記述してください。(画像の高さが150ピクセルの場合は150pxと、300ピクセルの場合は300px)
⑩登録をクリックで終了です。

⑪では出来上がりを見てみましょう!

以上で作業は終了です。
またわからないことが有りましたら、しーま事務局または、コメント欄にて連絡いただければと思います。
どうぞ宜しくお願いいたします。
※出来上がりが前のデザインが変わらない場合はキャッシュをクリアしてもう一度ブログを表示させて見てください。
キャッシュのクリア方法をご案内いたします。ブラウザに合わせてご確認くださいます様お願いいたします。
【キャッシュクリア方法】
こちらでは図解で詳しく解説されています→http://www.jfkooya.com/jiyoo/2009/02/cash.html
■ Windows版 Internet Explorer 8
1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.[インターネット一時ファイル]にチェックを入れて[削除]をクリック
■ Windows版 Internet Explorer 7
1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.インターネット一時ファイル項目で[ファイルの削除]をクリック
■ Windows版 Internet Explorer 6
1.[ツール]メニューから[インターネットオプション]を選択
2.[全般]タブにある、インターネット一時ファイル項目のファイルの[削除]をクリック
3.[すべてのオフラインコンテンツを削除する]にチェックを入れて[OK]をクリック
■ Windows版 Firefox 3.6
1.[ツール]メニューから[最近の履歴を削除]を選択
2.履歴の期間で[すべての履歴]を選択し、消去する項目で[キャッシュ]にチェックを入れて、[今すぐ消去]をクリック
■Windows版google chrome
1.ブラウザの右上のツールバーにあるレンチのアイコンをクリックします。
2.「ツール(T)」をクリックします。
3.「閲覧履歴の消去」をクリックします。
4.表示されるダイヤログで、自分が消したい各種データ(閲覧履歴、ダウンロード履歴、キャッシュ、Cookieと他のサイトのデータ、保存したパスワード、保存したフォームデータ)にチェックを入れます。
5.「期間を指定してデータを消去」で、データを削除する期間を選択します。
6.最後に「閲覧履歴データを消去する」をクリックして完了です。
■ Mac OS X版 Safari
1.[Safari]メニューから[キャッシュを空にする]を選択
ブログのヘッダー背景変更方法につきまして、お問い合わせを頂きましたので、
編集長ブログでもお知らせさせて頂きます。
【ブログヘッダーの変更方法】
今回はこのテンプレートを使用して、カスタマイズしてみたいと思います。

①ヘッダーの背景画像を準備する。サイズは横760ピクセル、縦200ピクセル。(縦は任意です。150pxでも300pxでも大丈夫です)
私は先日あやまる岬のソテツジャングルで撮った写真でやってみたいと思います。

②まずヘッダー背景に使用したい画像をアップロードします。
ご自身の管理画面にログイン後、画像一覧をクリックして下さい!

③ファイル選択をクリックして下さい。

④画像を選んだら、アップロードをクリック!

⑤こちら(赤枠)に写真が追加されました!これでアップロード完了!
アップロードされた画像の上ををクリックして下さい。

⑥URL赤枠のURLをコピーして下さい。

⑦テンプレートをクリックしてください!

⑧カスタマイズをクリック

⑨【スタイルシート】のところで赤枠の記述を見つけて下さい。

#banner,#subbanner{
background:#fff url(/_img/sky_blue/head.jpg) left;
padding:0px 0px 0px 0px;
height: 219px;
}
background:#fff url(/_img/sky_blue/head.jpg) left;
padding:0px 0px 0px 0px;
height: 219px;
}
赤字のところを変更します。
(/_img/sky_blue/head.jpg)の箇所は⑥でコピーした画像のURLを入れます。
219px;の箇所は画像の高さを表していますので、200pxと記述してください。(画像の高さが150ピクセルの場合は150pxと、300ピクセルの場合は300px)
⑩登録をクリックで終了です。

⑪では出来上がりを見てみましょう!

以上で作業は終了です。
またわからないことが有りましたら、しーま事務局または、コメント欄にて連絡いただければと思います。
どうぞ宜しくお願いいたします。
※出来上がりが前のデザインが変わらない場合はキャッシュをクリアしてもう一度ブログを表示させて見てください。
キャッシュのクリア方法をご案内いたします。ブラウザに合わせてご確認くださいます様お願いいたします。
【キャッシュクリア方法】
こちらでは図解で詳しく解説されています→http://www.jfkooya.com/jiyoo/2009/02/cash.html
■ Windows版 Internet Explorer 8
1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.[インターネット一時ファイル]にチェックを入れて[削除]をクリック
■ Windows版 Internet Explorer 7
1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.インターネット一時ファイル項目で[ファイルの削除]をクリック
■ Windows版 Internet Explorer 6
1.[ツール]メニューから[インターネットオプション]を選択
2.[全般]タブにある、インターネット一時ファイル項目のファイルの[削除]をクリック
3.[すべてのオフラインコンテンツを削除する]にチェックを入れて[OK]をクリック
■ Windows版 Firefox 3.6
1.[ツール]メニューから[最近の履歴を削除]を選択
2.履歴の期間で[すべての履歴]を選択し、消去する項目で[キャッシュ]にチェックを入れて、[今すぐ消去]をクリック
■Windows版google chrome
1.ブラウザの右上のツールバーにあるレンチのアイコンをクリックします。
2.「ツール(T)」をクリックします。
3.「閲覧履歴の消去」をクリックします。
4.表示されるダイヤログで、自分が消したい各種データ(閲覧履歴、ダウンロード履歴、キャッシュ、Cookieと他のサイトのデータ、保存したパスワード、保存したフォームデータ)にチェックを入れます。
5.「期間を指定してデータを消去」で、データを削除する期間を選択します。
6.最後に「閲覧履歴データを消去する」をクリックして完了です。
■ Mac OS X版 Safari
1.[Safari]メニューから[キャッシュを空にする]を選択
この記事へのコメント
事務局の皆さんこんにちは
南島新話のチャーリーです。
大変わかりやすい説明で
ありがとうございました。
さっそくやってみました。
若干バナーが大きすぎたようですが
所期の目的は達成です。
南島新話のチャーリーです。
大変わかりやすい説明で
ありがとうございました。
さっそくやってみました。
若干バナーが大きすぎたようですが
所期の目的は達成です。
Posted by チャーリー
at 2011年09月03日 16:28

チャーリーさん
うまくできてますね!
写真の大きさもこれぐらいあったほうが迫力があっていいと思いますよ!
ていいますか、写真が上手すぎです!
さすがですね!
また、なにかありましたらご連絡ください。
宜しくお願いいたします。
うまくできてますね!
写真の大きさもこれぐらいあったほうが迫力があっていいと思いますよ!
ていいますか、写真が上手すぎです!
さすがですね!
また、なにかありましたらご連絡ください。
宜しくお願いいたします。
Posted by しーま編集長
at 2011年09月04日 23:50
