読者です 読者をやめる 読者になる 読者になる

君とアニメと人生と

アニメ・人生・仕事の三本柱でお送りします

スマホ版のフッタに人気記事を表示する方法【はてなブログ】

ブログ ブログ-運営

今回は、はてなブログのスマホ版フッタをコピペだけでカスタマイズできる方法をご紹介します。具体的には、PC版と同じような人気記事モジュールを表示する方法です。

ちなみに、私にはプログラミングの知識など全くなく、ゆきひーさんの記事を参考にしただけなので、質問等には答えられません。その点は何卒ご了承ください。

参考にさせていただいた記事

www.yukihy.com

全面的にこちらの記事を参考にさせていただきました。ゆきひーさんありがとうございます!!

はてなブログのスマホ版表示って、、、

はてなブログのスマホ版表示って、無駄なものが多い割に必要なものが入っていない感じがしますよね。デフォルトで入っているのは「注目記事」という、最近のアクセスが多いものですが、それだけだと何となく寂しい気がしてなりません。

スマホ版のフッタに人気記事を表示する方法

そこで私が試行錯誤して編み出したのが、PC版の「人気記事モジュール」と同じようなものをスマホ版にも表示できるこちらコードです。はてなブックマーク数の多い記事を表示できます。

私はこのまま使っていますが、中の数字をいじれば記事数などを変えられます。実際に使用したイメージはこちら↓

f:id:nishimori_yu:20160116190108p:plain

見出しを付けると尚良し!

上のコードをフッタにただ貼り付けるだけでも問題ないですが、やはり上の「注目記事」と区別するために見出しは付けた方が良いと思います。先ほどのコードのすぐ上に貼り付けてください。コードはこちら

「人気記事」のところを変えれば、どんな見出しでも作れます。

まとめ

以上、はてなブログのスマホ版表示をカスタマイズする方法をご紹介しました。これで回遊率がアップするかもしれませんし、しないかもしれません。まあ読み込みのスピードは問題なさそうなので、試験的に設置してみても良いでしょう。すごく簡単なので、ぜひお試しください! ※ちなみに、スマホ版のフッタは「はてなブログPro」に申し込んでいないとカスタマイズできませんのであしからず。

© 2014-2016 君とアニメと人生と