2008年10月16日

ヘッダー 変~身!!

仮面ライダーか? ってね。

季節柄、そろそろ衣替えでも、っち思っている方、多いじゃないかな、

そこで、ブログ初心者の私がここ1年で少しだけ解ったことを記事としてログにしてみます。

今回は、いや前回とかぶってますがもう一度わかり易く? アップしてみましたー、

必要のある人だけご覧くだはりませ。

ヘッダー 変~身!!

今回のカスタマイズターゲットテンプレートは「色えんぴつ」

用意するもの、ヘッダーに使う画像(サイズ 幅780px 縦300px)


管理画面の「テンプレート」、「かわいいテンプレート」で下の画面になります。
ヘッダー 変~身!!

テンプレートの選択が終わったら、印のカスタマイズをクリック。
ヘッダー 変~身!!

スタイルシートのウインドウ内のソースコードを変更します。
ヘッダー 変~身!!

選択部分がヘッダーの画像データになりますのでここにカスタマイズする画像データのURLをリンクさせます。
ヘッダー 変~身!!

ここではリンクさせたい画像のデータがweb上のサーバーにアップされている必要があります、今回はじゃんぐる公園の画像一覧に登録します(この作業により画像データがweb上のじゃん公サーバーにアップされます)。
ヘッダー 変~身!!

画像登録は一般投稿にて承知していることと思いますのでその前提で進めます、
ヘッダーに入れたい画像を画像一覧画面上でクリックします。
ヘッダー 変~身!!

すると画面のように画像データの場所のURLが印のところにでてきます、この部分をコピーしてスタイルシートのヘッダー画像データの場所にペーストします。
この作業が終わったらプレビューボタン(スタイルシートウインドウ右下)をクリックしてイメージの確認をします、確認で自分のイメージ通りであれば登録、保存ボタンを押してカスタマイズ成功です。
*登録、保存ボタンを押す。 ← これをしないと変更にならないので要注意です。
ヘッダー 変~身!!

このサイトも「色えんぴつ」テンプレートをカスタマイズしたものになります、まだ完璧ではありませんが、次回(たぶん明日)は左右のバックグラウンドとタイトルの文字のカラーのカスタマイズをアップしてみます、あくまでも素人説明ですが参考になれば幸いです。


Posted by sakapa at 23:24│Comments(5)
この記事へのコメント
参考になります~。m(_ _)m
ヘッダーを拡げる方法も、前回のブログにあったんですね、今ごろ気付いた私…。
思い通りにできたら、楽しいだろうなあ♪
Posted by ニモ at 2008年10月16日 23:35
はいはいはい!そうなんですかー♪なーるほど♪
次回の左右のバックグラウンドってのが気になります♪
そこを変えるのができなかったのです(´;д;`)ブワッ
少しずつ解明されて、嬉しいですうー♪^^
Posted by てふてふ at 2008年10月17日 00:14
私も自分流ですがまとめてみようかな~と
思っていました^^
でもこれすっごく詳しい♪
これはsakapa師匠におまかせいたしま~す♪
Posted by ワイエム at 2008年10月17日 07:51
おっ、それについての投稿ありがとうございました。トピックは興味深いが表示されます。
Posted by cheap coach bags at 2011年02月12日 17:21
私も自分流ですがまとめてみようかな~と
思っていました^^
でもこれすっごく詳しい♪
これはsakapa師匠におまかせいたしま~す♪
Posted by cheap leather bags online at 2011年02月15日 11:41
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。