ブログのヘッダー背景画像を付けた

こんにちは、柚緋奈です。
今回はただのWordPressいじりの記録なので手短に書きます。

何故か1年おきに見た目をいじるやつ

作業前の話

丁度去年の今日にPHPアップデートをしたのをきっかけにこのブログもアップデート＆大改造してだいたい今の見た目になったわけですが（詳細は↓の記事へ）

WordPressのテーマを変えた（10年ぶり2回目）

いや他に言うことあるやろがいって感じかもしれませんが、どうもこんにちは、柚緋奈です。なんと7年ぶりに更新です。何故今更？と思われるでしょうが、ずーーーーっとほったらかしてるのはサーバーにとってはセキュリティ的に不安要素でしかなかったので、重...

ex.blazing.jp

2021.12.04

その時から丸一年間ブログのヘッダーの背景画像はありませんでした。その頃はNASが死んでて元データの類いは一切取り出せませんでした。
真っ白な空間にロゴがあるだけで、まあそれはそれで良かったんですけどやっぱり以前のようにロゴの後ろにDDRやってる足下の写真を表示したいなって思っていました。

1回目の作業の話

以前の背景の写真をまた加工しても、レスポンシブデザインに合わせて柔軟に表示領域が変わるためなのか普段自分が見る状態だと画像の下の方が途切れてしまいます。（自分自身はPCでしか書かないし、PCからしか閲覧しない）
あんまり縦幅デカくなるのは個人的に嫌ですし、PCに合わせてサイズ設定したらモバイル表示の時に余白が表示されるのももっと嫌です。
なので折角作った「前のヘッダーと同じ写真を新しく加工した背景画像」はお蔵入りになりました。

PCから見ると靴のあたりが全然表示されなくて何がなんだかって感じだったのです。
悲しいですね。

2回目の作業の話

しょうがないからなんか他に写真ないかなって色々探したら2006年の写真があったので、そっちを使う事にしました。何故か自分がDDRしてるところの写真が充実しています。

本当は靴の下辺りぐらいまでが表示されて欲しいんですけど、もうなんかいいや…ってなったのでこれにしました。
（モバイル表示だと見える）
実はこのブログってPCからのアクセスよりモバイルからのアクセスの方が多いんですよ。
だからまあいいかなって思えるレベルです。

あとはグローバルナビの幅とかロゴ自体とかもちょっといじって↑のようになって、今回はこれで良しということにします。
WordPressは手軽ではありませんが、弄りがいがあります。

お礼

今回の作業において参考にしたブログ記事を紹介しておきます。ありがとうございました。

Cocoonテーマのヘッダーとロゴ。画像幅を理解してピッタリと。

ブログ開設準備を行っていてヘッダー幅が微妙に合わなくてつかれちゃった人へ向けて、Cocoonテーマのヘッダーのカスタマイズ方法を共有します。

changbeer.site

余談

余談ですが2003年5月に撮った写真も出て来たので貼っておきます。
このゲーセンは近鉄奈良駅を出て直ぐのところなんですけど、もうないのかな…。
足下が写ってないのでヘッダーには使えませんが、わりとお気に入りです。