いつもの暮らしに+αの小遣いを

30代サラリーマンが自分のお小遣いを自分で稼ぐ為のブログ

≪ブログ2ケ月目≫ ブログ初心者がナビゲーションメニューをつけてみた。

こんにちは、ブログ開設2か月目のここじです。

 

最近、ブログ初心者として、ブログの勉強が出来ておりませんでした。

 

ブログを継続していく上で、モチベーションを維持する方法って人それぞれかと思いますが、

モチベーションを維持させる方法として、少しデザインを調べてみようかと思いました。

 

いろいろな方のブログ見てるとほんとにかっこいいですもんね。

 

その中でもいいなぁ~と思ったのが、ブログタイトルの下にメニューバーがあるタイプですね。

 

調べてみると、『ナビゲーションバー』や『グローバルメニュー』と呼ばれているようです。

 

かっこいい!

ぜひ、自分のブログにも作ってみたいと思いました。

今回、参考にさせていただいたのが、つなさんつなろっくのブログです。

 

pea-nut.hatenablog.com

 

また、つなさんが参考にされたというユッキーさんのブログです。

 

www.yukihy.com

 

 

こちらのブログに掲載されているコードをコピペさせて貰いました。

 

手順は非常に簡単でした。

ダッシュボード⇒デザイン⇒カスタマイズ⇒ヘッダ⇒タイトル下の枠内にコードを貼り付けます。

 

これだけだと、ナビゲーションメニューが縦に並ぶだけなので、 

f:id:savingko:20190204231451p:plain

 デザインCSSの項目にもコードを貼り付けます。

 

ダッシュボード⇒デザイン⇒カスタマイズ⇒デザインCSS

 

作成したのがこちらのナビゲーションバーです。

 

f:id:savingko:20190204230650p:plain

 

なんとも簡単にできました。

あとは、自分のブログに合わせてカスタマイズしていくだけです。

 

色などもカスタマイズできるようなので、今後ちょくちょくいじりながら、かっこいいサイトを作れればと思います。

 

今回は、非常に参考になりました。

つなさんにユッキーさん、本当にありがとうございました。