ブログのトップの色をどーーーーしても変えたかった！




信頼してもらいたいなと思って
Instagramの色を水色にした

この色がなんか気にいったので
名刺もこの色番号を指定して作ってもらった！

だから！
このブログのトップ画像も何とかしてこの色に
そろえたくて。

「無料の範囲で簡単にできると思うよ」

そう言われたので、
色々調べたり、ためしてみたんだけどできなくて・・
ほったらかしていること3か月

先日Wordpress講座でHTMLとCSSについて勉強したので、
「これでできるかも！」
とチャレンジ。

テンプレートのカスタムから


色番号検索して、それを変えれば、色を変えられるかなー
とやってみるも変わらず・・

じゃぁ！
とページを開いて、
デベロッパーツールを起動（WindowsなのでF12）
矢印ボタンを押して、
ヘッダー部分のHTMLを見て、CSSを見てみた。

うーん・・
色の指定はない。

じゃぁ・・とカーソルを動かしていると、
ヘッダの背景のPNGファイル発見。

これか！
PNGファイルで背景のせてるから、
色指定では変わらないのかも！

そのファイルをダウンロードして、
画像加工編集サイト（→これを使ってみました）で
色を変更。ダウンロード。

うーん。このファイルをどこにあげればいいの？？

・・・ブログ投稿の画像アップロードと同じでいいじゃん！

と気づき、アップロード。

デベロッパーツール上で、CSSファイルの、
ファイル名をさっき上げたファイル名に変更してみると・・

できた―！！！！



デベロッパーツール上で確認できたので、
CSS変更する！

念のため、CSSファイルの内容を「全選択→コピー」で
別ファイルへ保存。
（更新しちゃうと戻せないから、壊れるの怖いから・・）

色変更前のファイル名を、CSSファイル内で検索。
そのファイル名を
自分でアップロードしたファイル名に変更。

そしたらできたー！！！

というこで無事にブログトップ画像の色を
変更することができました♪

学んでできるようになるのって楽しい♪