ヘッダーメニューに各カテゴリーへのリンクを設置する方法

mekumaで構築したマッチングサイトにおいて、各カテゴリーにアクセスするためのメニューをヘッダーに設置する方法を解説します。
STEP
管理画面にログインし、 コンテンツ → メニュー にアクセスします。

STEP
メニュー一覧から、「ヘッダーに表示するメインメニュー(PCのみ)」をクリックします。

スマホのフッター部分に表示される固定メニューの「メニュー」アイコンをタップしたときに表示されるメニューにカテゴリーへのリンクを表示したい場合は、「スマホ向け固定メニューの「メニュー」アイコン」をクリックしてください。

STEP
画面右上の「+」アイコンをクリックします。

STEP
「カテゴリー」という名称のアイテムを登録します。

「カテゴリー」メニューを作成する際には以下を設定してください。他の項目はデフォルト状態のままでOKです。
- 親メニュー :「- ルートレベル -」を指定
- 名前:「カテゴリー」と入力
- 表示順 :他のメニューの表示順を参考に表示させたい位置の番号を入力
- 専門家には非表示:チェックする
- スマホでは非表示:チェックする
STEP
メニュー一覧に戻ったら、すぐに「カテゴリー」メニューのステータスを「無効」に変更します。

メニューのステータスを「無効」に変更しないと、調整中のメニューがヘッダーに表示されてしまいます。
STEP
フロントエンドのヘッダーメニューにある「専門家を探す」をクリックします。

STEP
メニューに表示したいカテゴリーを1つだけチェックし、「検索」ボタンをクリックします。

一度に複数のカテゴリーをチェックして「検索」ボタンをクリックしないでください。
STEP
検索結果が表示されたら、アドレスバーに表示されているURLをコピーしてください。

STEP
管理画面 → コンテンツ → メニューに戻り、画面右上の「+」アイコンをクリックします。

STEP
STEP7で指定したカテゴリーを、STEP4で登録した「カテゴリー」メニューの子メニューとして登録します。

「カテゴリー」メニューを親メニューに持つ子メニューを作成する際には以下を設定してください。他の項目はデフォルト状態のままでOKです。
- 親メニュー :「カテゴリー」を指定
- 名前:カテゴリー名を入力
- 表示順 :他のカテゴリーの表示順を参考に表示させたい位置の番号を入力
- URL:STEP8でコピーしたURLを貼り付け
- 専門家には非表示:チェックする
- スマホでは非表示:チェックする
STEP
ヘッダーメニューに表示させたいカテゴリーの数だけ、STEP6~10を繰り返します。
STEP
ヘッダーメニューに「カテゴリー」メニューが表示されます。



ヘッダーメニューに「カテゴリー」を追加して表記が崩れる場合には、
- 各メニューの文言を短いものに変更する
- 一部のメニューを無効化する
などを行い、意図しない改行が発生しないように調整してください。