メニュー項目の種類と設定

広告

メニューに追加するメニュー項目には固定ページや投稿などの他にカスタムリンクとカテゴリーを設定することができます。またメニュー項目は並び順を変更したり、表示されるラベルの名前を変更することができます。ここではメニュー項目の種類と設定方法について解説します。

メニュー項目の種類

新しいメニューを作成したら次にメニューに表示するメニュー項目を追加します。(メニューの作成方法は「新しいメニューを作成する」を参照されてください)。メニュー項目は「メニュー」画面の左側に表示されています。

メニュー項目の種類(1)

※ 「メニュー」画面は、画面左側「外観」の中にある「メニュー」をクリックすると表示されます。

メニュー項目として追加できるのは「固定ページ」「投稿」「カスタムリンク」「カテゴリー」の 4 種類です。それぞれ表示されている下矢印をクリックすると展開されて表示されます。

メニュー項目の種類(2)

それぞれメニュー項目として追加した場合にどのように表示されるのかを確認していきます。(「デスクトップ水平メニュー」で表示しています)。

固定ページ

「固定ページ」を展開すると、作成済みの固定ページの一覧が表示されます。メニュー項目に追加したい固定ページにチェックを行い、その後で「メニューに追加」をクリックしてください。

固定ページ(1)

メニューを保存したあとブログを表示して確認してみると、チェックを付けた固定ページのタイトルが表示されます。

固定ページ(2)

タイトルをクリックすると固定ページの個別ページが表示されます。

固定ページ(3)

投稿

「投稿」を展開すると、作成済みの記事の一覧が表示されます。メニュー項目に追加したい記事にチェックを行い、その後で「メニューに追加」をクリックしてください。

投稿(1)

メニューを保存したあとブログを表示して確認してみると、チェックを付けた記事のタイトルが表示されます。

投稿(2)

タイトルをクリックすると記事の個別ページが表示されます。

投稿(3)

カスタムリンク

「カスタムリンク」を展開すると、任意の URL へのリンクを設定する画面が表示されます。

カスタムリンク(1)

リンク先の URL とリンク文字列を入力し、その後で「メニューに追加」をクリックしてください。

カスタムリンク(2)

メニューを保存したあとブログを表示して確認してみると、指定した URL へのリンクが表示されます。

カスタムリンク(3)

表示されているリンク文字列をクリックすると、リンク先の URL へ移動します。

カテゴリ―

「カテゴリ―」を展開すると、作成済みのカテゴリーの一覧が表示されます。メニュー項目に追加したいカテゴリーにチェックを行い、その後で「メニューに追加」をクリックしてください。

カテゴリ―(1)

メニューを保存したあとブログを表示して確認してみると、チェックを付けたカテゴリーのカテゴリー名が表示されます。

カテゴリ―(2)

カテゴリー名をクリックするとカテゴリーアーカイブ(指定したカテゴリーが設定されている記事の一覧)が表示されます。

カテゴリ―(3)

メニュー項目の並び替え

メニューに追加されたメニュー項目は、追加された順番に次の場所に表示されます。ブログにメニューが表示されるとき、この順番通りにメニュー項目が表示されます。

メニュー項目の並び替え(1)

並び順を変更したいメニュー項目に表示されている下矢印をクリックしてください。

メニュー項目の並び替え(2)

展開されて表示された中から「ひとつ上へ」「ひとつ下へ」「先頭へ」などをクリックして位置を移動してください。今回は「ひとつ上へ」をクリックしてみます。

メニュー項目の並び替え(3)

メニュー項目が一つ上へ移動しました。

メニュー項目の並び替え(4)

またメニュー項目をドラッグして任意の位置でドロップして位置を変えることもできます。

メニュー項目の並び替え(5)

メニュー項目の並び替え(6)

並び順を変更した場合は「メニューを保存」をクリックしてください。

メニュー項目の並び替え(7)

ナビゲーションラベルを編集する

ナビゲーションラベルというのはメニュー項目がブログで表示されるときに、ブログに表示されるリンク文字列のことです。固定ページや記事、カテゴリー、をメニュー項目に使用した場合は記事のタイトルやカテゴリー名が自動的に設定されます。

メニュー項目のナビゲーションラベルはメニューに追加されたあとで変更することができます。並び順を変更したいメニュー項目に表示されている下矢印をクリックしてください。

ナビゲーションラベルを編集する(1)

「ナビゲーションラベル」の下に現在設定されている値が表示されています。編集する場合は直接値を書き換えてください。

ナビゲーションラベルを編集する(2)

今回は次のように書き換えました。

ナビゲーションラベルを編集する(3)

ナビゲーションラベルを編集した場合は「メニューを保存」をクリックしてください。

ナビゲーションラベルを編集する(4)

ブログへアクセスして確認してみると、ブログに表示されているメニュー項目のナビゲーションラベルが先ほど修正した内容で表示されていることが確認できます。

ナビゲーションラベルを編集する(5)

-- --

メニュー項目の種類と設定方法について解説しました。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。