トップページ以外のページのヘッダー画像を別のものにしました

今使っているTwenty Seventeenと言う公式テーマはトップページ以外はトップページのヘッダー画像の一部が表示されるという仕様になっています。トップページ以外でもうまく表示されればいいのですが、必ずしもそうは行かないので、ソースコードをいじって、トップページだけ別の画像が表示されるようにしました。

表示する画像はいろいろ考えたのですが、結局、プレアデス星団の写真にしました。どこが表示されても特に問題がなく、真ん中に明るい星があればいいという判断基準です。スクリーンのサイズが変わると、真ん中が表示されるからです。

これにブログ名とブログのURLを貼り付けたのですが、どうしても小さくなるために、アルファベットのOやeの中のところがつぶれたり、線が入ったりしました。そこで、そこを塗りつぶしたり、うまく真ん中を塗りつぶすのに成功したoをコピーして、うまく行かなかったoの上に貼り付けたりしました。

かなり見た目がよくなったような気がします。同じことをやりたい場合、ソースコードの書き方はこちらを見て下さい。

これに先立って、ヘッダー画像を5枚追加しました。全部で20枚になりましたが、もっと増やしたいと思います。

関連ページ:
トップページ以外のページに別のヘッダー画像を表示する方法/WordPress公式テーマTwenty Seventeen