2016 - 05 - 07 はてなブログ、スマホサイトの不要な項目を徹底的に非表示にしてみた はてなブログ このたび、「はてなブログ」にて、とあることをテーマとして「ミニ特化型ブログ（特化型ブログの更にテーマを絞り込んだもの）」を開設するべく準備中です。 ブログのテーマなどはともかく、準備中にあらためて感じた「はてなブログ・スマホサイト」のイマイチなところは、以下の2点です。 デザインがイマイチ。余分なものが多い。 何もカスタマイズしていないデフォルト状態にもかかわらず、読み込みが遅すぎ。 この2点を改善すべく、（これまで当ブログで散発的に記載していますが）スマホサイトの「はてなブログっぽいところ」を徹底的に非表示にしてみました。 なお、「はてなブログPro」の方向けの記事であることをご了承くださいませ。 スポンサーリンク はてなブログ・スマホ版で非表示にした項目など まず、元の状態は以

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