続 オリジナルデザイン
「愛犬ポロさん」のご要望にお答えして 作業手順をメモします
ブログタイトルおよび説明文はそのまま転記され、画像のみ変更する簡単
方法です。
!注意! タグを書き換えますので、テスト用の非公開ブログ等でのテスト
をお勧めします
1.現状デザインの画像サイズ確認
使用しているデザインによりサイズが異なるため、ブログの画像上にて
右クリックし、「名前を付けて背景を保存」しサイズを確認します。
私の場合はアウトドア3カラムデザインで、760x220ピクセル
愛犬ポロさんの風景2カラムは、740x250ピクセル
2.オリジナルにて使用する画像データ準備
お気に入りの写真データなどを使い、1.にて確認した適性サイズのjpg
データを作成します。
私は、760x220の背景黒データを準備し、写真を貼り付けました
境界はクローンブラシ(PaintShopPro)にて、ぼかし編集です。
3.画像データをアップロード
ブログにアップロードする手順で、記事の投稿から画像の追加をします
画像データのURLを、控えてください。
例 : /usr/kumatarotes/head.jpg
4.オリジナルデザインの登録
デザインのデザインカテゴリ(左)から、オリジナルデザインの登録を
選びます。スタイルシートが表示されるので、126行目付近の次の
記述を見つけます
"background:#fff url(/_img/outdoor01/outdoor_01.jpg)left;"
ちなみに愛犬ポロさんの場合は
"background:#FFFFFF url(/_img/gekiryu/gekiryu_head.jpg) center top;"
を見つけてください
()の中の "/_img/~/~.jpg"が画像データのURLですので、3にて
控えたURLに書き換えます
書き換えたら、最下段の登録を押下して終了
うまくいきましたか?
!注意! 繰り返しますが、失敗すると危ないので、事前にテストして
ください
関連記事