ブログのつくり方

WordPressでメニューを作成・追加する方法を解説

投稿日:

ブログやサイトには、読者が記事にアクセスしやすいように、ヘッダーやフッター部分にメニューを表示します。

しかし、WordPressでサイトを作る時に、ヘッダーやフッターメニューはどうやって表示するのか、どこから設定をするのか、WordPressに使い慣れていない人は迷うこともあるのではないでしょうか。

そこで、ここではWordPressでメニューを作成・追加する方法について説明します。

 

WordPressでメニューを作成・追加をする方法

それでは、以下にWordPressでメニューを作成・追加する方法について説明します。

 

メニューを追加するまでの流れ

まず、WordPressでメニューを追加するまでの大まかな流れについて見ていきます。

WordPressでメニューを追加してサイトに表示するまでに行うことは、以下のとおりです。

メニューを追加するまでの作業の流れ

  1. 新しいメニューを作成する
  2. ①で作成したメニューに項目を追加して保存する
  3. サイトを表示して、メニューが表示されていることを確認する

上記①~③の手順については、以下に詳しく解説します。

 

①メニューを作成する

はじめに、①の「メニューを作成する」手順について説明します。

まずは、WordPress管理画面メニューから「外観」⇒「メニュー」をクリックして、「メニュー」画面を表示します。

その中の「新しいメニューを作成しましょう」という文字をクリックしてください。

WordPressのメニュー作成画面

そうすると、以下のように「メニュー名」を入力できるようになるので、新しく作成するメニューの名前を入力します。

WordPressで作成するメニュー名を入力する画面

ここで入力する「サイト名」は設定上必要なだけでサイト上に表示されるものではないので、「ナビゲーションメニュー」「ヘッダーメニュー」など、自分が分かりやすいものを入力すればOKです。

そして、「メニュー名」を入力したら、右側の「メニューを作成」をクリックします。

これで、メニューの作成が完了です。

 

②メニューに項目を追加して保存する

次に、②の「メニューに項目を追加して保存する」手順について説明します。

上記①の手順でメニューを作成すると以下のような画面が表示されるので、次にこの画面でメニューに項目を追加していきます。

WordPressの「メニュー項目を追加」「メニュー設定」画面

まず、左側に表示されている「メニュー項目を追加」というところで、必要な項目にチェックを入れ、「メニューに追加」をクリックしてください。

【固定ページをメニューに追加する場合】

たとえば、固定ページでつくったページをメニューに追加する場合は、「固定ページ」の中の「すべてを表示」タブの中にある固定ページの中で必要なものにチェックを入れて「メニューに追加」をクリックします。

固定ページをメニューに追加する時の画面【メニューにトップページを表示するリンクを追加する場合】

また、メニューに「HOME」のようなトップページに戻るためのリンクを追加したい場合には、「カスタムリンク」をクリックして、トップページのURLとリンク文字列を入力して、「メニューに追加」をクリックすればOKです。

メニューにカスタムリンクを追加する時の画面

「カスタムリンク」を追加すると、メニューに以下のようなリンクを追加することが可能です。

ヘッダーメニューにカスタムリンクを追加した場合の画面表示

そして、メニューに項目を追加すると、画面の右側に追加したメニューが表示されます。

メニュー項目を追加した時の画面表示

このメニュー項目は、ドラッグして位置を移動することができるので、必要に応じてドラッグしてメニューの順番を入れ替えます。

追加したメニュー項目をドラッグして位置をずらした時の画面

また、項目をドラッグして右に位置をずらすことで、階層構造をつくることも可能です。

たとえば、メニュー項目に階層構造にすると、以下のようなトップの階層のメニューをクリックして、その下の階層の項目が表示されるメニューをつくることができます。

メニューを階層構造にした場合の表示

メニューに階層を持たせる場合には、「子」となる項目を右側にドラッグして、以下のような状態にしてください。

階層構造のメニューを作成する場合のメニュー項目の並べ方

希望通りの順番になったら、その下の「メニュー設定」で以下の項目を選択します。

メニュー設定画面

固定ページを自動追加 今後新しく作成する固定ページを自動でメニューに追加したい場合には、ここにチェックを入れます。
メニューの位置 メニューを表示する位置を選択してください。

たとえば、ヘッダーにメニューを置きたい場合には「トップメニュー」、フッターにメニューを置く場合は「フッターメニュー」にチェックを入れます。

※メニューの表示位置やメニューの名前はテーマによって違うので、上の画像とは選択できる項目が違うことがあります。

必要なところにチェックを付けたら、右下にある「メニューを保存」をクリックします。

ここで「メニューを保存」をクリックすると、作成・追加したメニューがサイト上に公開されます。

そして、以下のように「〇〇メニューを更新しました」と表示されたら、メニューの追加が完了です。

メニューを保存した時に表示されるメッセージ

 

③サイトでメニューの表示を確認する

次に、③のサイトでメニューの表示を確認する作業について見ていきます。

①②の手順でメニューを作成・追加したら、実際にサイト上で希望通りにメニューが表示されているかどうかを確認します。

問題がないことが確認できれば、作業は完了です。

 

まとめ

以上、WordPressでメニューを追加する方法について説明しました。

ブログやサイトのヘッダーやフッターには、読者がサイトに分かりやすいように、トップページやカテゴリー、固定ページなどへのリンクを設置します。

WordPressでは、メニューを設置するには「外観」⇒「メニュー」をクリックして「メニュー」画面を表示し、メニューの作成や追加が可能です。

メニューに追加する項目は自由に設定できますし、メニューの位置や並べる順番も簡単にカスタマイズできます。

特に難しい作業を行うことはないので、何度か試してみるとすぐに慣れるかと思いますが、メニューの作成や追加の手順に迷った時には上記を参考にしてみてください。

スポンサーリンク

  • この記事を書いた人

ミヤノ カナコ

ブログ運営歴5年目のブロガー・フリーランスライター。OL時代には、多くのカスタマーセンターやヘルプデスクでメール・電話での問い合わせ対応に従事。現在は、ブログでの情報提供のほか、エッセイの発信を中心に活動中。このブログでは、ブログのつくり方や文章の書き方など、ネットビジネスに役立つ情報をお届けします。

Copyright© ミヤノカナコ.com , 2019 All Rights Reserved.