はてなブログ ヘッダーデザイン 横幅1000px以上の画像に注意

はてなブログでヘッダーデザインを変えてみた！
タイトル画像をアップロードすれば終わりのはずが予期せぬ問題が発生。
筆者がやった"何でやねんな問題"の対処方法を書いておきます。

サイズが変る

デザイン⇒カスタマイズ⇒ヘッダ⇒タイトル画像のアップロード
これで完了だと誰もが思うでしょう。

横幅なんで縮んだ！？もちろん横幅調べて作りました。でも横幅1075pxの画像をアップロードすると1000pxになってしまうのです。調べて気づいたんですが、たぶんこの機能を使うと1000pxを超えないように制御されてるんだ。じゃあ1000超えてる人はどうするの！

タイトル下に入れる

しょうがないので苦肉の策として、タイトル下に直接画像を表示させました。

<header>
<h1>
<a href="http://mmhtb.hatenablog.com/">
<img src="～～"  />
</a>
</h1>
</header>

そして本来タイトル画像が入るはずの領域を非表示にして完成。

#blog-title{
    display:none;
}

一応出来た感が否めませんorz
はてなブログはデザインカスタムのやりにくさが難点。かゆい所に手が届かないというか・・。今回のヘッダー画像に限らず不当な手段でやることが結構ある気がする。特にスマホのデザインなんか不当でしかいじれないのは痛すぎるよなぁ。ページランクアップという最高の利点があるだけにおしい！

↓↓ボツ作品