ソネットブログ トップページの画像変更方法 [その他]
ソネットブログのトップページのタイトル部分の画像の変更方法です。
リニューアル前はヘルプに詳しく書いてあったはずなのですが、見つからず、今あるのはわかりづらい説明のみ。
他のブログで説明がされているページもありましたが、リニューアル前の状態での説明が多いようです。
CSSなどはさっぱりわかりませんが、もしやり方がわからない人の参考になればと思い一応記録しときます。
(1) 「管理ページ」→「デザイン」→「スキン管理」→「ディフォルト」を選択
(2)プログラム(CSS)の中から下記のような文字列の部分を探す。
(Ctrl+Fで検索すると速い)
---------------------
#banner {
padding:50px 0 16px 0;
background:#FFD900;
}
---------------------
(3)上記の部分を下記のように編集する。
---------------------
#banner {
background:url("/_images/blog/_957/shoh/画像名.jpg") no-repeat;
padding:50px 0 16px 0;
}
---------------------
*("/_images/blog/_957/shoh/画像名.jpg")の部分は、一人一人違くなります。
わからない場合は、一度ブログの記事の編集画面で画像を貼るようにクリックし、出てきたURLを確認して下さい。
**ヘルプを見ても「/_957/」が入る事が載ってなかったため、素人の私は苦労しました。
ちなみに957と言う数字も一人一人違うかもしれません。いや、多分違うはず。
***「50px」の部分は、表示させる画像の高さを示していますので、画像が大きい場合は、そこの数字を大きくすれば
表示される画像も大きくなります。
ちなみに当然画像は最初にアップロードしておく必要があります。
アップロードはブログの記事を書くところですればOK。
最後に注意:あくまで私は上記の方法でうまくできましたが、CSSは全くわかってません。
CSSを編集される方は、ご自分の責任でお願いします。
リニューアル前はヘルプに詳しく書いてあったはずなのですが、見つからず、今あるのはわかりづらい説明のみ。
他のブログで説明がされているページもありましたが、リニューアル前の状態での説明が多いようです。
CSSなどはさっぱりわかりませんが、もしやり方がわからない人の参考になればと思い一応記録しときます。
(1) 「管理ページ」→「デザイン」→「スキン管理」→「ディフォルト」を選択
(2)プログラム(CSS)の中から下記のような文字列の部分を探す。
(Ctrl+Fで検索すると速い)
---------------------
#banner {
padding:50px 0 16px 0;
background:#FFD900;
}
---------------------
(3)上記の部分を下記のように編集する。
---------------------
#banner {
background:url("/_images/blog/_957/shoh/画像名.jpg") no-repeat;
padding:50px 0 16px 0;
}
---------------------
*("/_images/blog/_957/shoh/画像名.jpg")の部分は、一人一人違くなります。
わからない場合は、一度ブログの記事の編集画面で画像を貼るようにクリックし、出てきたURLを確認して下さい。
**ヘルプを見ても「/_957/」が入る事が載ってなかったため、素人の私は苦労しました。
ちなみに957と言う数字も一人一人違うかもしれません。いや、多分違うはず。
***「50px」の部分は、表示させる画像の高さを示していますので、画像が大きい場合は、そこの数字を大きくすれば
表示される画像も大きくなります。
ちなみに当然画像は最初にアップロードしておく必要があります。
アップロードはブログの記事を書くところですればOK。
最後に注意:あくまで私は上記の方法でうまくできましたが、CSSは全くわかってません。
CSSを編集される方は、ご自分の責任でお願いします。
コメント 0