はまぞうブログには豊富にテンプレートが用意されているのですが、 本ブログ2010年9月26日、 今週のアクセス統計2 の記事で推測される様に、 ブログにオリジナル色を出す為、 トップの画像を交換したいという希望は多い様です。
交換するには元の画像が何処にあるか分からなければいけません。 さて元の画像は何処にあるのでしょう? はまぞうブログにも幾つかのタイプがあるのですが、 今回は本ブログの姉妹ブログ ホームページ作成浜松Tips の場合を見てみましょう。
元の画像のある場所を知るには、 テンプレートをカスタマイズする時に編集可能となる CSS(レイアウトの設定ファイル)を見ます。 ホームページ作成浜松Tips でははまぞうテンプレートは 藤 イラスト3カラム を利用しています。 このCSSファイルを見て、 body{…} と書かれている部分を探すと以下の様になっていました。
body{
margin: 0;
padding: 0;
text-align: center;
background:#ECFCFF
url(http://admin.hamazo.tv/
_img/illust_3column_wistaria/ha04_09top.gif)
top center repeat-x;
font-size: 100%;
}
margin: 0;
padding: 0;
text-align: center;
background:#ECFCFF
url(http://admin.hamazo.tv/
_img/illust_3column_wistaria/ha04_09top.gif)
top center repeat-x;
font-size: 100%;
}
設定ファイルにある通りリンクを張ってみます。 画像の表示 より画像を直接ご覧いただけると思います。 本記事の冒頭にある画像の下部分も伴った 縦に長い画像が見られたのではないでしょうか。 設定ファイルではこれをブログ全体の背景とし、 横方向に繰り返し表示することで、 トップ(ヘッダ)画像の様に見せているのですね。
はまぞうブログのトップ画像の場所(スタンダード編)
豊富にテンプレートが用意されているはまぞうブログでも、オリジナルへの変更の希望は少なくないようです。先ず手始めに大きく雰囲気を変えるとなれば手につけたいのがトップ画像ですね。変更するには元々の画像が何処にあるのか分からなければいけない、と言うことでものし