header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ステップ 1 | パーツを追加してデザインする
  • ステップ 2 | ホバーモードにアクセスする
  • ステップ 3 | パーツにホバーアクションを追加する

Wix エディタ:ホバーアクションを追加・設定する

この記事内
  • ステップ 1 | パーツを追加してデザインする
  • ステップ 2 | ホバーモードにアクセスする
  • ステップ 3 | パーツにホバーアクションを追加する
ホバーアクションを追加して、ボックス、リピーター、パーツに動きをつけてみましょう。ホバーアクションは、選択したパーツにマウスオーバーした際に訪問者に表示されるエフェクトです。
マウスオーバー時にパーツを表示または非表示にしたり、エフェクトを追加したり、色を変えたりすることができます。また、効果を最大限に高めるために、エフェクトのタイミングを設定することも可能です。
Wix サイトでホバーエフェクトが使用されている GIF。マウスオーバーで蝶が羽ばたく様子を示しています。

ステップ 1 | パーツを追加してデザインする

ホバーアクションでサイトに躍動感を与えてみましょう。開始するには、「パーツを追加」パネルからボックスまたはリピーターを追加します。
各パーツの追加方法については、以下のオプションをクリックしてください:

ステップ 2 | ホバーモードにアクセスする

パーツを追加してデザインしたら、「ホバーモード」にアクセスしてインタラクションを追加します。ここでは、訪問者がボックスまたはリピーターにマウスオーバーした際に表示される内容を設定します。

ホバーモードにアクセスする方法:

  1. エディタでボックスまたはリピーターを選択します。
  2. パーツに応じて、以下の操作でホバーモードにアクセスします:
    • ボックス:「ホバーアクション」アイコン  をクリックします。
    • リピーター:リピーター内の任意のコンテナをクリックし、「ホバーアクション」アイコン  を選択します。
  3. 「今すぐはじめる」をクリックします。
ヒント:
ホバーモードに一度アクセスした後は、パーツ上部のタブを使用して、通常モードとホバーモードを切り替えることができます。
「通常時」タブと「ホバー時」タブがハイライトされた Wix エディタのボックスのスクリーンショット。

ステップ 3 | パーツにホバーアクションを追加する


ホバーモードから、パーツを表示または非表示にしたり、クールな効果を追加したりすることができます。訪問者がボックスまたはリピーターアイテムにマウスオーバーした際、設定した各アクションはすべて同時に実行されます。

実行する内容を選択します:

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.