グローバルメニュー設定

1. サイト内の回遊を促すグローバルメニューの設定
2. モビライズのメニューの追加法
3. グローバルメニュー変更まとめ
4. アイコンの変更について

サイト内の回遊を促すグローバルメニューの設定

まずはグローバルメニューの固定です。スクロールダウンしてもメニューが常に表示されるように設定します。

Mobirise上の設定	解説
1.グローバルメニュー歯車アイコンを選択	グローバルナビゲーションメニューが開きます。（サイトテーマによって内容は異なります。）
2. StickyをONにする	Stickyは固定という意味ですね。ここをONにすることでページをスクロールダウンしても常時グローバルメニューが表示されます。モバイルの場合はハンバーガーメニュー（三アイコン）が常に目につきますのでサイト内移動に便利です。
3.Transparent（透明）をONにする	トグルをONにすることでグローバルナビの透過処理がなされます。OFFにすると一番下、Background Colorの色が採用されますので、設定した一色の帯が適用されます。先にご紹介したSticky（固定）と併用することで、使いやすいナビゲーションが完成します。色々なナビパターンを試してみてください。なおTransparentの上にある、Collapsedはサブメニューテキストを一切表示させず、ハンバーガーメニューのみを表示させる仕様となります。すっきりとしたシンプルなサイト構成を目指す方はこのCollapsedを採用したいですね。

モビライズグローバルナビの透過処理 — グローバルナビの透過処理
メインビジュアルが象徴・印象的な場合、メニューと同化させることで美しいナビゲーションに仕上がります。

サイトロゴとサイト名称の表示

ロゴとサイト名を表示したい場合、Show LogoとShow Brand NameをONにします。テキストは適宜自身のブランド名に置き換えてください。ロゴはサンプルアイコンをクリックすると画像選択の画面になりますので、自身の手持ちのロゴに差し替えてください。出来ればロゴファイルは透過処理されたpngが良いでしょう。サイズは作成するサイトにもよりますが100pxl前後が軽くて最適かと思います。

マウスON時のテキストカラー

ホバー時のテキストカラーの設定ができます。ここではマウスを置いた際にリンクであると認識しやすいカラー設定をしてください。

アクションボタンの設定

Show ButtonをONにするとナビゲーション右上にボタンが表示されます。（デスクトップバージョンのみ）資料請求やお問い合わせなどサイトの目的にあったボタン名称に変更しましょう。
リンクの貼り方については別途こちらでご紹介しています。
なおスマートフォンからのアクセスではこちらのボタンは表示されませんのでご注意ください。