【ブログ初心者カスタマイズ】グローバルナビメニュー【cocoon】

初心者カスタマイズ
シロロ
シロロ

ブログ初心者&アナログ人間の私がブログをカスタマイズ!

今回はグローバルナビメニューを変えてみました。

ブログ初心者カスタマイズ第2段!

今回はトップページの【グローバルナビメニュー】を変更です。

 

サイトを見ながら実際やってみましたが、今回も簡単にできました!

参考にしたサイトを紹介するので、ぜひ挑戦してみてくださいね!

グローバルナビメニューのカスタマイズ!

CSSの知識など全くない私ですが、他サイトを参考にブログを見やすくカスタマイズ中です。

今回は、グローバルナビメニューのカスタマイズに挑戦です!

 

具グローバルナビメニューとは、ホームページのトップにあるメニュー。

読者の方を分かりやすく誘導する役目があります。

before

 

デフォルトのままはこんな感じでした。

これはこれでシンプルで見やすいですよね。

 

after

 

カスタマイズ後はこんな感じです。

今いるページの下にラインが入るようになりました。

 

本当はアイコンを入れてもう少し可愛くカスタマイズしたいのですが、初心者の私にはまだ難しい…。

もう少し勉強してからステップアップしていこうと思います。

グローバルナビメニューカスタマイズ【参考にしたサイト】

分かりやすかったので、

こちらのサイトを参考にさせて頂きました。

 

この方も色々なカスタマイズ方法を紹介してくれているので、ゆっくり読むと面白そうです。

 

カスタマイズはCSSコードを打ち込むだけで簡単にできると思いがちですが、CSSを打ち込む前にブログの設定を変えておかないといけないものもあります。

 

初心者の方は、コードを打ち込む前にしっかり記事を読み込みましょう。

シロロ
シロロ

設定に不備があると、何がおかしくてカスタマイズができないのが分からなくなります…。

クロロ
クロロ

まずは記事をしっかり読んで、きちんと順番を守ることが大事なんだな!

 

カスタマイズするとオリジナリティがでる!

今回のカスタマイズは、これで終わりではありません。

他の方のサイトを見ると分かるのですが、このグローバルナビメニューにアイコンを入れてさらに可愛くしてあるサイトがとても多いです。

シロロ
シロロ

アイコンの入れ方は現在勉強中です!

 

まだまだシンプルなサイトですが、こんな風にカスタマイズをしていくことでオリジナリティがでますよね。

オリジナリティがあるとサイトに愛着がわきます。

シロロ
シロロ

愛着がわくとブログを開くのが楽しくなりますよね!

私はまず【ブログを続けること】が目標なので、そのために愛着をわかせています。

 

楽しいことは続きやすいので、初心者の方は自分だけの楽しみ方を見つけましょう!

まとめ

今回は【グローバルナビメニューカスタマイズ】で参考にしたサイトを紹介しました。

初心者の私でも簡単にできたので、きっと皆さまも簡単にできるはず!

シロロ
シロロ

カスタマイズでオリジナリティを出し、サイトを楽しく彩りましょう!

 

 

タイトルとURLをコピーしました