はてなブログカスタマイズを0から学ぶ

無料版はてなブログのカスタマイズを学んでいくブログ

はてなブログをおしゃれにしたい グローバルメニュー

他の人のおしゃれなブログをみて、

はてなブログってこんなふうにできるんだ!?」

と思ったこと、ないでしょうか。

 

「ブログで一番大事なのは中身だ!」

というのはその通り。

日常をつづるブログならとくに装飾などいらない気もします。

 

一方でなにかの情報を伝えようとするブログの場合は、

見た目をかっこよくしたい!

情報をわかりやすくまとめたい!

といった欲が出てくると思います。

 

というわけで、はてなブログのカスタマイズの方法を0から学びつつ、おしゃれなブログに進化していくことを目指していきたいと思います。

 

まず最初にグローバルメニューを作ってみました。

参考にした記事はこちら。

joujilog.com

 

ヘッダー部分にあるカテゴリー別にわけたメニューをグローバルメニューというんですね。

初めて知りました。

記事内にあるコードを張り付けて、さっそく設置。

あとは色を変えてみたい。

この色どうかな?

 

CSSのコードの中に6個ある#のうち、上から2つだけ#cc7965に変えてみました。

すると、カーソルを合わせたときだけ色がかわりました。

とりあえずこれで満足。

 

次にカテゴリ分けがまだあった。

メインのカスタマイズ、ブログの装飾。

あとは適当に。

カテゴリのURLを入力して適用する、と書いてあるけどカテゴリのURLってどれだ?

とりあえず記事のURLを貼ってみました。

・・・・・

出てこない!

なぜだ。

と、ここでまた参考になる記事を発見。

www.j-and-do.com

 

できました!