釣りとちょっとだけウェイクボードと機械いじりが大好きな眼鏡屋のブログ

↑の画像
←の画像

全部この方法で入れ替えました
どーも、眼鏡屋の従業員です。

私はこの方法で横に視力表を作りたく、チャレンジしたのですが
ＰＣ画面サイズによって、Ｃマーク（ランドルト環）の大きさが変わってしまう事で断念しました

例えば、メニューとかいろんなプラン、魚拓、等、横の余分な空白にあれば、いいなーと思ったりもします。


これより以下は、すべて頼もしい友人のブログからのコピペになります。

トップページの画像くらいは替えたいじゃないですか！？

そこで今日のお題は【トップページの画像を替えるには】です。

テンプレートはどれでもいいのですが
【夕暮れの風景】ってのでやってみます。

まずこれに設定して自分のブログを見てみます。

トップに表示された画像のサイズが知りたいのでコイツを右クリックしてデスクトップあたりに名前をそのままで保存

画像ソフトで開けばコイツのサイズが分かるので
これとまったく同じサイズの画像を用意します。
（名前は半角で付けておきましょう）

８４０×３００でしたね

次に出来た新画像をアップします。
【管理画面】⇒【画像一覧】
【参照】で画像を選んで【アップロード】

画像をアップ出来たら小さいアイコンをクリックして
画像を表示してみます。
その時にアドレスバーに表示されるのがこの画像の場所です。
//img01.amamin.jp/usr/▲▲▲/○○○○.jpg

CSSでデザインを指定してありますので
そこを見つけ出し今アップした画像と差し替えてやればいいのです。

【管理画面】⇒左のメニューの中【テンプレート】
画面右のほう【カスタマイズ】

スタイルシート：
と書いてある四角い箱の中からさっきデスクトップに保存した画像ファイルの名前を探します。yutop.jpgという名前でしたね

#banner,#subbanner{
background:#FFFFFF url(/_img/sunset-1/yutop.jpg) top center no-repeat;
padding:0px 0px 0px 0px;
height:300px;
}

この辺にあります。
（　　）の中身を丸ごと
さっきの新画像の番地に書き替えればOK! ※相対パスの指定(/usr/▲▲▲/○○○○.jpg)のほうがスマートです。

テンプレートによっては、難しいものも、あると思います。←眼鏡屋の従業員より