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

Wix プロギャラリー:アイテムのマウスオーバー表示をカスタマイズする

5分
楽しいホバー効果を適用すると、サイトに活気を与え、サイト訪問者がギャラリーを楽しめるようになります。
クリックせずにギャラリーアイテムにマウスオーバーすると、ホバービューが表示されます。マウスオーバーで表示される要素と、ホバー効果の見た目を選択できます。
ギャラリーアイテムにカーソルを合わせると、ギャラリーアイコン、タイトル、詳細が表示されるアニメーション。

ホバービューをカスタマイズする

オーバーレイを追加し、表示される情報とアイコンを選択し、スクロールアニメーションを適用して、ホバービューをカスタマイズします。利用可能なカスタマイズオプションは、選択したギャラリーレイアウトによって異なります。

マウスオーバー表示をカスタマイズする方法:

  1. エディタにアクセスします
  2. ページ上のプロギャラリーをクリックします。
  3. 設定」をクリックします。
  4. デザイン」タブをクリックします。
  5. カスタマイズしたいホバー要素を選択します:
オーバーレイ・アイコンオプションがハイライトされたデザインタブを示すスクリーンショット。
ヒント:
ホバービューのカスタマイズ中、エディタ内のプロギャラリーで表示を確認できます。「プレビューを終了」をクリックすると、通常のプロギャラリービューに戻ります。

よくある質問

ギャラリーのホバービューをカスタマイズする方法については、以下の質問をクリックしてください。
ギャラリーアイテムにカーソルを合わせると、ギャラリーアイコン、タイトル、詳細が表示されるアニメーション。
オーバーレイ・アイコンオプションがハイライトされたデザインタブを示すスクリーンショット。