本日は、ブログページのカスタマイズをします。カスタマイズでCSSの
変更です。
メインは、タイトル画像の挿入です。
サンプルとしてタイトル画像サイズは5種類用意しました。
1 760-326
2 760-470
3 760-570
4 800-306
5 1200-457
はじめは、画像のアップロードとタイトル貼り付けです。
NO3の画像からスタートします。ブログテンプレートはカスタマイズ
可能なシンプル クリアグレー左を使用しました。
画像の下が大きく欠けるため、
padding:35PXを変更しました。NO3画像はpadding値を220まで
変更することで表示可能になりましたが、タイトル位置が中央にずれるため
問題あり。
画像サイズをNO1に変更、padding値は140pxできれいに配置できました。
写真の色が暗いため、タイトル文字が見えにくいので、ブログタイトルとブログ
概要の文字色を白系に変更しました。変更は
ブログタイトル #333333 → #F5F5F5
ブログ概要 指定なし → #F5F5F5
以上変更でタイトル画像の変更は完了です。
![](https://blogimg.goo.ne.jp/img_emoji/sayonara.gif)
![](https://blogimg.goo.ne.jp/img_emoji/kirakira.gif)
変更です。
メインは、タイトル画像の挿入です。
サンプルとしてタイトル画像サイズは5種類用意しました。
1 760-326
2 760-470
3 760-570
4 800-306
5 1200-457
はじめは、画像のアップロードとタイトル貼り付けです。
NO3の画像からスタートします。ブログテンプレートはカスタマイズ
可能なシンプル クリアグレー左を使用しました。
画像の下が大きく欠けるため、
padding:35PXを変更しました。NO3画像はpadding値を220まで
変更することで表示可能になりましたが、タイトル位置が中央にずれるため
問題あり。
画像サイズをNO1に変更、padding値は140pxできれいに配置できました。
写真の色が暗いため、タイトル文字が見えにくいので、ブログタイトルとブログ
概要の文字色を白系に変更しました。変更は
ブログタイトル #333333 → #F5F5F5
ブログ概要 指定なし → #F5F5F5
以上変更でタイトル画像の変更は完了です。
![](https://blogimg.goo.ne.jp/img_emoji/sayonara.gif)
![](https://blogimg.goo.ne.jp/img_emoji/kirakira.gif)