【THE THOR】グローバルメニューのカスタマイズや設置の方法

THE THORのグローバルメニューをカスタマイズしたいけど、すぐにできるのかな?大事な部分ってよく聞くけど絶対に必要?そんな疑問を抱えていませんか?

 

トップページを見た読者に対して、ブログ内をサクサク閲覧してもらうためにも、グローバルメニューは必要不可欠です。

 

わたしはすぐに楽をしたくなる性格なので、グローバルメニューを設置する際も、「かんたんにできたらいいな〜」と考えていましたが、そんな考えも一瞬で消えるくらい、あっという間に解決してしまいました。

 

なぜなら、THE THORにはグローバルメニューを設置できる機能が、またしてもデフォルトで装備されていたからです。

 

そこで今回は、THE THORのグローバルメニューをカスタマイズする方法や設置方法についてお伝えしていきますね。

 

THE THORのグローバルメニューをカスタマイズする前に

THE THORのグローバルメニューをカスタマイズする前に、まずはグローバルメニューについて、メリットも含めかんたんに説明しておきましょう。

 

グローバルメニューとは、グローバルナビゲーションなどとも言われ、サイトの全ページに共通して表示されるメニューを指します。

 

 

キャナ子
一般的に、サイトの上部に配置されて目立つので、サイト内の案内リンクとして活用できますね

 

  • 読者が簡単に目的の情報を見つけることができる
  • ページ内の移動がスムーズにできるようになる
  • 検索エンジンにサイトの情報構造を伝えられる

 

では、続いてTHE THORのデフォルト機能を使った、グローバルメニューの作り方を解説します。

 

ここでは例として、固定ページに用意してあるプロフィールなど3項目を使いグローバルメニューに表示させていきますが、他にカテゴリやカスタムリンク(外部のリンクなど)も使えますよ。

 

キャナ子
わたしも設置しましたが、もちろんよく目にする「MOME」の項目も作ってあれば表示できますよ

 

始めにグローバルメニューに表示させる固定ページがあるのか確認しましょう。

WordPressの管理画面→「固定ページ」→「固定ページ一覧」をクリック。

「お問い合わせ」「サイトマップ」「プロフィール」の3項目があるか確認しておきます。

 

【THE THOR】グローバルメニューの作り方7ステップ

①管理画面から「外観」→「カスタマイズ」へ進みます。

 

「メニュー」をクリックします。

 

「メニューを新規作成」を選択しましょう。

 

④メニュー名を決める入力(ここではメインメニューと入力)をします。

 

「ヘッダーエリア」にチェックを入れて「次」へ進みます。

 

「+項目を追加」をクリックしましょう。

 

⑦右側に項目が表示されたら「固定ページ」を選択し、その中から表示させたい項目をクリック。

 

キャナ子
下部の「並べ替え」ボタンで並び順も変えられますよ!
むすめ

最後に「公開」を忘れずにクリックして完了だね♪

 

「THE THOR無料サポート」受付中!質問、疑問etc…どんな些細なことでもOK!お問い合わせはこちらからお気軽にどうぞ!

グローバルメニューのカスタマイズ①階層化を設定する

グローバルメニューを作ったら、色々カスタマイズしてみましょう!ここでは階層化(ドロップダウン)する方法をご紹介しますね。

 

階層化とは親となるメニュー項目の下に、子となるメニュー項目を追加することですが、イメージとしては下画像を参考にしてください。

 

キャナ子
これこれ、よく見たことあるのではないでしょうか?
むすめ
あるある!さっそくグローバルメニューを階層化してみよう♪

①先ほどと同様に、管理画面から、「外観」→「カスタマイズ」→「メニュー」まで進みます。

 

②階層化したいメニューを選択しましょう。

 

「+項目を追加」をクリックして、階層化したいリンク(ここでは下の赤枠3つ)を選択してください。

 

④追加したリンクをドラッグ&ドロップで、親メニュー(ここではHOME)の下に移動します。

 

こちらも設定が完了したら、忘れずに「公開」をクリックしましょう。

グローバルメニューのカスタマイズ②設置場所を設定する

グローバルメニューの設置場所は、そのほとんどがヘッダーですが、記事を読み終えてからも、他に見てもらえるような導線作りがしたいですよね。

 

ここで紹介するフッターに設置する方法で、読者をさらに別の記事へと興味を持ってもらえるようにしましょう。

 

フッター部分にグローバルメニューと同じ内容のメニューを設置する

①階層化する際と同様に、管理画面から、「外観」→「カスタマイズ」→「メニュー」まで進み、設置したいメニューを選択します。

 

「メニューの位置」で、ヘッダーエリア同様、「フッターエリア」にもチェックを入れましょう。

 

③設定が完了したら、「公開」をクリックします。

まとめ

おつかれさまでした!THE THORのグローバルメニューをカスタマイズしたり、設置方法をお伝えしてきましたが、かんたんに階層化や設置場所を設定できることがお分かりいただけたかと思います。

 

グローバルメニューの設置は、読者さんや検索エンジンにとって非常に役立つ機能なのでおすすめです。

 

グローバルメニューがあるだけで便利なのはもちろん、さらに階層化すれば一気にブログ感が増すので、あなたもぜひ設置してみましょう。

 

最後に、今回の記事でなにかわからないことはありませんでしたか?質問や相談、感想や雑談などなんでも受け付けているので、どうぞお気軽にメールくださいね