Haruniでグローバルメニューを設定してみた（簡単設定・画像大量・参考サイトあり）
記事も増えてきたのでグローバルメニューを設定しました。
参考サイトを見ながら簡単にできましたので、ブログのデザインにHaruniを使用している方は参考にしてみてください。
グローバルメニュー設定後
（ＰＣ画面）
（スマホ画面）
グローバルメニューを設定することで、読者がブログを見やすくなる+ブログへの滞在時間が増えるなどのメリットがあります。まだ設定していない人はぜひ設定しましょう。
※注意点
「はてなブログ グローバルメニュー」で検索して出てくるサイトのコード、ＣＳＳを貼っても、上手くいきませんでした。考えられる理由は
①私のレベルが初心者すぎる
②ブログデザインに合った、コードを使用できていない
→検索方法を変更し、「haruni グローバルメニュー」で検索してヒットしたサイトのコードをコピペしたら問題なく設定できました。自分の使っているブログデザインに合うコードを探さないと私みたいな超初心者はつまづくかも知れません。
設定方法
こちらのサイトを参考させていただきました。初心者の私でも理解できました。コピペで設定できますよ。設定方法は私のブログを参考にどうぞ（画像大量です。）
まず参考サイトから ↓のコードをコピペして、管理画面＞デザイン＞カスタマイズ＞ヘッダ＞タイトル下に以下のコードを追加します。
上記のコードを全てコピーしたら、↓のタイトル下（赤線で囲っている部分）にコードをコピペします。
↓
一応詳細
これで第1ステップは完了
カテゴリーを自分用に変更する（最初戸惑った）
コピペしたままだと、グローバルメニューは表示されますが、カテゴリーが
“Top” ”About” ”Profile" とかで表示されていると思います。これを自分用に直します。具体的には上部画像赤で囲っている部分を修正します。
修正方法
はてなブログの カテゴリー＞カテゴリー一覧から、1つ任意にクリックします。
そしたら、自分のブログにページが変わると思います。
※例で”生活”のカテゴリーをクリックしました。↓の赤線のURLをコピーします。
そしたら、再び管理画面＞デザイン＞カスタマイズ＞ヘッダ＞タイトル下に移動しましう。
【作業内容は以下の2つ】
・URLの部分に先ほどコピペした自分のＵＲＬを貼り付ける。
・”Top”→任意文字に書き換える（私の場合は“生活”）
（変更後）
（参考：変更前）
この作業を追加したいカテゴリー分だけ繰り返せば作業完了です。
これで、グローバルメニュー設定はバッチリです。
haruniデザインを使っている方などの参考になれば幸いです。
今後の励みになりますので、良かったらスター＆読者登録お願いします。
