はてなブログのスマホ向けの画面から余計な情報を削除しました

こんにちは。

やまこうです。

モバイルファーストなんて言われて久しいですが、実際このブログでもモバイルからのアクセスが7割を超えています。

他の二つのゲーム攻略ブログなんて、9割に近い勢いです。

そこで、

参考にさせて頂いたサイト

今回、以下のサイトを参考にさせて頂きました。

ありがとうございます。

www.mataro1.com

編集箇所

編集箇所は、「ダッシュボード」→「デザイン」→「スマートフォン」→「ヘッダ」→「タイトル下」の部分です。

はてなブログproに登録している必要があります。

ブログ上部

この辺りですね。

最上部のはてなブログアイコンとログインボタンの削除

#globalheader-container {
display: none;
}

ブログタイトル上の丸いアイコンの削除

.header-blog-icon {
display: none;
}

ブログ下部

この辺りです。

はてなブログ勧誘・記事を書く・記事の管理の削除

.footer-action-wrapper {
display: none;
}

はてなブログ開発ブログなどへのリンクの削除

.touch-item-list { display: none; }

最下部ダッシュボードなどの削除

#footer-menu {
display: none;
}

Powered by Hatena Blog.の削除

.footer {
display: none;
}

最後に

これらのカスタマイズで、こうなりました。

こんなだった上部が

こう。

 

こんなだった下部が

こう。 

だいぶスッキリしましたかね？

「合わせて読みたい」までに余計な情報がなくなったのは嬉しいです。

参照させて頂いた情報には、他にも削除できる要素がありました。

是非そちらもご確認ください。

それでは。