はてなブログのカスタマイズ スマホ画面に月間アーカイブの設定方法

スマホ画面に月間アーカイブを設置する

月別アーカイブとは？

これの事。

月に何記事書いたか、年間の記事数を確認することもできる。

この月間アーカイブでブログを始めた時期がわかる。

同じ趣味の人や興味のある人の記事を遡って確認することのできる項目である。

ちょっとしたことだかなり便利な機能である。

PC版にはあるがスマートフォン版にはない項目

はてなブログの場合、PC版にはデフォルトで月別アーカイブがあるが、スマホ版にはない。

ということでHTMLを使ったカスタマイズでスマホに月間アーカイブを表示する方法を紹介する。

月間アーカイブ設定方法

設置コード

<div class="hatena-module hatena-module-archive" data-archive-type="default" data-archive-url="http://www.cucumberking.com/archive">
  <div class="hatena-module-title">
    <a href="http://www.cucumberking.com/archive">月別アーカイブ</a>
  </div>
  <div class="hatena-module-body">
</div>
</div>

上記コートの中の以下の部分を変更する。

http://www.cucumberking.com

となっている二箇所部分に自分のブログのトップページのURLに変更する。

設置場所

これを管理画面→デザイン→スマートフォン→フッタのページャ下かフッタに貼りつける。

まとめ

ウェブページのアクセス、閲覧は7〜8割はスマホ経由とも言われている。

スマホサイトのカスタマイズでより見やすくして、ユーザビリティーをよりよくすることで回遊率をあげたい。

現在当ブログの直帰率は90%近くあるので少しでも改善せれれば良いのだが…

月別アーカイブが無いと、全体像がわからない。
実は自分自身も月に何記事書いたかわかっていなかったのですごく便利になった。

興味のある人はぜひ導入してください。