着せ替えしーます

事前準備（コチラ）はお済でしょうか？

次、行っちゃいますね。
遂にスタイルシートの変更ですよ。
どーんと構えていきましょう。

　しーまブログのスタイルシートを開いてください。

１．スタイルシートの#banner,#subbanner｛｝のカッコの中身を変更します

ここはいろいろ考えだすと難しいので、マーカーの部分をそっくりそのままコピーして貼り付けちゃってください。

２．url("××××××××××")　の　××××××××××　部分に　事前準備で作成アップロードした画像ファイルのURLを貼り付けます

３.　変更したらプレビューボタンをクリックして確認しましょう！

（プレビューボタンはここのことだよ）



注）訳あって上の画像だとタイトル文字がグレーになっていますが、皆さんのところでは白いはずです。

どうでしたか？
きれいに表示できていればOK、登録ボタンを押してテンプレートを保存します。

ポイントを説明しますね。分からない人はパスしちゃってOKです。
　トップの画像をurl("××××××××××")のところで指定しています。
　たぶん、皆さん大きめの画像を載せたいと思うので、縦の高さを最初より大きめにしています。
　ブログで表示する縦の高さを指定しているのが、height:200px;　の部分です。
　（今回見本で使用したケーキの画像は高さ301pxで作成されているので、101px部分がはみ出して切れています。）

これで画像のトリミングと、CSSの設定次第で好きな大きさのトップ画像にすることができる！

ここまで大変かもしれないですが、
　スタイルシートの設定を一度自分用に書き換えておけば、好きな時に好きなだけトップ画像を着せ替え出来るという素晴らしいメリットが！！

その秘儀が、実は前段階の画像ファイルのアップデートの部分にあります。

もうあなたは次から、画像のファイル名を常に img_banner.jpg にして上書きアップロードするだけで、スタイルシートを触らなくてもトップ画像の着せ替えができるようにいるのですよ。ただし、何度も言いますがファイル名は img_banner.jpg　、大文字も小文字も違わずこの名前にしておくことなのじゃよ。

自分もこの方法で何個もパーターンを作成してしょっちゅう着せ替えしています。

タイトルバーも簡単着せ替え１　へ