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

はてなブログのスマホ版に1分でカテゴリ一覧を追加する方法

はてなブログ

はてなブログのスマホ版に1分でカテゴリ一覧を追加する方法

はてなブログのスマホ版ってカテゴリ一覧の表示が無いですよね。そこで、だれでもかんたんに1分もかからずにカテゴリーを追加する方法をご紹介します。

自分のブログのHTMLソースコードを表示

自分のブログで右クリックを押してHTMLのソースコードを表示しましょう。

f:id:dougacc:20150628130446j:plain

そうするとなんかいろいろ訳の分からないテキストがでてくるので『Ctrl+F』で以下文字から該当箇所を検索。カテゴリーで検索すればだいたい一発ででてきます。

<div class="hatena-module hatena-module-category">
<div class="hatena-module-title">
カテゴリー
</div>
<div class="hatena-module-body">
<ul class="hatena-urllist">

※ここにカテゴリ一覧がある例として1つ掲載※

<li>
<a href="http://www.usamofu.com/archive/category/%E3%83%96%E3%83%AD%E3%82%B0%E9%81%8B%E5%96%B6">
ブログ運営 (87)
</a>
</li>


</ul>
</div>
</div>

 この『<div class="hatena-module hatena-module-category">』から下の方に自分の掲載したいカテゴリが一覧になっていますので、その下の『</div></div>『までコピーします。そしてメモ帳とかにコピーして貼ります。

このまま利用するとカテゴリの後ろに投稿記事件数が固定になってしまうのでカテゴリの後ろの(記事数)を削除※例として打ち消し線で削除したということで ブログ運営 (87)

あとは、はてなブログのデザインから設置したい場所にそれをコピペすればOKです。ね簡単でしょ。

カテゴリの順番を並べ替えたいときは<li>*****</li> この列をコピーして順番を入れ替えれば簡単に変更できます。 ※*は当て字です。

あとはCSSでレイアウトを整理すればOKです。まあそのへんの話もおいおいかいていきます。

まずはそのまま貼って、スマホでどのカテゴリがよくクリックされるかをGoogleアナリティクスなどのアクセス解析でチェックしてみるといいですよ。需要のないカテゴリは削除するとか、カテゴリ自体を改めて検討し直すとか出来ますからね。