メニューは、ページ、ブログ投稿、その他のコンテンツへのリンクを含むものです。メニューにより、訪問者はサイトのさまざまな場所に簡単に移動できます。このガイドでは、メニューにリンクを追加する方法について説明します。
以下は、メニューに追加できる項目の種類のリストです。
- 固定ページ: サイトの固定ページへのリンク。
- 投稿: サイトのブログ投稿。
- カテゴリー: 特定のカテゴリーのブログ投稿のページ。
- タグ: 特定のタグの付いたブログ投稿のページ。
- カスタムリンク: 別のサイトにリンクする URL。
- 推薦文: 推薦文へのリンク。
- プロジェクト: ポートフォリオプロジェクトの固定ページへのリンク。
- プロジェクトタイプ: 特定のポートフォリオプロジェクトタイプへのリンク。
- プロジェクトタグ: 特定のポートフォリオプロジェクトタグへのリンク。
- ボタン: ボタンスタイルのリンク (「サイトエディター」メソッドを使用する場合のみ)。
サイトにインストール済みのプラグインがある場合、他のメニューオプションが追加されている場合があります。
サイトに新しいコンテンツを公開する際には、訪問者がコンテンツを簡単に見つけられるようにしておくと便利です。ここでは、ナビゲーションメニューにリンクを追加する方法について説明します。サイトエディターテーマを使用している場合は、ボタンやその他のデザイン要素でメニューをカスタマイズすることもできます。
このガイドのどのセクションに従えば良いか決めるには、「ダッシュボード」にアクセスし、左側の「外観」の下を確認します。「エディター」が表示されている場合は、このガイドのサイトエディターのセクションを参照してください。それ以外の場合は、WP 管理画面またはカスタマイザーの手順を参照してください。
サイトエディターでは、「ナビゲーション」ブロックを使用してメニューを作成します。次の手順に従って新しいメニュー項目を追加します。
- ダッシュボードにアクセスします。
- 「外観」→「エディター」の順に移動します。
- 編集する「テンプレート」または「テンプレートパーツ」を選択するか、画面の横にあるサイトのプレビューをクリックしてホームページエディターを開きます。
- 画面の左上にある「リスト表示」を開きます (3本の水平線が縦に並んだアイコンです)。
- 「ナビゲーション」ブロックを選択します。このブロックは「ヘッダー」、「グループ」、「横並び」など、他のブロックの中にネストされている場合があります。
- ナビゲーションブロックの上に表示されている「+」ブロック挿入アイコンをクリックします。
- 新しいリンクを追加するためのポップアップが表示されます。次のいずれかのオプションを選択します。
- 最近更新したページのいずれかを選択します。
- 名前で検索し、公開済みのページ、投稿、カテゴリーまたはタグを選択します。非公開または下書きのコンテンツはここには表示されません。
- 任意のリンク (別のサイトの外部リンクを含む) を手動で入力するか貼り付けてメニューに追加します。
- 「+ ブロックを追加」リンクをクリックして、ボタン、カスタムリンク、ホームリンク (ホームページへのリンク)、スペーサー、ソーシャルリンクなどを追加します。
- 次のセクションで示すように、メニュー項目を追加した後、テキストをクリックして内容をカスタマイズできます。
- 「保存」ボタンをクリックして変更を公開します。
これでメニュー項目を追加できたため、項目を並べ替えたり、ドロップダウンメニューを作成したり、その他の操作を実行したりできます。
動画チュートリアル
Slow down or speed up the video using the controls in the lower right corner after clicking the “Play” icon.
クラシックテーマのサイトでは、次の手順に従って WP 管理画面を使用してメニュー項目を追加できます。
- ダッシュボードにアクセスします。
- 「外観」→「メニュー」の順に移動します。
- 画面の上部で正しいメニューが選択されていることを確認します。
- 「メニュー項目を追加」で、新たに追加するメニュー項目ごとにチェックボックスをオンにします。ページ、投稿、カテゴリー、カスタムリンク、その他から選ぶことができます。
- 「メニューに追加」ボタンをクリックします。前の手順で選択したメニュー項目がそれぞれメニューに追加されます。
- メニュー項目の表示順を変更する場合は、それをクリックして目的の場所にドラッグします。メニュー項目の並べ替えに関する詳細はこちらを参照してください。
- 終了後、画面下部の「メニューを保存」ボタンをクリックします。
クラシックテーマのサイトでは、次の手順に従ってカスタマイザーを使用してメニュー項目を追加できます。
- ダッシュボードにアクセスします。
- 「外観」→「カスタマイズ」→「メニュー」の順に移動します。
- 追加するメニューを選択します。ここにメニューがない場合は、先にメニューを作成します。
- 1つ以上のメニュー位置が選択されているようにします。そうしない場合、メニューは表示されません。
- 「+ 項目を追加」ボタンをクリックします。
- 「固定ページ」の下に、サイトの公開済みページのリストが表示されます (非公開のページと下書きのページはリストには表示されません)。いずれかのページタイトルをクリックしてメニューに追加します。投稿、ポートフォリオプロジェクト、ブログカテゴリー、他のサイトへのカスタムリンクなどを追加することもできます。
- 項目を並べ替えたりドロップダウンメニューを作成したりする場合は、「並べ替え」リンクをクリックします。メニュー項目の並べ替え方法に関する詳細はこちらを参照してください。
- 「変更の保存」ボタンをクリックして変更内容をサイトに公開します。
メニューに項目を追加するプロセスを示した短いアニメーション。
動画チュートリアル
新規固定ページを追加する
メニューに固定ページを追加する場合、以下のように公開済みの固定ページのリストに続いて「新規固定ページを追加」オプションが表示されます。
この「新規固定ページを追加」オプションにより、サイトに新しい空白ページが作成され、そのページがメニューに追加されます。ダッシュボードの「固定ページ」に移動すれば、後でその固定ページにコンテンツを追加できます。投稿、プロジェクト、推薦文にも同様のオプションがあります。
作成済みの固定ページをメニューに追加する場合は、「新規固定ページを追加」オプションは使わないでください。代わりに、上のリストから既存の固定ページを選択してください。固定ページがリストにない場合は、以下の理由が考えられます。
- その固定ページをまだ公開していない。「カスタマイズ」エリアから移動して、「固定ページ」をクリックします。その固定ページが「下書き」または「予約済み」にないか確認します。公開済みの固定ページのみメニューに追加できることに注意してください。
- 固定ページではなく、投稿またはプロジェクトを作成した可能性がある。
このセクションでは、リンクに表示されるテキストの変更、サブメニューの作成、メニュー項目の削除、その他のメニュー項目の編集の方法について説明します。サイトエディターテーマを使用している場合は、特定のメニュー項目の色やスタイルを変更することもできます。
このガイドのどのセクションに従えば良いか決めるには、「ダッシュボード」にアクセスし、左側の「外観」の下を確認します。「エディター」が表示されている場合は、このガイドのサイトエディターのセクションを参照してください。それ以外の場合は、WP 管理画面またはカスタマイザーの手順を参照してください。
サイトエディターでは、以下の手順に従うと、ナビゲーションブロックの既存のメニュー項目を編集できます (以下の動画も参照)。
- ダッシュボードにアクセスします。
- 「外観」→「エディター」の順に移動します。
- 編集する「テンプレート」または「テンプレートパーツ」を選択するか、画面の横にあるサイトのプレビューをクリックしてホームページエディターを開きます。
- 画面の左上にある「リスト表示」を開きます (3本の水平線が縦に並んだアイコンです)。
- 画面の上部にある「リスト表示」アイコン (それぞれの上の3本の水平線) をクリックします。
- 「リスト表示」で「ナビゲーションブロック」とそのメニュー項目を探します。
- 既存のメニュー項目をクリックして選択します。
- 次を含む場合がある変更を行う:
- 「保存」ボタンをクリックして変更を保存します。
Slow down or speed up the video using the controls in the lower right corner after clicking the “Play” icon.
クラシックテーマのサイトでは、次の手順に従って WP 管理画面を使用してメニュー項目を編集できます。
- ダッシュボードにアクセスします。
- 「外観」→「メニュー」の順に移動します。
- 複数のメニューが作成してある場合は、画面の上部で正しいメニューが選択されていることを確認します。
- 「メニュー構造」セクションで、メニュー項目の右側にある下矢印をクリックします。
- 次のいずれかの設定を更新します。
- URL (カスタムリンクのみ)
- ナビゲーションラベル
- タイトル属性
- チェックボックス: リンクを新しいタブで開く
- CSS クラスと XFN/リンク先の関係
- 説明
- 「削除」リンクをクリックすると、メニュー項目をメニューから削除することもできます (この操作によってサイトからページや投稿などが削除されることはありません)。
- 「メニューを保存」ボタンをクリックし、変更を保存します。
クラシックテーマのサイトでは、次の手順に従ってカスタマイザーを使用してメニュー項目を編集できます。
- ダッシュボードにアクセスします。
- 「外観」→「カスタマイズ」→「メニュー」の順に移動します。
- カスタマイズするメニューを選択します。
- メニュー項目の右側にある下矢印をクリックして、以下をカスタマイズします。
- ナビゲーションラベル (メニューに表示されるテキスト)
- チェックボックス: リンクを新しいタブで開く
- タイトル属性
- CSS クラスとリンク先の関係 (XFN)
- 説明
- 「削除」リンクをクリックすると、メニュー項目を削除することもできます。メニューから項目を削除しても、ページや投稿などがサイトから削除されることはありません。
- 「保存」ボタンをクリックして変更を保存します。
無効な URL リンクにリンクするメニュー項目があると、無効なメニュー項目が作成されます。これには、古いパーマリンクスラッグを使用するリンク、サイトから削除された以前のページや投稿へのリンクなどが該当します。
サイトで無効なメニュー項目が見つかった場合は、影響を受けるメニュー項目を削除し、有効な URL リンクを使用する新しいメニュー項目に置き換えるようにしてください。無効なメニュー項目を削除しても、そのメニュー項目に関連付けられているページが削除されたり、影響を受けたりすることはありません。
このガイドのどのセクションに従えば良いか決めるには、「ダッシュボード」にアクセスし、左側の「外観」の下を確認します。「エディター」が表示されている場合は、このガイドのサイトエディターのセクションを参照してください。それ以外の場合は、WP 管理画面またはカスタマイザーの手順を参照してください。
サイトエディターでは、メニューは「ナビゲーション」ブロックから取得されます。次の手順に従って、無効なメニュー項目を削除して置き換えます。
- ダッシュボードにアクセスします。
- 「外観」→「エディター」の順に移動します。
- 編集する「テンプレート」または「テンプレートパーツ」を選択するか、画面の横にあるサイトのプレビューをクリックしてホームページエディターを開きます。
- 画面の左上にある「リスト表示」を開きます (3本の水平線が縦に並んだアイコンです)。
- 「ナビゲーション」ブロックを選択します。このブロックは 「ヘッダー」、「グループ」、「横並び」など、他のブロックの中にネストされている場合があります。
- 無効なメニュー項目を探し、以下のいずれかの方法を使用して削除します。
- 「リスト表示」で、無効なメニュー項目の横にある3つのドットをクリックし、「削除」オプションをクリックします。
- メニュー項目のツールバーで、無効なメニュー項目の横にある3つのドットをクリックし、「削除」 オプションをクリックします。
- 右側のサイドバーのブロック設定で、無効なメニュー項目の横にある3つのドットをクリックし、「削除」オプションをクリックします。
- 無効なメニュー項目を削除したら、前述の手順に従ってサイトエディターで新しいメニュー項目を追加できます。
- 「保存」ボタンをクリックして変更を保存します。
これらの手順の詳細とデモ動画については、このガイド「メニューから項目を削除する」を参照してください。
クラシックテーマのサイトでは、次の手順に従って WP 管理画面を使用してメニュー項目を削除できます。
- ダッシュボードにアクセスします。
- 「外観」→「メニュー」の順に移動します。
- 無効なメニュー項目を探し、その項目を1回クリックしてオプションを展開します。
- 「削除」リンクをクリックします。
- 無効なメニュー項目を削除したら、前述の手順に従って WP 管理画面で新しいメニュー項目を追加できます。
- 「変更を保存」ボタンをクリックして、変更を保存します。
クラシックテーマのサイトでは、次の手順に従ってカスタマイザーを使用してメニュー項目を削除できます。
- 「外観」→「カスタマイズ」→「メニュー」の順に移動します。
- メニューを選択します。
- 無効なメニュー項目を探し、その項目をクリックしてオプションを展開します。
- 「削除」リンクをクリックします。
メニュー項目をクリックして「削除」リンクを表示し、対象の項目を削除します。
- 無効なメニュー項目を削除したら、前述の手順に従ってカスタマイザーで新しいメニュー項目を追加できます。
- 「変更を保存」ボタンをクリックして、変更を保存します。
コメントを投稿するにはログインしてください。