header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix エディタ:横型メニューのデザインをカスタマイズする

12分
メニューのデザインをカスタマイズしたり、サイトの外観に合わせて色を変更したり、新しいフォントサイズ、スタイルなどを選択したりできます。
メニューとサブメニューの両方を調整でき、メニューアイテムの3つの状態:通常時ホバー現在のページに異なるデザインを使用できます。
重要:
  • この記事では、追加パネルの横型メニューについてのみ説明し、サイトに追加できるおすすめメニューについては触れません。
  • 利用可能なデザインオプションは、選択したプリセットによって異なります。

カスタマイズについては下記をご確認ください:


メニューコンテナをカスタマイズする

メニューコンテナは、アイテムの周りのスペースです。
枠線や塗りつぶしなどのオプションを使用して、コンテナをデザインし、目を引くメニューを作成しましょう。

メニューコンテナをカスタマイズする方法:

  1. エディタでメニューを選択します。
  2. デザイン」アイコン  をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. 何をデザインしたいですか?」下で「メニュー」をクリックし、オプションを使用してコンテナをカスタマイズします。

メニューアイテムをカスタマイズする

サイトメニューでのアイテムの表示方法を調整します。
デザインをカスタマイズしてメニューをスマートに保ち、サイト訪問者がクリックしてサイトを探索できるようにしましょう。

メニューアイテムをカスタマイズする方法:

  1. エディタでメニューを選択します。
  2. デザイン」アイコン  をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. 何をデザインしたいですか?」下で「アイテム」を選択します。
  5. 通常時、ホバー、または現在のページモードでアイテムをデザインし、タブを使用してアイテムをカスタマイズします。

サブメニューコンテナをカスタマイズする

サブメニューコンテナをカスタマイズして、独自の洗練された方法でサブメニューアイテムを表示しましょう。
メインメニューに似たデザインにすることも、サイト訪問者の興味を引くようなデザインにすることもできます。

サブメニューコンテナをカスタマイズする方法:

  1. エディタでメニューを選択します。
  2. デザイン」アイコン  をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. 何をデザインしたいですか?」下で「サブメニューコンテナ」を選択し、オプションを使用してデザインを調整します。

サブメニューアイテムをカスタマイズする

利用可能なオプションを使用して、サブメニューアイテムのデザインを変更します。
テキスト設定を編集したり、影を追加したりして、サイトのデザインに合わせることができます。

サブメニューアイテムをカスタマイズする方法:

  1. エディタでメニューを選択します。
  2. デザインを変更」アイコン  をクリックします。
  3. デザインをカスタマイズ」をクリックします。
  4. 何をデザインしたいですか?」下で「サブメニューアイテム」を選択します。
  5. 通常時、ホバー、または現在のページモードでアイテムをデザインし、タブをクリックしてアイテムをカスタマイズします。
注意:
サブメニューのデザインをカスタマイズするオプションが表示されない場合は、サイトに新しい横型メニューを追加する必要があります。詳細はこちらをご覧ください。