テーマを変更し、グローバルメニューを配置しました。
所要時間は1時間もかかってないです。
※但しナビに付けるちっさいアイコン探して決めるのに30分はかかってますw
実際の作業は大きく3ステップです。
1)テーマを「Minimalism」に変更する
2)レスポンシブデザインに設定する
3)グローバルメニューを入れる
参考までに、このページのナビはこんな感じです。
<nav id="gnav"> <div id="menu-scroll" class="gnav-inner"> <div class="menu"><a href="http://chietech.hatenablog.com/"> HOME</a></div> <div class="menu"><a href="http://chietech.hatenablog.com/about"> ABOUT</a></div> <div class="menu"><a href="http://chietech.hatenablog.com/archive/category/%E6%95%B0%E7%A7%98%E8%A1%93"> 数秘術</a></div> <div class="menu"><a href="http://chietech.hatenablog.com/archive/category/IT"> IT</a></div> <div class="menu"><a href="http://chietech.hatenablog.com/archive/category/%E3%82%B5%E3%83%BC%E3%83%95%E3%82%A3%E3%83%B3"> サーフィン</a></div> </div> </nav>
※サーフィンにぴったりなアイコンが見当たらなかった。。。
詳しい手順などは以下の本家の説明がムダなくわかりやすいのでそちらをご覧頂ければと思います。
hitsuzi.hatenablog.com
<補足>
ここまで無料のままでカスタマイズできるんですが、
トップを一覧形式に変更できません。
なので、スマホでアクセスするとTOPページがだらだらと全文表示されちゃいます。
これは「はてなPRO」に登録しないとダメですね。月々1008円かあ。
広告消す為にPROにしてしまってよいような。独自ドメインも設定できますしね。
でも、もう一方でクラウドサーバーを契約して、WordPressでページを作るかどうか悩み中です。。