育児と投資と節約と

いつの間にやら3児の父親になってました。気づいたことや思ったことなどを書いていきたいと思います。

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

 

こんにちは。

やまこうです。

 

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

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

 

そこで、

 

 

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

 

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

ありがとうございます。

 

www.mataro1.com

 

編集箇所

 

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

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

 

ブログ上部

 

この辺りですね。

 

f:id:ymmtkuicru:20160815064444p:image

 

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

 

#globalheader-container {
display: none;
}

 

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

 

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

 

ブログ下部

 

この辺りです。

 

f:id:ymmtkuicru:20160815064502p:image

 

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

 

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

 

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

 

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

 

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

 

#footer-menu {
display: none;
}

 

Powered by Hatena Blog.の削除

 

.footer {
display: none;
}

 

最後に

 

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

 

こんなだった上部が

 

f:id:ymmtkuicru:20160815064444p:image

 

こう。

 

 f:id:ymmtkuicru:20160815064521p:image

 

こんなだった下部が

 

f:id:ymmtkuicru:20160815064502p:image

 

こう。 

 

f:id:ymmtkuicru:20160815064609p:image

 

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

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

 

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

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

 

それでは。