はてなブログスマートフォン版にグローバルナビを付けてみました




こんにちは、くみです。
はてなブログスマートフォン版にグローバルナビを付けてみました。

Global_Navi_01


カテゴリの準備

今のメインのカテゴリって移動ぐらしなんですけど、はてなブログはカテゴリの階層化ができないので『移動ぐらし』というものに飛ばすことができないんですよねえ。
なので、『移動ぐらしカテゴリ』をまとめた記事をひとつ作ることにしました。


移動ぐらし関連記事 – @kum_i log

URL、NomadlifeにしちゃったけどNomadic Lifeではないのか。まあいいや。

他の『英語』と『国際交流』は独立したカテゴリなので、面倒だし直接飛ばすことに。
並列で挙動が違うのはユーザの混乱を招くかなとは思ったんですが、面倒だったので…

CSSとHTMLでスマートフォン版にグローバルナビをつける

スマートフォン版のヘッダをいじるので、要Proアカウントです。
以下のサイトを参考にしました。


はてなブログのスマホ表示にグローバルナビゲーションを設置する – AIUEO Lab2

最初、こんな感じで左に空間が出現したんですが↓

Global_Navi_02

ulにpadding-left:0px;を設定する事で空間をなくすことができました。

 

カテゴリ選択と合わせてちょっと冗長に感じるかもしれないですけど、iOSからの閲覧多いですし、なるべくコンテンツに気付いてもらえるようにしたいな〜。

 

はてなブログカスタマイズ関連記事








AUTHORこの記事をかいた人

2014年1月から、仕事しながら海外各都市を移動して暮らしています。世界一周でも海外移住でもなく、ある都市に数週間住む移動ぐらし(ノマド)スタイルが好きです。予算は月5万円以下、拠点はありません。1977年生まれ、海外生活4年め、放浪3年め。 ネットがリアルをつなぐ力とBeing Publicの力を信じています。

OTHERその他の記事(Googleの広告も含みます)