カーソル設定

Plain Jane および Plain Jane Interactive 向け

学べること

  • カスタムカーソルのアップロードと適用方法

  • 推奨される寸法とファイル形式

  • ユーザビリティを高めるカーソル設計のベストプラクティス


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

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

  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

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

最終更新