バナー画像を差し替える
無料配布したテンプレートのバナー画像は17種類用意してます。私はルアーフィッシングはやらないので、もしかするとルアーの画像はヘンチクリン？な画像を用意してしまったかも知れないですが、オリジナルの画像をお求めの方は、スイマセン、ご自分で用意してください。
もし、あなたのＰＣにマイクロソフトのオフィスが入っていればここに使える無料画像がたくさんあります。
クリップアートとメディア ホーム ページ - Microsoft Office Online
クリップアートのリンクから入れば有り余るほどの画像があります。
釣り関連の画像は色々探してみてください、加工次第によっては中々の物があります。
スタイルシートでバナー画像を差し替える
バナー画像はサイトの一番目立つ箇所にくる画像です。当然そのサイトの特色を一発でイメージできる画像が良いです。
無料のブログツールなど使われる方も多いですが、中々無料のブログツールには釣りサイトにマッチする画像も少ないです。まあ、これは仕方ないですね。ナチュラムのブログツールで釣りブログを展開すれば、かなりあなたの釣りにマッチしたブログは出来ると思います。あれなんかも大いに使われると良いと思います。
それはさておき・・・
当サイトで配布しているテンプレートのバナー画像の差し替えですね。これも、私の参考サイトのカスタマイズを参考にして下さい。
今回私が作るサイトはグレ釣りのサイトです。と言うわけで、グレ釣りにマッチしそうな画像を入れてみます。
具体的には10番の画像を使用します。あなたも自分のサイトにピッタリの画像を選んでくださいね。
バナー画像の変更はスタイルシートでやります。スタイルシートはｃｓｓフォルダのstyle.cssと言うファイルです。このファイルを開いてください。
普通にダブルクリックで開くことが出来ますが、テキストエディタで開くことが出来ない場合は、右クリックで「プログラムから開く」、で「Notepad」で良いと思います。
スタイルシートには立ちくらみがしそうな文字が並んでますが、慣れるとこれが読めるようになってきます。最初は半泣きになると思いますが、頑張ればイイ事ありますから・・・笑
ではスタイルシートから・・・
#banner
この記述がある箇所を探して下さい。（上図参照。他にも#banner ○○見たいな箇所もあります、間違えないようにしてください）
その中の「background-image : url(../img/13.jpg);」の箇所を書き換えます。私の場合はグレ釣りのサイトですから、10番の画像を使用します。この場合、13.jpgを10.jpgに書き換えます。
（書き換え前）→background-image : url(../img/13.jpg);
（書き換え後）→background-image : url(../img/10.jpg);
書き換え前がこれです
書き換え後、こうなります。
この画像は実際、磯釣りに言ったときの画像です。何処の渡船か解る人、いますか？（＾◇＾）
（南紀の大きな渡船店です）
では、次はタイトルとメタタグ部分のカスタマイズをいって見ましょう！
