はてなブログにナビゲーションバー(カテゴリ)を設置2016-10-18はてなブログにナビゲーションバー(カテゴリ)を設置はじめにお読み下さい→このブログのテーマシェアするTwitterGoogle+Pocketうさぼう(@usabo_tweet)です。当ブログもヘッダーにナビゲーションバーを設置できる日が来ました。ナビゲーションバーとはブログ上部に常に表示されているメニューバーのことです。マウスカーソルをあてるとサブメニューが表示されます。サイドバーにもカテゴリはありますが、下までスクロールしなくてよいので目につきやすく、移動しやすいです。詳細は以下の参考記事をご覧ください。メニュー構成は2.の手順の中で試行錯誤するのもお勧めです。3.と4.ははてなブログのデザイン>カスタマイズ画面でできます。▼はてなブログでどんなカスタマイズができるかは以下記事が参考になります。hacogaki.hatenablog.com▼ナビゲーションバー(グローバルナビゲーション)のメニューを作る方法はすりゴマ・ドットコムさんの記事を参考にしました。Generatorというサイトで簡単に生成してくれるので助かりました。スクリプトを保存したりダウンロードするには19$かかりますが、迷わず課金しました。ところがまだ課題が・・(→10/19解決!)せっかく設置したメニューですが、右側のメニューが記事に隠れてしまいます。試行錯誤していますが、解決策のわかる方は教えて頂けると嬉しいです!→トツオさん(@iTotuo)に教えて頂きました。しかるべき場所にz-index:1を指定したことで無事表示されるようになりました。トツオさん、ありがとうございます!定期購読のお願い最後まで読んで頂きありがとうございました。よければシェアお願いします。定期購読も心待ちにしています。うさぼう(@usabo_tweet)でした。»プロフィールid:usabo「うさぼうの人生ダッシュボード化計画」は、複数の必要な情報がひとめでわかる"ダッシュボード"を実現し、まるでゲームのように人生を楽しむ私の挑戦を綴ったドキュメンタリーブログです。ゲーミフィケーション研究家。『タスク管理ゲーム化計画』著者です。(1)月別アーカイブはてなブログをはじめよう!usaboさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。