カーソル設定
Plain Jane および Plain Jane Interactive 向け
あなたが学ぶこと
カスタムカーソルのアップロードと適用方法
推奨される寸法とファイル形式
使いやすさを高めるカーソル設計のベストプラクティス
🎨 カーソル設定へのアクセス
カスタムカーソルをアップロードするには：
に移動 Shopify 管理画面 > オンラインストア > テーマ
あなたの OpenSpacesのテーマ（例: テーマを見つけてクリック カスタマイズ
テーマエディタで、 テーマ設定 アイコン（ペイントブラシ）
下にスクロールして選択 カーソル設定
![スクリーンショットプレースホルダー - カーソル設定パネル]
📁 カスタムカーソルのアップロード
クリック 画像をアップロード カーソル設定の下
カーソルとして使用したい画像を選択します
プレビューは即座に更新され、ライブで確認できます
💡 ボタンやリンクなどのクリック可能要素にカーソルを合わせると、標準のポインター（手のアイコン）が表示されます。
📐 推奨画像の詳細
視認性と精度のバランスが取れた画像を選んでください：
形式：
.PNG透過背景サイズ： 一般的には24×24〜32×32ピクセル
クリックのホットスポット： クリックは画像の 左上隅 から登録されます
⚠️ 大きすぎるカーソルは煩わしく感じられ、クリック精度に影響を与える可能性があります。
🎯 デザインのヒント
カーソル画像をデザインする際：
アイコンはシンプルで高コントラストに保つ
精度のために 左上隅 に視覚的なポインタを含める
クリック領域を意図的にずらす場合を除き、中心配置のデザインは避ける
💡 PhotoshopやFigmaのようなツールは、画像にクリック表示を追加するのに便利です。
🧪 カーソルのテスト
クリック 保存 テーマエディタ内で
ライブストアを新しいタブで開く
サイト上をホバーしてみてください：
この カスタムカーソル はほとんどのセクションで表示されます
この デフォルトポインター はクリック可能な要素では引き続き表示されます
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新