ミュージックプレーヤー設定
Plain Jane および Plain Jane Interactive 向け
あなたが学ぶこと
ミュージックプレーヤーの有効化とカスタマイズ方法
独自のオーディオファイルをアップロードしてリンクする方法
任意のディスクアート、ホバーバー、曲リストのスタイルの使い方
📂 ミュージックプレーヤー設定にアクセス
Shopify管理画面から、次へ移動します オンラインストア > テーマ
クリック カスタマイズ 現在有効なPlain Janeテーマの横
テーマエディターで、 テーマ設定 パネル(ペイントブラシのアイコン)
を選択し、 ミュージックプレーヤー メニューから
🎧 ミュージックプレーヤーを有効化
切り替え ミュージックプレーヤーを表示 デスクトップで有効にするには
任意: 有効にする モバイルでミュージックプレーヤーを表示
回転するディスク画像を表示するには、 ディスクを表示
カスタムをアップロード ディスクカバー画像 でミュージックUIをパーソナライズします
カスタマイズ: ミュージックプレーヤーボタンの色
🎶 トラックをアップロード
⚠️ ストリーミングサービスはサポートされていません
使用する必要があるのは 直接の .mp3 ファイルリンク — Spotify、Apple Music、SoundCloud などのストリーミングURLは動作しません。
曲をアップロードするには:
に移動 Shopify 管理 > コンテンツ > ファイル
クリック ファイルをアップロード してあなたの
.mp3ファイルアップロード後、ファイルの リンクアイコン をクリックします
リンクのURLをコピー
任意の ミュージックURL フィールドに貼り付けます(テーマ設定内)
🔹 最大6曲までアップロードできます( ミュージックURL 1–6 フィールドを使用)🔹 トラック名 フィールドを使って各曲にラベルを付けます(例: アーティスト - タイトル)
🔊 曲バーのオプション
有効にする 曲バー ホバー時に現在のトラック名を表示します
すべてのホームページ背景カスタマイズには 曲バーを中央に配置 プレーヤーの下にラベルを中央配置します
常に曲バーを表示 トラックを常に表示したままにします
曲バーをカスタマイズ:
曲バーの文字色
サウンドバーの色 (グラデーションまたは単色)
フォントサイズ トラック表示用
💲 追加オプション
トラックを追加 パスワードアニメーションで音楽を解除 パスワード画面のアニメーション終了時に音楽を自動再生するには
これを有効にするには、パスワードページのタイマーセクションで「パスワード入力アニメーション」を有効にする必要があります
🔊 ヒント
UIのはみ出しを避けるために曲名は短くしてください
必ず
.mp3ファイルを圧縮してサイトの読み込み時間を短縮してくださいデバイス間で再生をテストしてください
📢 ブラウザの自動再生ルールにより、ユーザーがページと対話して初めて音楽が再生されます
ヘルプが必要ですか?
💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ: [email protected]
💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新