はてなブログのスマホ版でプロフィールや余計な項目を非表示にする

f:id:rankasan:20170321180849j:plain

はてなブログをスマホで表示すると、ヘッダーやらフッターに余計な項目が表示されますね。プロフィールや検索ボックスも正直いらないです。スマホでは表示項目が多いと煩雑になりユーザビリティが下ります。そこで、CSSにてそれらを非表示にする方法を紹介します

本記事ははてなPro向けになります。無料版でのカスタマイズはNGらしいので御注意を

サンプルCSS

上記CSSの必要無い部分は削除してお使いください

適用方法

管理画面からデザイン、スマートフォンを選択。メニューからヘッダを選択します

f:id:rankasan:20170321182326p:plain

ヘッダの編集項目の中のタイトル下に前述のCSSを記入します

f:id:rankasan:20170321182911p:plain

以上で終了です。結果はプレビューで確認して下さい。かなりシンプルになりますよ

雑感

はてなのスマホ版はカスタマイズ出来る項目が少ないですね。有料版はもっとカスタマイズ出来るようにしてもらいたいものです。余計な表示も消せるようにね

私は注目記事を消して、Milliardを使った関連記事を表示しています。その辺りの方法はまた別の記事で…

プライバシーポリシー