読者です 読者をやめる 読者になる 読者になる

空想考察

芸能トレンド、学習、創作、ライフスタイルなどの雑記系ブログサイト

やっと、やっとブログにグローバルメニュー(ナビゲーションバー)がつけられた!!

やっと、やっとブログにグローバルメニュー(ナビゲーションバー)がつけられた!!




ちなみにやりたかったのは、グローバルメニューを付けて、PCでは横並びに、 スマホやタブレットではトグル式にしたかったのです。

 

んで、グローバルメニューにカテゴリーを入れたかったんですね。

 

それができるブログテーマがwaitingmoonさんのInnocentさん!


今回テーマをREPORTさんからInnocentさんに変えました。

waitingmoonさんありがとうごさいます。お借りします。

moonnote.hateblo.jp

その時に、Innocentさんのページから、グローバルメニュー(ナビゲーションバー)のコードの案内があったので、それを貼りました。


さらに、ヘッダーデザイン画像を取っ払いました。

Innocentさんのすっきり直線的でシンプルで見やすいデザインにあわせてみました。

とても好きなデザインになって良かったです。

 

 

ついでにパンくずリストさんを付けました。

 パンくずリストさんはこちらのbulldraさんの記事を参考にしました。

 

bulldraさんありがとうございます。お借りします。

bulldra.hatenablog.com

 

カテゴリーの階層化はこちらの記事さんを参考にしました。

 

www.interest-blog.com

so888さん、ありがとうございます。

 

 

さらに、戻るボタンを小ぶりの透けるタイプに変えました。

 こちらの記事を参考にさせていただきました。mmmanさん、ありがとうございます。

 

mmman.hatenablog.jp

 

全体的な理解のまとめのためにこちらの記事さんも参考にしました。

www.turetiru.com

 

chipspd.hatenadiary.jp

 

toshituruさん、chipsforestさんありがとうございます。

 

最後に

パンくずリストを付けたい場合、カテゴリーの階層化のやり直し にかなり時間がかかりました。付けたい場合は、できるだけ、できるだけ記事数が少ないうちにカテゴリーの階層化だけでも意識して付けておいた方がいいと思います。(記事上にパンくずリスト表示すると、二重になるので、このブログでは記事下に記述しました)

 

Innocentさんで、bulldraさんのパンくずリストを使いますと、リストを整えるコードをCSSに追加した方がいいと思います。

waitingmoonさんのこちらの記事に追加コードが記述されています。

moonnote.hateblo.jp

 

皆様ありがとうごさいます。

おかげさまで、ブログが楽しくなりました。

 

 

 

 

プライバシーポリシーおよび免責事項等について

Powered by Hatena Blog