ナビゲーションメニューのカスタマイズ

Website Builderでは、Webサイトのメニューのナビゲーションリンクが表示される方法(スタイル、向き、配置など)をカスタマイズできます。 また、 ナビゲーションメニューでページを整理する」も参照して、メニュー順序の変更とサブメニューの追加方法についても確認してください。

  1. Website Builderアカウントにログインします。
  2. サイトを編集」をクリックします。

    Webサイトにナビゲーションメニューが表示されていない場合は、最初に左側のツールバーから「ナビゲーション」ツールを任意のページにドラッグします。
    「ナビゲーション」アイコン

  3. Webサイトのメニュー/ナビゲーションペインを(リンクをクリックせずに)クリックし、「設定」をクリックします。
    ナビゲーションペインをクリックし(リンクはクリックしない)、「設定」をクリックします。
  4. ナビゲーション設定」ウィンドウで、「オプション」セクションを使用して次の操作を行います。
    「オプション」セクションを使用して、メニューの向き、配置、および間隔を設定します。
    • 水平方向の配置メニュー」または「垂直方向の配置メニュー」を表示するには、最初の2つのボタンを使用して、ナビゲーションリンクの向きを設定します。
    • 次の2つのボタンを使用して、ナビゲーションボタンまたはテキストラベルを配置します。
      メニューを使用して、ナビゲーションボタンの配置を選択します。 メニューを使用して、ナビゲーションテキストラベルの配置を選択します。

    • セクションの最後のボタンを使用して、ナビゲーションボタンまたはラベルの等間隔をオン/オフにします。
  5. テーマ」メニューから、ナビゲーション用に使用するテーマを選択します。
  6. フォント」セクションでは、ナビゲーションメニューからテキストのフォントスタイルとサイズを変更できます。

    ナビゲーション内のテキストのフォントやサイズを変更しても、サブメニュー内のテキストのフォントやサイズは変更されません。 サブメニューのフォントを変更することはできません。

  7. 次のセクションのボタンをクリックすると、メニューボタンのテキストと背景要素の色を変更できます。 選択できるボタンは、「テキスト」、「ポイント時の色」(テキスト)、および「選択時の色」(テキスト)、「背景」、「ポイント時の色」(背景)、および「選択時の色」(背景)があります。 6つの各ボタンに対して表示する色をクリックし(すべてに設定する必要はありません)、「選択」をクリックします。
    色を選択し、「選択」をクリックします。

    Hex、RGB、またはHSVの各値を使用して色を指定するには、「詳細」をクリックします。

  8. メニュー項目の順序を変更する必要がある場合は、サブメニュー(別称「サブナビゲーション」)を追加するか、新しいメニュー項目を追加し、「メニューを編集」をクリックします。
    メニューの順序を変更したり、項目を追加するには、「メニューを編集」をクリックします。
  9. メニューを編集します(詳細を表示)。 メニューの編集を破棄して、前の設定に戻るには、「元に戻す」をクリックします。 そうでない場合は、「保存」をクリックし、ウィンドウを閉じます。
  10. 新しいメニューの外観を確認してください。
    新しい設定が加えられたメニュー。
  11. 調整する場合は、ステップ4に戻ります。 新しい設定に問題がなければ、「公開」をクリックしてサイトをオンラインで更新します。

次の手順


この記事は役に立ちましたか。
フィードバックへのご協力ありがとうございました。 お客様サービススタッフとお話しになりたい場合は、上記のサポート用電話番号またはチャット機能をご利用ください。
お役にたてて光栄です! 何か他にできることはありませんか。
それはすみません。 わかりにくい点や、解決策で問題が解決できなかった理由等を教えてください。