どうもー!コミックバンド闇鍋の丼でございます!!


第125回でございます!今日はブログの設定の話ー!!



ずっと気になっていたのですが……
ブログのヘッダー画像のサイズってどのぐらいにしておくのが一番良いんでしょうね?

ブログ_ヘッダー画像サイズ_20220805


せっかくなので、ちょっと調べて変更してみようと思いますよー!





今までのヘッダー画像


今年の4月にブログを始めてから、ずっと幅1500×高さ600(単位はpxだよ!)でやってきたんですけど……


元ヘッダー画像_見え方



ちょっと高さありすぎん?
PC版ですけども、ページ開いたら最初いきなりタイトル&ブログ説明とヘッダー画像だけで以上終了!閉廷!

……って感じになっちゃうんですけど……。



絵を描き始める時に一応調べたハズなのに、何故このサイズにしたんだろうねぇ……(謎)



気になる点


鍋と丼がドドンッ!と出てくるのでインパクトはスゴイかもしれないけれど、記事一覧や本文に行きつくまでにスクロールスクロール&スクロール……うーん、ちょっとアレですかね?ダルい?


自分は調べごとをするためにこのページを見ている訳でもないし、自分のブログなので別に良いんですけど、見に来てくださった方の指や手が疲れるかもしれない……(汗)


ちょっとヘッダー画像のサイズを変えてみることにしましょう!



どれぐらいのサイズにすべき?


ということで、ネットで軽く調べてみましたよ!

ライブドアブログで書いている人で検索結果の上の方に出てくる人は、幅960×高さ350と言っているようだ!


よし!では、元の画像を丼と鍋と文字レイヤー毎にそれぞれ幅1500→960に縮小して~

ふ~んふんふ~ん♫



お!できたぞ!!意外と違和感なく縮小できたんじゃない!?ふむふむ!


では、これをヘッダーに設定し直して……

んんんっ!?


ほとんど変わっていないではないか!!!

そりゃそうか!そんなに縦横比率そんな変わってなかったわ!!(笑)


そっと元に戻しましたとさ。めでたしめでたし♫



……




じゃなくて!

『ライブドアブログ ヘッダー画像 サイズ』とかで調べても、何かこう「そのものズバリ!」みたいな感じでは見つからなかったので、もうブログ全般で調べることにしますわ!


みんな大好きWordpressだと幅960×高さ250推奨らしいので、いっぺんそれで作ってみましょうかね!(Wordpress民じゃないけど)



変更したらこうなった!



はい。

新ヘッダー見え方


なんか、ちょっとスッキリしたんとちゃいます!?


ちょーっとだけ記事一覧の頭が見えてるし!ええやん!!


ここで終わっても良いのですが、せっかくなので設定の仕方も一応説明しておきましょうかね!
(「そんなん知ってるわ!」と言われるかもしれませんが)






設定方法@PC版


では、さっそく!PC版のヘッダー画像を変更していきましょうね~!!


[ブログ設定]を選択!
説明1


デザイン/ブログパーツ設定の[PC]を選択!
説明2


[タイトル背景]→簡単タイトル画像[アップロード]を選択!
ヘッダー画像設定


[画像を切り抜く]のチェックをはずし、「決定」!
ヘッダー画像設定_切り抜き



これでOKですわよ!!


トリミングしたい人は、この[画像を切り抜く]にチェックを入れて、どの部分を使うか(カットするか)の範囲を選択したってください!


自分は特に必要無かったので、切り抜きなしで!



設定方法@スマホ版


PC版だけ変更して「ふぅ~やれやれ!お茶にしましょう~♫」とか思っていてはいけませんわよ!(先ほどの自分に言っている)


スマホ版とPC版では設定が別になっているので、両方変更したい場合は設定もそれぞれでやらないといけません!!


最初の、デザイン/ブログパーツ設定のところで[スマホ]を選択!


[レイアウト]→自分が変更したいページ(この場合は[トップページ])→[ブログタイトル]の[設定]を選択!
ヘッダー画像設定スマホ版


左側の枠に[ブログタイトル]が無い場合は、右のアイテム一覧の中から選んで引っ張ってきましょう!




「[設定]なんかないじゃないか!」という方、安心してください!

[ブログタイトル]のところにカーソルを持ってくると[設定]が表示されますよ!





[画像]→[アップロードする]を選択!
ヘッダー画像設定スマホ版2



[ファイルを選択]でヘッダーにしたい画像を選んで、[アップロード]を選択!
ヘッダー画像設定スマホ版3


[保存する]を選択!
ヘッダー画像設定スマホ版4


[完了]を押せば、おしまい!
ヘッダー画像設定スマホ版5



トップページだけで良ければ、これで万事OKですぞ!


他のページも変更したい場合は、それぞれのページ分だけ設定変更を行ってくださいませ!!



まとめ


できたぞ!ずっと気になっていたヘッダー画像の変更が!!


ついでにブログタイトルの文字を書き直して、画像全体にかけてあった紫色の怪しいモヤも取り払ってやったわ!!



これ、なかなかええんとちゃう!?(自画自賛丼さん)



もしヘッダー画像のサイズに悩んでいる方、「設定面倒くさいな~」と思って先延ばしにしている方がいらっしゃいましたら、意外と簡単ですのでやってみてくださいませ♫


❝パソコン苦手の民❞ 筆頭である丼でもサラッと変更できたので、簡単ですぞー!!




これで遊びに来てくださった方の手指の疲労が軽減されるわ~良かった良かった☆




また次回もゆるっと遊びに来ていただけると嬉しいです♪


ではでは!



最後まで読んでくださり、ありがとうございます!
↓ もしよろしければ1タップいただけると嬉しいです☆
にほんブログ村 その他日記ブログ まったりへ
にほんブログ村に参加しています!

ブログ_スタエフバナー_20220429ブログ_noteバナー_20220430