グローバルメニューを配置する

リンクパーツを複数行に配置し、〈メニュー〉アイコンからスタイルを選べば見栄えのよいグローバルメニューが作成できます。
サイトの各ページへのリンクをまとめ、各コンテンツへアクセスしやすいように設定しましょう。
グローバルメニューを配置する

〈メニューA〉〜〈メニューE〉

複数行にわたる項目をメニューにします。リンクパーツをリストにする際には、項目名がメニューとして表示されます。
グローバルメニューを配置する
〈メニューE〉の設定です。
グローバルメニューを配置する
メニューのデザインはDressやブロックスキンの設定によって変わります。

〈モーションメニュー〉

アニメーション効果(モーション)が設定されたメニューを作成します。
例:ドロップダウン・バルーンの編集画面と反映後の画面です。
グローバルメニューを配置する
グローバルメニューを配置する

〈メニュー解除〉

メニューの設定を解除します。

モーションメニューを選択する


〈リスト〉アイコン[1]をクリックして、各モーションメニュー[2]を選択します。
モーションメニューを選択する
モーションメニューは、ブロックテンプレートからも選択ができます。
ブロックテンプレート

ここでは、〈ドロップダウン・バルーン〉を設定します。

階層式のメニューを設定する

モーションメニュー枠が配置されました[1]。続けて、モーションメニュー枠内にリンクパーツを配置します。〈リンク〉から[2]〈リンクを作成〉をクリックします[3]。
階層式のメニューを設定する
リンクパーツが配置されました[1]。このリンクパーツが、階層式メニューのメニュー名になります。〈テキスト〉に階層式メニューのメニュー名を入力します[2]。階層式メニュー以外の場合は、〈リンク先〉も設定します。
次に項目を追加します。改行し[1]、〈リンク〉をクリックします[2]。
階層式のメニューを設定する-2

リンクパーツが追加されました[1]。このリンクパーツを、階層式メニューのサブメニューに設定していきます。〈テキスト〉に項目名を入力し[2]、〈リンク先〉を設定します[3]。
階層式メニューのサブメニュー

手順を繰り返してリンクパーツを追加します。この段階では、追加したリンクパーツはサブメニューになりません。サブメニューに設定するには、インデントを設定します。サブメニューに設定するリンクパーツにカーソルを移動し[1]、〈インデント〉アイコンをクリックします[2]。
インデント

階層式メニュー以外のメニューの場合、サブメニューは必要ありません。
インデントが設定されました[1]。同様の手順で、サブメニューに設定したいリンクパーツにインデントを設定します[2]。〈適用〉をクリックして[3]〈閉じる〉をクリックします[4]。
インデントを設定

設定した階層式メニューを確認する

メニュー名にマウスポインターをおくと[1]、サブメニューが表示されます。
グローバルメニューを配置する
グローバルメニューを配置する

モーションメニューの種類

モーションメニューは、次の5種類あります。

ドロップダウン・バルーン
階層構造のメニューが作成できます。
グローバルメニューを配置する
ラバランプ
マウスの動きに合わせて、ボタンがラバランプのように動きます。
グローバルメニューを配置する
サイド・シズル
マウスの動きに合わせてバウンドします。
グローバルメニューを配置する
サイド・ボタン
ボタンのデザインです。
グローバルメニューを配置する
ラインチェイサー
マウスの動きに合わせてラインが追いかけます。
グローバルメニューを配置する