はてなブログテーマInnocentにナビゲーションバーを設置する - はるなぴログ

はてなブログにナビゲーションバーを設置する方法について備忘録として書いておきます。 本記事はいったん削除していたのですが今でも一定のアクセスがあります。ナビゲーションバー設置でお困りの方にNot Found表示では申し訳ないので復活させました。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバーを設置する理由 Innocetテーマでナビゲーションバーを設置する方法 ナビゲーションバー設置用HTMLタグ設定 ナビゲーションバー表示用CSS設定 ナビゲーションバー用JavaScriptの設定 ナビゲーションバーが動くかどうかテストしてみる PC版ナビゲーションバーの動作確認 スマホ版ナビゲーションバーの動作確認 タブレット版ナビゲーションバーの動作確認 ナビゲーションバーとヘッダー画像の設置でブログ

[hal7pi]

ナビゲーションバーつけてようやくブログらしくなってきました！デベロッパーツールはCSSの設定でもお世話になっています。便利ですよ！

[RaishoKo]

CSSは得意でないので、勉強になります！

[tayorako]

以前、はるなぴさんの記事を参考にさせて頂きナビゲーションバーを設置したら、URLの書き換えを忘れてはるなぴさんの記事に飛ぶという初歩的なミスをしたたよらこです😂

[xnorico]

Chromeのデベロッパーツールのことは、あまりよくわかっていませんでした。勉強になりました( ´ ▽ ` )

[greenupf]

デベロッパーツールまで説明があるとは、本格的ですね😅

[HamUsa]

勉強になります！試してみたいと思います。

[Semi-retired]

後でチャレンジしてみたいです。ありがとうございます。

[sankairenzoku10cm]

おぉー、難しい！ってことが分かりましたが、いずれは私もw。

[unohanna]

いつもながらわかりやすいです。ありがとうございます！

[someday49]

今度実践してみようと思いました！

[newspaper-ama]

説明わかりやすかったです。時間がある時やってみます。

[junpekun]

まだなんのことかまだわかりませんが（笑）出来たらよく読んでやってみます。

[akira2013web]

Innocentであれば、簡単な設定で、レベルの高いブログを作り上げられますよね(๑•̀ㅂ•́)و✧

[skyaya]

Innocentいいですよね～、以前使っていたのに変えてしまって、また戻したいときに参考にさせていただきます♪

[konma08]

おおおお…頭が爆発しそうです（＾ｖ＾）

[triplecoe]

ブクマありがとうございました！