ふさにのふさ日記

ふさにが好き勝手に記事を書くブログです。

はてなブログでグローバルメニューを設置。URLって何を入れればいいの?

f:id:fusani:20181122205619j:plain

こんにちは、ふさにです。

ブログのデザイン性や見やすさを上げたいなと思い、現在色々とカスタマイズ中なのですが、その一環ではてなブログのテーマを「Haruni」に変えてみました。

また、こちらの記事を参考にさせていただいて、グローバルメニューを表示させてみました。
グローバルメニューの設置方法 訂正あり - Haruni

グローバルメニューというのは、PCであればタイトルの下に、スマホ等であれば画面右上に表示されているメニューのことです。

ありがたいことに大枠は上記リンク先からコピペで出来てしまうのですが、自分で入力しないといけない部分があります。

それは、グローバルメニューをクリックした際に飛ぶリンク先のURLです。

調べてみたのですが、あまりまとまっている記事がなかったので、折角なので今回は私がどのようにグローバルメニューを設定したのか書いておきます。

グローバルメニューに表示させたいものを検討する

上記リンク先にあるコードをそのままコピペすると、以下の項目がグローバルメニューに表示されることになります。

・Top
・About
・Profile
・Category
・Link

しかし、個人的には「About」があれば「Profile」は要らないなとか、「Link」でわざわざ貼りたいリンク先も無いなとか思うわけです。

ですので、考えた結果私はグローバルメニューに以下の項目を表示させることにしました。

・Top
・About
・Profile
・Privacy Policy
・お問い合わせ

(2018/11/25 お問い合わせを追加。項目名は"Contact"などでも良かったのですが、お問い合わせのほうが分かりやすいかなと思ってあえて日本語にしました。)
(2018/12/4 やっぱりProfileも設けることにしました)

コード上は、要らないと判断した項目の行は削除して問題ないですし、追加したい項目は他の行と同様の書き方で付け足せます。

本当は「Category」という項目も残して、プルダウンでカテゴリ一覧が表示されるようにしたかったのですが、私の知識レベルでは時間がかかりそうなので一旦保留中です。一応サイドバーにカテゴリ一覧を表示させてはいるので、とりあえずはそれで…。

読者の目についてほしいカテゴリをいくつかグローバルメニューに表示させているブログも多くあったので、それも検討しましたが、私の場合はまだ各カテゴリ内の記事数が少ないのでやめました。

URLを調べる手順

グローバルメニューに表示させたいものを決めたら、それぞれのURLを自分で調べて、コードの中の該当部分に書き込みます。
URLは以下の手順で調べられます。

Top

トップページ、つまり自分のサイトのURLです。
私の場合なら"https://blog.fusani.site"となります。

About

サイドバーにある自分のアイコンをクリックするとAboutページに飛ぶことができます。飛んだ先のURLをコピーでOKです。
私の場合なら"https://blog.fusani.site/about"となります。

ちなみに、Aboutページは今まで完全にノーマークで、見てみたら非常に素っ気ない見た目だったため、以下の記事を参考にさせていただいてカスタマイズしました(コピペしただけです)。ありがとうございます。
【コピペ歓迎】はてなブログのダサいaboutページを見やすくオシャレにカスタマイズ! - オークニズム

プロフィール

(2018/12/4追記)
やっぱりあった方が良いかなと思ったので、固定ページを作成して簡単な自己紹介を書きました。
固定ページの作り方は以下のプライバシーポリシーをご参照ください。

作成したプロフィールのページをコピーしましょう。
私の場合なら"https://blog.fusani.site/profile"となります。

プライバシーポリシー

プライバシーポリシーは、Googleアドセンスに申請してみようと思ったときに設置する方が多いようです。

私は以下の記事を参考にさせていただいて(やはりコピペしただけです)プライバシーポリシーの固定ページを作成しました。ありがとうございます。
【コピペでOK】はてなブログでプライバシーポリシーを設置する方法 - オークニズム

作成したプライバシーポリシーのページのURLをコピーしましょう。
私の場合なら"https://blog.fusani.site/privacy_policy"となります。

お問い合わせ

(2018/11/25追記)
お問い合わせフォームもあった方が良いのではないかとご助言頂いたため作成しました。

プライバシーポリシーと同様に固定ページを作成して、そこに「Googleフォーム」で作っておいたお問い合わせフォームを埋め込んでいます。
以下の記事を参考にさせていただきました。ありがとうございます。
はてなブログ お問い合わせフォームの作成と設置方法 - 炭酸せんべい

作成したお問い合わせページのURLをコピーしましょう。
私の場合なら"https://blog.fusani.site/contact"となります。

おまけ:読者の目についてほしいカテゴリ

私はグローバルメニューに置きませんでしたが、置きたい人もいると思うのでURLの調べ方を書いておきますね。

記事を投稿した時、カテゴリを設定していれば、記事の見出しあるいは記事を開いた時にカテゴリ名が表示されているかと思います。

表示されているカテゴリ名を押すと、そのカテゴリの記事一覧のページに行くことができます。
そのURLをコピーしましょう。

私の場合は、例えば「家電・デジタルデバイス」のカテゴリなら"https://blog.fusani.site/archive/category/家電・デジタルデバイス"となります。

おわりに

グローバルメニューがあると使いこなしてる感がアップして、自分で自分のブログを見てもなんとなく以前より楽しくなりました。

日々試行錯誤中ですので、もしかするとこの記事を読んでいただいたときには既に私のブログのグローバルメニューが変わっているかもしれませんが、その時はお察しください。笑

それでは。