# カーソル設定

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

***

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

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

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）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/theme-settings/cursor-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
