メニューを設定する

メニューを作成し画面上にリンクを表示することで、特定のページへのアクセスを行いやすくできます。

初期設定では、下記3つのメニュー(メニューグループ)が用意されています。

ナビゲーション
標準的なメニューです。メニュー項目には「コンテンツの作成」「管理」「アカウント情報」「ログアウト」が含まれます。
プライマリリンク
テーマであらかじめ指定された位置に表示されるメニューです。初期設定ではメニュー項目はありません。
セカンダリリンク
テーマであらかじめ指定された位置に表示されるメニューです。初期設定ではメニュー項目はありません。

これ以外にも、メニューの管理画面から任意のメニューを作成することができます。

ここではメニュー管理画面からメニューを作成し、画面上に表示する方法について例を通じて解説します。

作成するメニューの概要

「株式会社Drupal」というメニューを作り、メニュー項目は「会社概要」「サービス紹介」「お問い合わせ」にします。
メニュー項目をクリックするとそれぞれのページに移動します。メニューの表示位置は左サイドバー(画面左部)にします。

あらかじめ行なっておくこと

・メニューを構成するコンテンツを用意する
タイトルは「会社概要」「サービス紹介」「お問い合わせ」にします。
コンテンツの投稿はこちらを参考にしてください。
・コンテンツのDrupalパスをメモしてください。
Drupalパスについては、こちらを参照してください。

メニューの作成

  1. メニュー[管理セクション]→[サイトの構築]→[メニュー] を選択します。

  2. 画面上部の「メニューの追加」タブをクリックし、メニューの追加フォームを表示します。

  3. フォームに、新しく作成したいメニュー名と、題名を入力し、送信ボタンを押します。
    ここではメニュー名に "drupal-ltd"、題名に"株式会社Drupal" と入力しましょう。

  4. 表示されるメニューリストに "株式会社Drupal" が表示されているのを確認し、その「項目の追加」をクリックします。

  5. "株式会社Drupal" のメニュー項目を入力します。まず「会社概要」から指定します。
    タイトル欄には「会社概要」を記入し、パス欄には、 下準備でメモしておいた値を記入します。

    記入したら、保存ボタンを押します。

    同じようにして、「サービス紹介」「お問い合わせ」も設定します。

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

メニューの作成とブロック

しかしこれだけでは、画面上には「株式会社Drupal」というメニューは表示されません。
メニューは作成しただけでは画面に表示されないのです。
「株式会社Drupal」メニューを表示するには、「株式会社Drupal」ブロックの表示指定をする必要があります。

メニューの作成時には、メニューのタイトルと同じ名前のブロックが自動的に生成され、そのブロックの中には、メニューの内容が入ります。
この例では、「株式会社Drupal」というメニューを作成した時に、「株式会社Drupal」というブロックが自動的に作成されています。
そして「株式会社Drupal」ブロックには、「会社概要」「サービス紹介」「お問い合わせ」という文字とそのリンクが入っています。
ブロックは、中身を設定しただけでは画面上に表示されないため、「株式会社Drupal」メニューはこの時点では表示されないのです。

ブロックの表示設定

「株式会社Drupal」ブロックを画面左部に表示させます。

  1. メニュー[管理セクション]→[サイトの構築]→[ブロック] を選択し、ブロックの設定画面を表示します。

  2. ブロック一覧にある「株式会社Drupal」の左のプルダウンメニューを開き、「左サイドバー」に指定します。

  3. 「ブロックの保存」ボタンを押し、完了です。

左サイドバーに「株式会社Drupal」という文字が現れ、その下に「会社概要」「サービス紹介」「お問い合わせ」へのリンクが表示されます。

「ブロック」と「メニュー」の関係は分かりづらいですが、
「メニュー」は作成しただけでは画面上に表示されず、ブロックの表示領域を指定することによって、初めて画面上に表示される、と覚えておいてください。

関連記事

コンテンツの投稿画面からメニューを作成する方法

Drupalでお悩みですか?
Drupalのことなら私たちにお任せください。
Drupal支援サービスのご紹介
弊社執筆書 Drupal Pro Bookのご紹介

このページの前後の記事

前の記事上位の記事後の記事
ブロックを設定するグローバルナビを作成する

この記事のトラックバックURL(あなたの記事にはこのページへのリンクを含めて下さい):

http://www.webgogo.jp/trackback/243