# カーソル設定

> **学べること**
>
> * カスタムカーソルのアップロードと適用方法
> * 推奨される寸法とファイル形式
> * 使いやすさを高めるカーソル設計のベストプラクティス

***

### 🎨 カーソル設定へのアクセス

カスタムカーソルをアップロードするには：

1. 移動先： **Shopify 管理画面 > オンラインストア > テーマ**
2. あなたの **Plain Jane** テーマを見つけてクリック **テキストの**
3. テーマエディタで、 **テーマ設定** アイコン（ペイントブラシ）
4. 下にスクロールして選択 **カーソル設定**

!\[スクリーンショットのプレースホルダー - カーソル設定パネル]

***

### 📁 カスタムカーソルのアップロード

1. クリック： **画像をアップロード** カーソル設定の下
2. カーソルとして使用したい画像を選択してください
3. プレビューは即座に更新され、ライブで確認できます

> 💡 ボタンやリンクなどのクリック可能な要素にホバーすると、標準のポインター（手のアイコン）が表示されます。

***

### 📐 推奨画像の詳細

視認性と精度のバランスがとれた画像を選んでください：

* **形式：** `.PNG` 透明な背景
* **サイズ：** 通常は24×24〜32×32ピクセル
* **クリックホットスポット：** カーソルのクリックは **左上隅** から登録されます

> ⚠️ 大きすぎるカーソルは煩わしく感じられ、クリックの精度に影響します。

***

### 🎯 デザインのコツ

カーソル画像をデザインする際：

* アイコンはシンプルでコントラストを高く保つ
* 正確さのために視覚的なポインタを **左上隅** に含める
* クリック領域を意図的にずらす場合を除き、中心配置は避ける

> 💡 Photoshop や Figma のようなツールは、画像にクリック指示を追加するのに便利です。

***

### 🧪 カーソルのテスト

1. クリック： **保存** テーマエディタ内で
2. 別タブでライブストアを開く
3. サイト上をホバーしてみてください：
   * この **カスタムカーソル** ほとんどのセクションで表示されます
   * この **デフォルトのポインター** クリック可能な要素では引き続き表示されます

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応