Wix Studio エディタ：カスタムカーソルを追加する | サポートセンター

Wix Studio エディタ：カスタムカーソルを追加する

読了時間：5分

サイトのブランドや雰囲気に合わせ、マウスカーソルをカスタマイズしてみましょう。カスタムカーソルは、訪問者が操作する特定のページ、セクション、または要素（コンテナや画像など）に適用することができます。カーソルは、豊富なデザインの中から選択するか、独自の画像ファイルをアップロードして追加することができ、必要に応じてサイズを変更することもできます。

ヒント：

カスタムカーソルには、JPG、PNG、SVG のいずれかの画像ファイルを使用することができます。カーソルが見やすく表示されるよう、カスタムカーソルには背景と対照的な色で、境界線が鮮明なものを使用してください。

この記事では、以下の項目について説明します：

ヒント：

親要素と子要素に異なるカスタムカーソルを追加すると、サイトのエクスペリエンスをさらにカスタマイズすることができます。これにより、たとえば訪問者が子要素を操作した際、親要素に適用したカーソルではなく、子要素独自のカーソルを表示させることができるようになります。

カスタムカーソルを追加する

訪問者が特定のページ、セクション、または要素でマウスを操作した際に表示されるカーソルを変更します。カスタムカーソルは、豊富なデザインから選択して追加することも、独自の画像ファイル（JPG、PNG、SVG）をアップロードして追加することも可能です。

カスタムカーソルを表示できる要素

注意：

カーソルに加えた変更はサイトの編集中にキャンバスには表示されません。カーソルの動作を確認するには、「プレビュー」に移動するか、ライブサイトを表示してください。

カスタムカーソルを追加する方法：

該当するページ、セクション、または要素を選択します。
エディタ右上の「要素設定パネルを開く」矢印アイコンをクリックします。
「カーソル」までスクロールダウンします。
カーソルを追加します：
1. 「メディア」下の「＋画像または SVG ファイルを追加」をクリックします。
2. （メディアマネージャーで）表示されるカーソルのいずれかを選択するか、独自のファイルをアップロードします。
3. 準備ができたら、「サイトに追加する」をクリックします。
（オプション）サイトをプレビューして、ライブサイトでカーソルがどのように表示されるかを確認します。