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