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

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

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

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

複数行にわたる項目をメニューにします。リンクパーツをリストにする際には、項目名がメニューとして表示されます。

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

〈メニューE〉の設定です。
グローバルメニューを配置する

メニューのデザインはDressやブロックスキンの設定によって変わります。

B〈モーションメニュー〉

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

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

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

C〈メニュー解除〉

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

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


〈リスト〉アイコン[1]をクリックして、各モーションメニュー[2]を選択します。

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

モーションメニューは、ブロックテンプレートからも選択ができます。
ブロックテンプレート

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

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

モーションメニュー枠が配置されました[1]。続けて、モーションメニュー枠内にリンクパーツを配置します。〈リンク〉から[2]〈リンクを作成〉をクリックします[3]。

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

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

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

階層式メニューのサブメニュー

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

インデント

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

インデントを設定

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

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

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

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

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

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

ドロップダウン・バルーン
階層構造のメニューが作成できます。

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

ラバランプ
マウスの動きに合わせて、ボタンがラバランプのように動きます。
グローバルメニューを配置する

サイド・シズル
マウスの動きに合わせてバウンドします。
グローバルメニューを配置する

サイド・ボタン
ボタンのデザインです。
グローバルメニューを配置する

ラインチェイサー
マウスの動きに合わせてラインが追いかけます。
グローバルメニューを配置する