本記事のテーマ：追加CSSでヘッダー画像設定がついにできた！
まいど！今年こそブログ作りをやり遂げたいおこめちゃんです！
ちょうど１週間前の３月３日にあげたこのブログ。。
ヘッダーの画像設定がうまくいかず、、
ChatGPTに聞いたりネットで調べたりしてついに解決！
CSSを追加（CSS=Webサイトの見た目を構築するためのスタイルシート言語）してみたよ。
追記したCSS
.header-container { height: ●●px; /* 高さを調整 */ overflow: hidden; display: flex; justify-content: center; align-items: center; }
.header-container img { width: ●●%; /* 画像を全体的に縮小 */ height: auto; object-fit: contain; /* 画像全体を収める */ }
●●の部分は高さや幅の値なので、自分のブログページに合うように調整！
よしよし。
今回苦労したのが、ボタンのポチポチだけで設定ができなかったこと。
また私が使っているテーマの特徴もあってか、ヘッダー編集画面がわかりづらい。。
そして結局はCSSでコードを書いてカスタマイズする必要がある。
という点でした。
ブログ初心者がガチでやろうと思うと、多分HTMLやCSSのスキルが必要。
ということで、学んでみようと思います。
この２つを習得すると、もっとブログが素敵になるはず！
学ぶためにはどんなツールが良さそうか調べ、Progateサイトを知りました。
まずは無料登録からできるみたいなので、１ヶ月ほど頑張ってみようと思います！
やってみてよかったらブログでもレビューしますね！
みんなでWEBクリエイトスキル上げていけるような記事を目指しますっ
おこめちゃん
週３ジムで毎日アップデートし続けたい会社員。
100歳でも元気に乾杯！を目指す酒飲みのブログです。
コメント