いまや、ホームページを作る際には不可欠なツールとなったのがワードプレスです。視覚的な操作が可能である上、知識さえあればサイトの機能やデザインを簡単にカスタマイズすることができます。しかし、ワードプレスのイロハを知らないと何をしたらいいのかわからない状態になってしまいます。そこで、本記事ではサイトにメニューを追加する方法について見ていきます。

ナビゲーションメニューを追加する

サイトをわかりやすくするにはナビゲーションメニューは必須です。そんなナビゲーションメニューの設置手順について説明していきます。

ナビゲーションメニューとは

サイトの上部や、サイド、ハンバーガーメニューのところのような目立つところに設置されているメニューがナビゲーションメニューです。ユーザーに閲覧してほしいページを設定しておき、クリックするとそのページに飛べるように設定されています。わかりやすくまとまったサイトには必ずと言っていいほど設置されています。

メニューの作成・追加

管理画面の左にあるツールバーを見ると、「外観」という項目があります。そのサブメニューに「メニュー」があるので、選択してください。メニュー画面を開くと、直感的にわかりますが、メニュー名を設定し、「メニュー作成」をクリックするとメニューが作成されます。

次に作成したメニューを追加していきます。テーマやプラグインによって異なりますが、デフォルトでは、固定ページ、投稿、カスタムリンク、カテゴリーの4つを追加することができます。「カスタムリンク」とは、URLとリンク文字列を任意で設定できる項目で、外部サイトのリンクをメニューに入れたい場合などに使用できます。そして、この4つの項目の中から加えたいものを選択し、「メニューに追加」をクリックすることで、指定された項目がメニューに追加されます。

階層メニューの設定

ページの見えるところにすべてのメニューが書かれていると、ごちゃごちゃしてきます。そこで利用されるのが「階層メニュー」です。階層メニューとは、サブメニューをメインメニューの下に設定することです。この設定を行うことで、メニューの上にカーソルを置くと、階段状に下にサブメニューが表示されるようになります。設定方法は簡単で、子階層にしたい項目をドラッグし、親階層の位置にドロップするだけです。これで階層構造を作ることができます。

メニューの編纂・削除・新しいタブで開く設定

ナビゲーションメニューを設定すると、デフォルトでは同じタブ内で開かれる設定になっています。別のタブで開きたい場合には、設定を変更する必要があります。まず、画面右上にある「表示オプション」を開き、「リンクターゲット」を選択してください。そして、開きたい項目の詳細を開き、「リンクを新しいタブで開く」にチェックし、「メニューを保存」を押せば、設定は完了です。また、メニューの詳細からは、名称などを変更したり、削除したりすることもできます。

メニューの表示場所の設定

採用しているテーマによってナビゲーションメニューの位置のデフォルトは異なっています。しかし、メニュー画面の下部にある、「メニューの位置」で設定をすることで、表示場所を変更することができます。ただし、テーマによって仕様は異なりますので、注意してください。

サイドバーにメニューを設定するには?

サイドバーにメニューを設定したい場合には、また別の設定を行わなければなりません。まず、管理画面の左にあるツールバーにある「外観」のサブメニューである「ウィジェット」を選択してください。そして、ウィジェット画面左にある「利用できるウィジェット」から「ナビゲーションメニュー」を押してください。そこで、「サイドバー」を選択して、「ウィジェットを追加」ボタンを押せば設定が完了です。