N-moca LIGHT

Everything should be okay because YOU ARE ALIVE.

スマホでもカテゴリを見えるようにした【はてなブログPRO】

まず初めに、これはPRO契約用のやり方なので無料でやり方探してる方の参考にはなりません。ごめんなさい。

ぐぐるとやり方書いてるブログさんもいろいろ見つかるけれど、私にはもひとつしっくりこなかった。。

ただ、デザイン設定でスマホのフッタにHTMLタグを書けばいいことはわかった。

というわけで、パソコン版でページのソースを表示し、サイドバーのカテゴリのところのdivブロックをまるまるコピペしてみたら、正解だった!まあそらそうだろうという感じですが。


ブロックのclass名は、"hatena-module hatena-module-category" です。

f:id:you-are-enough:20220408174546p:plain
ページのソースのうちのカテゴリのブロック

</ul> で閉じた2個下の </div> までをコピーして、デザイン設定のスマホのフッタのタグ記入スペースに貼り付けます。

f:id:you-are-enough:20220408175622p:plain
スマホデザイン設定の画面


なお、「フッタ」ではなく「ページャ下」に貼り付けると、プロフィールの上に配置されるようです。


※かなりざっくりした説明ですが、ご要望あればもうちょい詳しく書きますのでコメント欄でお知らせください。

※【追記 2022-04-15】
このやり方だと、現状のカテゴリごとの記事数をそのままリンク文字としてしまうので、記事数は消してカテゴリ名のみのリンクに変更する必要がある。

同じような理由で、カテゴリ名を変更したりカテゴリを増やしたり削除したりしても自動で反映されません。あくまでこのスペースにカテゴリページへのリンクを貼っているだけなので、その都度スマホデザインの設定で修正する必要があります。(ということに今ようやく気付きました。)