ドロップダウンメニューを作成する

以下の手順に従って、ナビゲーションブロックを使用してサイトのメニューにドロップダウン項目を追加します。

1. サイトのダッシュボードから、「外観」→「エディター」に移動します。
2. 「テンプレート」を選択し、「ホーム」や「フロントページ」など、メニューを含むテンプレートを選択します。
3. 画面の左上隅にある「リストビュー」を開きます。
4. 「ナビゲーション」ブロックを選択します (このブロックは「ヘッダー」、「グループ」、「横並び」など、他のブロックの中にネストされている場合があります)。
5. サイドバー設定でメニュー項目にマウスオーバーし、表示される3つの点 (⋮) をクリックします。
6. 「サブメニューリンクを追加」オプションをクリックします。
7. ドロップダウンに表示する最初のページを選択します。
8. 希望するすべてのサブメニュー項目を追加し終わるまで、ステップ3～5を繰り返します。
9. 「保存」ボタンをクリックします。

または、ナビゲーションブロックのツールバーを使用してドロップダウンメニューを作成できます。

1. ドロップダウンにするメニュー項目をクリックします。
2. メニュー項目の上にツールバーが表示されます。そこには「サブメニューを追加」ボタン (曲線矢印と3本の水平線が横に並んだような形のアイコン) があります。
3. ツールバーの「サブメニューを追加」ボタンをクリックすると、そのメニュー項目がドロップダウンメニューに変換されます。
4. 表示された 「+」 アイコンまたは「リンクを追加」オプションをクリックすると、新しいドロップダウンメニューに新しいリンクが追加されます。
5. 「保存」をクリックし、変更を保存します。

ドロップダウンメニューの開き方を選ぶ (マウスオーバーまたはクリック) こともできます。

クラシックテーマのサイトでは、WP 管理画面を使用し、次の手順を実行してドロップダウンメニュー項目を追加できます。

1. ダッシュボードにアクセスします。
2. 「外観」→「メニュー」の順に移動します。
3. 画面の上部で正しいメニューが選択されていることを確認します。
4. メニュー項目をクリックして右にドラッグし、そのすぐ上にある項目の下に「ネスト」します。
5. 「メニューを保存」ボタンをクリックし、変更を保存してください。

この操作を取り消すには項目をもう一度左側にドラッグします。終了したら、「メニューを保存」ボタンをクリックします。

クラシックテーマのサイトでは、カスタマイザーを使用し、次の手順を実行してドロップダウンメニュー項目を追加できます。

1. サイトのメニューに表示するメニュー項目をすべて追加します。
2. メニュー項目の下に表示されている「並べ替え」リンクをクリックします。
3. 右向き矢印 (>) をクリックして上のページの下にページをネストすることでドロップダウン項目を作成します。
4. ドロップダウンメニューが完成したら「完了」ボタンをクリックします。
5. 「変更の保存」ボタンをクリックして変更内容をサイトに公開します。

動画チュートリアル

クリックできないメニュー項目を作成するには、次の手順に従います。

1. サイトのダッシュボードから、「外観」→「エディター」に移動します。
2. 「テンプレート」を選択し、「ホーム」や「フロントページ」など、メニューを含むテンプレートを選択します。
3. 画面の左上にある「リストビュー」を開きます (3本の水平線が縦に並んだアイコンです)。
4. 「ナビゲーション」ブロックを選択します (このブロックは「ヘッダー」、「グループ」、「横並び」など、他のブロックの中にネストされている場合があります)。
5. 「+」ブロック挿入ツールをクリックして、新しいメニュー項目を追加します。
6. 表示されるウィンドウで「ブロックを追加」をクリックし、「カスタムリンク」オプションを選択します。
7. # 記号を入力し、キーボードで Enter または Return を押します。
8. 鉛筆アイコンをクリックして新しいメニュー項目を編集します。メニュー項目に表示する内容を「テキスト」フィールドに入力します。クリックできないリンクにするには、「リンク」フィールドには # 記号のみを入力した状態にします。
9. 「保存」ボタンをクリックして変更を送信します。

既存のメニューリンクを編集してクリックできないようにすることも可能です。既存のメニュー項目をクリックすると、メニュー項目の上にツールバーが表示され、「リンク」ボタン (鎖の輪のような形のアイコン) が表示されます。メニュー項目を編集し、現在のリンクを # 記号に置き換えます。以下の GIF は、このプロセスを説明しています。

クラシックテーマのサイトでは、WP 管理画面を使用し、次の手順を実行してクリックできないリンクをメニューに追加できます。

1. 「外観」→「メニュー」の順に移動します。
2. メニューを選択します。
3. 「メニュー項目を追加」ヘッダーの下にある「カスタムリンク」セクションをクリックします。
4. 右側の画像のように、「URL」フィールドに記号「#」を入力します。
5. 右側の画像のように、メニューに表示するテキストを「リンクテキスト」フィールドに入力します。
6. 「メニューに追加」ボタンをクリックします。
7. 「メニューを保存」ボタンをクリックします。

クラシックテーマのサイトでは、カスタマイザーを使用し、次の手順を実行してクリックできないリンクをメニューに追加できます。

1. 「外観」→「カスタマイズ」→「メニュー」の順に移動します。
2. メニューを選択します。
3. 「項目を追加」ボタンをクリックします。
4. 「カスタムリンク」オプションをクリックします。
5. 右側の画像のように、「URL」フィールドに記号「#」を入力します。
6. 右側の画像のように、メニューに表示するテキストを「リンクテキスト」フィールドに入力します。
7. 「メニューに追加」ボタンをクリックします。
8. 「変更を保存」ボタンをクリックします。