こんにちは、あゆりです。
今回は、THE THOR(ザ・トール)でのグローバルメニューの設定方法を画像付きで解説します。
・グローバルメニューの応用設定
・グローバルメニューがうまく表示されない時の対応方法
まずグローバルメニューとは、こちらですね。
主にサイトの上部、ヘッダーエリアにあるメニューのことで、ブログ内をスムーズに閲覧するためには必要不可欠です。
SEOにも関わってくる重要な箇所なので、しっかり設定しましょう。
それではさっそく解説していきます。
グローバルメニューにメニューを新規追加、削除する方法
では、グローバルメニューにメニューを新規追加、削除する方法を解説していきます。
基礎的なことで重要な部分ではありますが、画像付きで一つずつ解説していくので手順通りに進めれば問題なく設定できると思います。
グローバルメニューにメニューを新規追加する方法
まずは、グローバルメニューを作成しましょう。
THE THORでは、自分自身で新しく作成しないといけないので、手作業で作成していきます。
①「外観」→「メニュー」→「新しいメニューを作成しましょう。」に進む
②「メニュー名」を入力して、「メニューを作成」をクリックする
メニュー名は、自分がわかりやすいメニュー名にしましょう。
ここではひとまず「グローバルメニュー(ヘッダー)」にしておきます。
一応先に説明しておくと、ヘッダーとフッターで表示するメニューを分けることができるので、その辺をわかりやすくメニュー名に入れておくと良いと思います。
メニュー名を入力したら、「メニューを作成」をクリックして保存します。
保存が完了すると、下記のような画面に切り替わります。
赤枠で囲っている箇所が、自分が作成したメニューになっているかどうかを確認しましょう。
ここまでで、グローバルメニューを設定するためのメニューが作成できたので、項目を追加していきます。
THE THORで追加できるメニューの項目は、大きく分けて以下の5つです。
②投稿・・記事
③お知らせ・・お知らせ
④カスタムリンク・・任意のページ(ホーム画面など)
⑤カテゴリー・・自分が作成したカテゴリー
基本的に自分がグローバルメニューに載せたい項目を追加していけば良いと思いますが、参考までに当ブログで設定している項目を紹介します。
ヘッダー・・カスタムリンク「ホーム」、自作した各カテゴリー
フッター・・カスタムリンク「ホーム」「プロフィール」、固定ページ「サイトマップ」「プライバシーポリシー」「お問い合わせ」
こんな感じです。
それでは、項目の追加の仕方を解説します。
①設置したいメニュー項目にチェックし、「メニューに追加」をクリックする
上記画像のように、左の赤枠の中から設定したいメニューをチェックして「メニューに追加」をクリックすると、右の赤枠内のようにメニューが追加されます。
今回は全て固定ページを選択しましたが、自分の好きなようにカスタムリンクやカテゴリーでもOKです。
カテゴリーを設置したい場合は、事前にカテゴリーを作成しておく必要があります。
※カテゴリーの作成方法は、THE THOR(ザ・トール)でメニューパネルの設定方法という記事の中で解説しているので、先にそちらの記事を見てカテゴリーを作成してからグローバルメニューに設置してくださいね。
②「ヘッダーエリア」にチェックを入れて、「メニューを保存」をクリック
今回は、ヘッダーエリアのグローバルメニューを作成したので、「ヘッダーエリア」にチェックを入れます。
フッターエリアにもグローバルメニューを設置したい方は、同様にメニュー作成をして項目追加をして、「フッターエリア」にチェックを入れればOKです。
ここまでできれば、グローバルメニューは完成ですので、実際にサイトを確認してみてくださいね。
グローバルメニューを削除する方法
次にグローバルメニューを削除する方法を解説します。
①「外観」→「メニュー」→「編集するメニューを選択」に進む
②削除したい項目の「▼」をクリックし、「削除」する
これで、メニューの削除ができました。
とても簡単ですよね。
さて、以上でグローバルメニューの基本的な設定方は完了です。
次は、応用編の解説に移ります。
とはいえ難しくはないので心配する必要はないです。
グローバルメニューの設定【応用編】
さてここからは、グローバルメニューの細かい設定方法について解説していきます。
応用とは言っても簡単ですし、グローバルメニュー設定ではよく使われるのでしっかり抑えておきましょう。
メニューを並び替えする方法
まずはメニューの並び順の変更方法です。
ここでは、「お問い合わせ」の位置を変更してみたいと思います。
現在は3番目に設置されているので、サイトでも3番目に表示されるようになっています。
並び替えする方法は、位置を変更したいメニューをドラッグ&ドロップするだけです。
ここでのドラッグ&ドロップの操作方法は、動かしたいメニューを長押ししながら任意の位置に動かしてあげればOKです。
こんな感じに並び替えできます。
並び替えができたら、忘れずに「メニューを保存」をクリックしましょう。
メニューを階層化にする方法
次にメニューを階層化する方法です。
イメージとしては下記画像のような感じです。
階層化する方法は、並び替え同様にドラッグ&ドロップするだけなので簡単です。
並び替えは長押ししながら上下に移動させますが、階層化の場合は長押しして右側にずらすだけでOKです。
こちらも設定が完了したら、「メニューを保存」をクリックしましょう。
以上でグローバルメニューの設定の応用編はおわりです。
スポンサードサーチ
グローバルメニューがうまく表示されない時の対応方法
ここでは、グローバルメニューを設定してもサイトに表示されない時の解決法を紹介します。
基本的には、グローバルメニューを表示するという設定にしていないことが原因として挙げられます。
①「外観」→「カスタマイズ」に進む
②「共通エリア設定[THE]」に進む
③「ヘッダーエリア設定」を選択する
③「グローバルメニュー設定」を確認する
グローバルメニュー設定では、上記画像のように表示設定を選択できるようになっています。
PC/スマホ両方で表示したい方は「default」を選択しましょう。
ちなみに当ブログは、PCのみで表示したいので、「スマホで表示しない」を選択しています。
選択したら、忘れずに「公開」をクリックしましょう。
この作業をすることで、グローバルメニューが表示されると思います。
おわりに
無事にグローバルメニューの設定はできましたか？
グローバルメニューは、ブログ内をスムーズに閲覧するために必要不可欠ですし、SEOにも関わってくる重要な箇所なのでしっかり設定しておきましょう。
さて、グローバルメニューの設定が完了したら、次はメニューパネルの細かい設定をしましょう。
別記事のTHE THOR(ザ・トール)でメニューパネルの設定方法【画像付き】で詳しく解説しているのでよかったらぜひ。
というわけで今回は以上です。
こんにちは、あゆりです。今回は、THE THOR(ザ・トール)でのメニューパネルの設定方法を画像付きで解説します。・メニューパネルに追加できるウィジェット・カテゴリーを作成しよう・THE THORでのメニューパネル設定方法まず[…]