みっかぼーずスマートフォン用の表示で見るみっかぼーず日常も仕事もゲームも下ネタも徒然なるままに書いていく。雑記・その他どーも、いとです。ブログカスタマイズでスマホ版に「カテゴリ一覧」を表示させました。今までもカスタマイズ自体はコッソリやっていたのですが、せっかくなので経緯と対応について記事を書きます。当ブログはPC版(画像はChromeブラウザの表示)ではサイドメニューに「カテゴリ一覧」を表示していますが、スマホ版にはカテゴリ一覧を付けていませんでした。最近では、マイクラだけでなくFGOやPythonの記事を書いており、コンテンツが増えつつあります。コンテンツのジャンルが増えた分、特定ジャンルに惹かれてブログに来訪してくださった方がいらっしゃると思うのですが、ここで問題が一つ発生します。マイクラ記事に興味を持って来たのに、記事一覧がFGOのガチャ爆死記事ばかりだったため、目当てのマイクラ記事を見つけられない!ということになりかねないのです。下記サイトの「スマホページ上部にカテゴリー一覧をリスト表示する方法」を参照し、カテゴリ選択のプルダウンリストを設置しました。いやまいったね!各カテゴリのURLはこんな感じで取得しています(画像赤枠)「ブログURL/archive/category/カテゴリ名」ですね。URLを貼り付けると、カテゴリ名の全角かなや漢字箇所が「%E3%82~」のような表記になりますが、そのまま貼り付けて大丈夫でした。※デベロッパーツール使用時のChromeバージョンは「62.0.3202.94」です。プルダウンリストを押下すると、各カテゴリがリスト形式で表示されます。カテゴリを押下することでカテゴリタグが付いた記事の一覧ページに遷移できます。最後にカテゴリ一覧を追加して思ったこと★メリット目当てのカテゴリ記事が探しやすくなったTOPページ(記事一覧)にカテゴリ一覧があるので、読みたいカテゴリを見つけるのが楽になったかなぁと思います。各カテゴリ名や記事一覧のURLは手動で埋め込んでいるため、新しいカテゴリを追加したりカテゴリ名を変更したりした場合は、その都度「カテゴリ一覧」のソースを修正する必要があります。メンテナンスのしやすさやデザイン面で気になることはあるので、今後改修する予定です。(各記事にカテゴリ一覧はいらないのでは?とか、カテゴリ一覧の表示がでかいとか......)が、しばらくはこのままでいきます。直帰率やらPV数やらの下心が1mmもないかと言われれば嘘になりますが、せっかく来訪してくださった方にとって不親切なのはいかがなものかと思い、機能追加を優先しました。(自分が他者のブログを読んでいるときにカテゴリ一覧があると便利だと思ったので追加した、というのが一番の理由だったり)皆様にとって少しでも読みやすいブログになっていれば幸いです。11:40【ブログカスタマイズ】スマホページ用のカテゴリ一覧を表示させてみたTweet関連記事2018-02-27【まとめ】ブログ一周年記念★振り返ってみたどーも、いとです。―その1―どーも、いとです。マイクラの更新は久しぶりですね。覆われた森のカフェ作りどーも、いとです。「窓・内装デザイン」どーも、いとです。はてなブログPro日常も仕事も下ネタも徒然なるままに書いていくブログ。(2)月別アーカイブリンク夜明け星の軌跡(イラストサイト)About問い合わせフォームスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。