【カッパママ】ブログを見やすくするために、見出しに囲みをつけてみた。画像の比率もこれから意識してみようっと。
こんにちは、カッパママです！
※当サイトはAmazonのアソシエイトとして、またアフィリエイト広告を利用して適格販売により収入を得ています
見出しに囲みがあると、やっぱりブログが読みやすいかも！
先日のこと。
手帳の書き方を検索していたときに、とても見やすいブログサイトを発見！
素敵！と思って、さっそく真似をしてみることに♪
先日までのハリカッパブログ記事の見出しと、新しい見出しです。
以前の見出しは、左側にお花の絵文字をつけてみたり、文字を太く・大きく、区切りをつけるために、線をひっぱってみたけど、位置がいまいちで気になっていました😅（線の位置が下すぎる。）
でも今日からは見やすくなったと思うんですけど、どうでしょうか？？？
今回使用した見出し囲みのHTMLはこちらです。
カッパママが使用した見出し囲みのHTMLはこちら。
<div style="padding: 1rem; border-left: 8px solid #f1af9f; background: #ffefe9; font-size: 20px;">見出しの文章はここに書く</div>
参考までに書いておきますね。（あと記録として・・・）
記事内のイメージ画像の比率は1.91:1がいいらしい。
ハリカッパブログ内のイメージ画像の比率は、迷うことなく１：１（正方形）を使用していました。
１：１の比率にしていたのは、カッパママがブログを始めたときに（10年前にアメブロしてました）、正方形の画像が一般的だったからです。たぶん
だから迷うことなく、正方形の画像をブログに添付していたんですけど、見やすいなと思ったブログサイトの画像の大きさ・比率を改めて見てると、
あれれ？？？正方形ではないぞ。
ということで、ブログ内に適した画像の比率を調べてみたところ、
1.91:1がいいらしいとのこと。または、YouTube動画サイズの16:9。
知らなかった😳！！
カッパママが普段使用しているアプリinshotには、16:9のキャンバスサイズはあるけど、1.91:1の比率のキャンバスサイズはありません😂なるべくその比率に近い２：１のキャンバスで仕上げられたらいいなと思っています。
つぶやきのページでは、今までどおり基本は１：１の正方形で写真をアップする予定です。余裕がないときは、ブログ内でもそのまま正方形の画像を使用しそうだけど（笑）
そうそう💡画像を入れる場所（タイミング）は、見出しのあとに入っていることが多いなという感じでだったので、今後の参考にしたいなと思いました😊（今回のブログは画像少なめですっ）
２０２５年に向けてトップ画像のタイトルも変更です。
見出しに囲みをつけたのを機に、ブログのトップ画像のタイトルも変更しました！（画像は同じ。）
【befor】
【after】
間違え探しか！って感じですね😅（笑）
変更箇所はこちら。
toymochapoo&kappamama
↓
companion animal&kappamama
モカちゃんとの生活 ときどきカッパママ
↓
ペットのいる生活 たびたびカッパママ
つぶやきページでは、モカちゃんの写真をほぼ毎日アップしているんですけど、メイン記事がモカちゃん以外のことが多くなってきているので、中身とタイトルをなるべく合わせてみようと思い変更しました✋
画像も変更したいんですけど、ちょっとイメージがまとまらないので（ハリネズミグリくんやたまごっち、ハーモニカッパも入れたい）、ブログのトップ画像は今まで通りのものを継続使用です😆
ハリカッパブログに遊びに来てもらえるように、来年もブログを書いていきます♪
ブログに遊びに来てもらった方に「見やすい！」と思ってもらえたらいいなと思うと同時に、カッパママ自身もデザイン変更するとブログを書く気分があがります（笑）
ということで、来年は一度ブログに遊びに来てくださった方が、また遊びに行きたいなと思ってもらえるようなブログを書いていきたいと思います😆
それでは本日も最後までおよみくださりありがとうございました！
【余談】
今年中にグレイヘアのこと、エモジャムのこと、iPad miniのこと、いろいろ書きたかったのですが、落ち着いて書く時間が取れず間に合いませんでしたっ。また来年に書きたいと思います！！
