search

カーソル設定

Plain Jane および Plain Jane Interactive 向け

学べること

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

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

  • 使いやすさを高めるカーソル設計のベストプラクティス

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

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

  1. 移動先： Shopify 管理画面 > オンラインストア > テーマ

  2. あなたの Plain Jane テーマを見つけてクリック テキストの

  3. テーマエディタで、 テーマ設定 アイコン（ペイントブラシ）

  4. 下にスクロールして選択 カーソル設定

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

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

  1. クリック： 画像をアップロード カーソル設定の下

  2. カーソルとして使用したい画像を選択してください

  3. プレビューは即座に更新され、ライブで確認できます

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

hashtag
📐 推奨画像の詳細

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

  • 形式： .PNG 透明な背景

  • サイズ： 通常は24×24〜32×32ピクセル

  • クリックホットスポット： カーソルのクリックは 左上隅 から登録されます

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

hashtag
🎯 デザインのコツ

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

  • アイコンはシンプルでコントラストを高く保つ

  • 正確さのために視覚的なポインタを 左上隅 に含める

  • クリック領域を意図的にずらす場合を除き、中心配置は避ける

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

hashtag
🧪 カーソルのテスト

  1. クリック： 保存 テーマエディタ内で

  2. 別タブでライブストアを開く

  3. サイト上をホバーしてみてください：

    • この カスタムカーソル ほとんどのセクションで表示されます

    • この デフォルトのポインター クリック可能な要素では引き続き表示されます

hashtag
ヘルプが必要ですか？

前へコレクションレイアウトの設定次へフッター設定

最終更新