だてＢＬＯＧ編集長「だておとこ」のブログ

気がついたらＧＷに突入していましたね。。。
外もだいぶ暖かくなり、皆さん写真を撮る機会もだいぶ多くなってきていると思います。。。


そこで久々の「ブログ活用テクニック」は、
ユーザーさんからの質問でも多いテンプレート画像の変え方について説明したいと思います。。。
自分だけのオリジナルテンプレートでさらにブログを楽しみましょう！


では早速


私は以前このテンプレートを使用していましたので、
こちらを例にやってみましょう。




（１） まずヘッダー画像を用意します。
　　　サイズは（740px）×（200px）位がいいでしょう。
　　　容量もできるだけ小さいやつのほうがいいみたいです。（～100KB)


（２） それを自分のブログにある画像投稿用のページでサーバーにアップします。
　　　管理画面から、「記事の投稿」 → 「画像・動画の登録、一覧、削除」を開いて、
　　　「参照」から（１）の画像をアップロードします。※記事で画像をアップするのと同じ要領です。

これで準備はOK。
アップロードした画像をクリックすると画像が表示され、
ブラウザーに表示されているアドレスがその画像のＵＲＬ（アドレス）になります。

(３) 続いてスタイルシートの記述を変更します。
　　　管理画面から「デザイン」 → 「オリジナルデザインの登録」を開いて下さい。
　　　そこには4つの枠に色々なものが書かれていますが、その中の一番上にある
　　　「スタイルシート」という所の記述を変更します。　

　　　スタイルシートの中で下記記述を見つけてください。

#banner,#subbanner{
　background:#fff url(/_img/sky_blue/head.jpg) left;
　padding:0px 0px 0px 0px;
　height: 219px;
}


後はアップロードした画像のURLを、
赤文字のURLのところに入れ替えるだけ。
高さ等の調整で数値を入力したらOKです。



元のテンプレートによって若干記述が違う場合もありますが、
基本は「banner,#subbanner」ですのでそこのＵＲＬを変更するとOKです。


いかがですか？
ちょっとわかりにくいところもあるかもしれませんが、
やってみると意外に簡単です。


基本はこんな感じなので是非チャレンジしてみてください。。。
新しい月に新しいテンプレートで気分新たに頑張りましょう！