太陽がまぶしかったから

C'etait a cause du soleil.

はてなブログのスマートフォン表示で出てくる追尾ヘッダーを消す方法

f:id:bulldra:20150323130512j:plain

はてなブログのスマートフォン表示の追尾ヘッダーがウザい

 はてなブログのスマートフォン表示が変更されて、追尾ヘッダーがつくようになりました。スマートフォンの小さい画面で追尾されるとウザいので嫌いなデザインです。

f:id:bulldra:20150323130513j:plain

 イラッときたので消してしまいましょう。スマートフォン表示時のヘッダーやフッターを変更してよいのはPROユーザーのみという制約がありますので、ご注意ください。

追尾ヘッダー非表示化の設定方法

f:id:bulldra:20150323130032j:plain

 デザイン設定画面のスマートフォンタブのフッターに以下のCSSを追記します。

<style>
/* ヘッダー表示有無 */
#globalheader-container {
    display:none;
}

/* 余白調整 */
#container {
    padding-top:20px;
}
</style>

f:id:bulldra:20150323131053j:plain

 はい消えたー。スクロール追尾もされません。上部の余白は好みで設定してください。

まとめ

 そんなわけで、はてなブログのスマートフォン表示で追尾ヘッダーを消せました。はてなブログのスマートフォン表示は、ランキング表示といい、追尾ヘッダーといい、改悪にも思えるような変更を勝手に加えておいて、設定で簡単に戻せるようにしないので困ってしまう事が多いのです。

 『PageSpeed Insights』の点数もスマートフォン表示だと低くなってしまいますし、まずはシンプルに表示できるようにしてもらって、そこから色々な表示を加えたい人だけが加えられる構造にして欲しい。