ミュージックプレーヤー設定

Plain Jane および Plain Jane Interactive 向け

あなたが学ぶこと

  • ミュージックプレーヤーの有効化とカスタマイズ方法

  • 独自のオーディオファイルをアップロードしてリンクする方法

  • 任意のディスクアート、ホバーバー、曲リストのスタイルの使い方


📂 ミュージックプレーヤー設定にアクセス

  1. Shopify管理画面から、次へ移動します オンラインストア > テーマ

  2. クリック カスタマイズ 現在有効なPlain Janeテーマの横

  3. テーマエディターで、 テーマ設定 パネル(ペイントブラシのアイコン)

  4. を選択し、 ミュージックプレーヤー メニューから


🎧 ミュージックプレーヤーを有効化

  • 切り替え ミュージックプレーヤーを表示 デスクトップで有効にするには

  • 任意: 有効にする モバイルでミュージックプレーヤーを表示

  • 回転するディスク画像を表示するには、 ディスクを表示

  • カスタムをアップロード ディスクカバー画像 でミュージックUIをパーソナライズします

  • カスタマイズ: ミュージックプレーヤーボタンの色


🎶 トラックをアップロード

⚠️ ストリーミングサービスはサポートされていません

使用する必要があるのは 直接の .mp3 ファイルリンク — Spotify、Apple Music、SoundCloud などのストリーミングURLは動作しません。

曲をアップロードするには:

  1. に移動 Shopify 管理 > コンテンツ > ファイル

  2. クリック ファイルをアップロード してあなたの .mp3 ファイル

  3. アップロード後、ファイルの リンクアイコン をクリックします

  4. リンクのURLをコピー

  5. 任意の ミュージックURL フィールドに貼り付けます(テーマ設定内)

🔹 最大6曲までアップロードできます( ミュージックURL 1–6 フィールドを使用)🔹 トラック名 フィールドを使って各曲にラベルを付けます(例: アーティスト - タイトル)


🔊 曲バーのオプション

  • 有効にする 曲バー ホバー時に現在のトラック名を表示します

  • すべてのホームページ背景カスタマイズには 曲バーを中央に配置 プレーヤーの下にラベルを中央配置します

  • 常に曲バーを表示 トラックを常に表示したままにします

曲バーをカスタマイズ:

  • 曲バーの文字色

  • サウンドバーの色 (グラデーションまたは単色)

  • フォントサイズ トラック表示用


💲 追加オプション

  • トラックを追加 パスワードアニメーションで音楽を解除 パスワード画面のアニメーション終了時に音楽を自動再生するには

    • これを有効にするには、パスワードページのタイマーセクションで「パスワード入力アニメーション」を有効にする必要があります


🔊 ヒント

  • UIのはみ出しを避けるために曲名は短くしてください

  • 必ず .mp3 ファイルを圧縮してサイトの読み込み時間を短縮してください

  • デバイス間で再生をテストしてください

📢 ブラウザの自動再生ルールにより、ユーザーがページと対話して初めて音楽が再生されます


ヘルプが必要ですか?

  • 💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6

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

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新