【はてなブログ】グローバルメニュー・ナビゲーションの簡単な設置方法

スポンサーリンク

f:id:gugurou:20190414130633p:plain
オマチです。

ブログを開始する際に、最低限実施しておきたいカスタマイズとして読者ボタンと各種フォローボタンがありますが、もう一つ、実施しておきたいのがグローバルメニュー(ナビゲーション)。

これは読者ボタン等のカスタマイズ後に設置しておきましょう。

ここまでは必須と思いますが、これ以上のカスタマイズは趣味の世界なので、ご自由にどうぞ。

グローバルナビメニュー・ナビゲーションとは

サイトの上部に「カテゴリー名」を表示し、トップページから各カテゴリーページへユーザーを誘導するためのメニューバーです。

リンクをクリックすると、カテゴリーの一覧ページにとび、読みたい記事に簡単にたどりつけるようになります。

これがあるのとないのとでは、ユーザーにとっては全く使い勝手が違いますので、是非とも設置しておきましょう。

グローバルナビメニュー・ナビゲーションのタイプ

いろんなサイトで、いろんなタイプのものを紹介してくれています。

もし興味があれば、いろいろ検索してみてください。

僕の場合、前サイトでは、HTMLやCSSに関する知識が本当に全くなかった(0と言ってもいいほどだった)のと、

なるべくカスタマイズに時間をかけたくなかったので、コピペ一発でできるものを設置していました。

ですが、使い勝手は正直なところ今一つでしたので、最終的には今回のタイプに変更しました。

これも、どのタイプを選ぶかは趣味の部分もありますので、どれがベストとは言いづらいです。

とりあえず、ここでは、僕のサイトで採用しているものを説明します。

具体的な設置方法

※これはテーマが「ZENO-TEAL」の場合ですので注意してください。

以下のコードを「ダッシュボード」→「デザイン」→「カスタマイズ」→「ヘッダ」→「タイトル下」にコピペします。

<div id="zeno-menu">
<ul class="zeno-menu">
<li><a href="https://www.omachil.club/archive/category/BLOG">BLOG</a></li>
<li><a href="https://www.omachil.club/archive/category/LIFE">LIFE</a></li>
<li><a href="https://www.omachil.club/archive/category/WORK">WORK</a></li>
<li><a href="https://www.omachil.club/archive/category/HELTH">HELTH</a></li>
</ul>
</div>

【注意点】

例えば、上記の「”」と「”」の間の部分、

つまり「https://www.〇〇〇.〇〇〇/archive/category/BLOG」の部分は、このはてなブログにおけるBLOGカテゴリー(これは僕が付けたカテゴリー名称です。その他のLIFE、WORK、HELTHも僕が付けたカテゴリーの名称です)ページのURLですので、

この部分は、かならず「自分のブログのカテゴリーページのURL」を確認し、それに変更してください。

そのあとに、

>BLOG という部分がでてきますが、ここも、「BLOG」部分は僕が付けたカテゴリー名称ですから、自分のブログのカテゴリー名称に変更してください。

やることはたったこれだけです。実は意外と簡単でしょ。(笑)

まとめ

前にも書きましたが、ブログのカスタマイズについては、どうしても見栄えをよくしたいという心理が働いて時間をかけすぎてしまいます。

それが楽しいということであれば、どんどんやれば良いと思います。

ですが、カスタマイズをどんなに頑張ってもアクセスは増えません。

アクセスを増やすためにはやるべきことは、記事(コンテンツ)を書くのみ、です。

スポンサーリンク
ブログ運営など
スポンサーリンク
スポンサーリンク
オマチくんをフォローする
スポンサーリンク
Omachi Log