はてなブログスマートフォン版にグローバルナビを付けてみました
こんにちは、くみです。
はてなブログスマートフォン版にグローバルナビを付けてみました。
カテゴリの準備
今のメインのカテゴリって移動ぐらしなんですけど、はてなブログはカテゴリの階層化ができないので『移動ぐらし』というものに飛ばすことができないんですよねえ。
なので、『移動ぐらしカテゴリ』をまとめた記事をひとつ作ることにしました。
URL、NomadlifeにしちゃったけどNomadic Lifeではないのか。まあいいや。
他の『英語』と『国際交流』は独立したカテゴリなので、面倒だし直接飛ばすことに。
並列で挙動が違うのはユーザの混乱を招くかなとは思ったんですが、面倒だったので…。
CSSとHTMLでスマートフォン版にグローバルナビをつける
スマートフォン版のヘッダをいじるので、要Proアカウントです。
以下のサイトを参考にしました。
はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2
最初、こんな感じで左に空間が出現したんですが↓
ulにpadding-left:0px;を設定する事で空間をなくすことができました。
カテゴリ選択と合わせてちょっと冗長に感じるかもしれないですけど、iOSからの閲覧多いですし、なるべくコンテンツに気付いてもらえるようにしたいな〜。
はてなブログカスタマイズ関連記事
はてなブログのスマートフォン版にカテゴリー選択のプルダウンメニューを追加しました - @kum_i log
正規表現を使った置換ではてなブログのソースクリーニングを効率的に行う - @kum_i log
はてなブログ用Twitter貼り付けブックマークレット作成を試みる(不完全→完全体!!) - @kum_i log