【はてなブログ】スマホ用のページにカテゴリ一覧を設置してみた - チップの日常

はてなブログのPC版だとサイドバーにカテゴリを表示できます。 ↑こんな感じで。 一方、はてなブログのスマホ用ページにはカテゴリ一覧がないんですよねぇ。 これでは訪問者が他にどんな記事があるかわからず、一つの記事を読み終えたらすぐに帰ってしまいそう。 ということで、少しでもユーザの利便性が上がるようにスマホ用ページにカテゴリ一覧を設置することにしました。 カテゴリ一覧のデザインと設置場所 カテゴリを設置するにあたって最初に考えたのが、「どこに設置する？？」ということ。 これは自分があったら便利だなと思うヘッダーとフッターの2ヶ所にすることに。 次に「どんなデザインで？？」ということ。 デザインの参考にと検索してみるとこんな感じの記事を発見しました。 関連： はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2 はてなブログのスマートフォン版にカテゴリー選択の

[tukishiba_turedure]

レスポンシブを使っていましたが、スマホユーザーの多さに重い腰をあげてスマホデザインを作り始めました。少しずつですが形になってきました。とても参考になりました！

[mofnokikotori]

プルダウンカテゴリ表示

[thyself2005]

参考になりました。

[m_h]

参考にする

[yukiko_tea]

私でもスマホにカテゴリ一覧を設置できました！ありがとうございます♪

[traveler-hide]

参考になりました

[defender_21]

むむ

[TM2501]

PCでヘッダーを作っただけで恐ろしいほどの効果があったからスマホでも作る！！

[kiiroihoshi]

参考にさせてください。

[love-musicflavor0928]

カテゴリ一覧表示方法スマホ版

[yamama48]

使わせていただきました！とても簡単で見た目もすっきり。すごくうれしいです。ありがとうございます！！

[sennich]

スマホにカテゴリ

[nohitakun]

“<style>/*記事下見出し用*/ .kijisita-midasi{ margin-top:20px; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #E6E6E6; } /*記事下見出しここまで*//*カテゴリデザインここから*/ .cate-desi{ padding-top:10px; padding-bottom:10px; padding-left:5px; font-weight:

[samueside]

スマホにカテゴリー一覧をセットできました。自分で調べたい時とかすごい便利です。ありがとうございます。