音楽アプリ:SoundCloud プレーヤーを追加・設定する

読了時間:5分
SoundCloud のお気に入りの音楽を自分のサイトで共有しましょう。カスタマイズ可能なプレーヤーを使用すると、トラック、プレイリスト、ポッドキャストをこれまで以上に簡単に表示できます。SoundCloud から URL や埋め込みコードをプレーヤーに貼り付けて接続するだけです。
SoundCloud プレーヤーを追加したライブサイトのスクリーンショット。

ステップ 1 | SoundCloud プレーヤーを追加する

まず、サイトに SoundCloud アプリを追加します。その後、音楽にリンクし、プレーヤーの設定とデザインをカスタマイズします。
Wix エディタ
Wix Studio エディタ
ダッシュボード
  1. エディタにアクセスします
  2. エディタ左側で「パーツを追加 をクリックします。
  3. 動画・音楽」をクリックします。
  4. SoundCloud プレーヤー」をクリックします。
  5. ページにプレーヤーをドラッグします。
SoundCloud プレーヤーがハイライトされた追加パネルのスクリーンショット。

ステップ 2 | SoundCloud プレーヤーに URL または埋め込みコードを追加する

次に、トラック、アルバム、またはプレイリストの URL または埋め込みコードを取得し、サイト上のプレーヤーに追加します。

SoundCloud プレーヤーに URL または埋め込みコードを追加する方法:

  1. SoundCloud にサインインして追加したい曲を検索します。
  2. Share(共有)」をクリックします。
  3. Share(共有)」または「Embed(埋め込み)」をクリックします。
SoundCloud の「シェア」オプションと「埋め込み」オプションのスクリーンショット。
  1. URL またはコードをコピーします。
  2. Wix エディタで SoundCloud プレーヤーをクリックします。
  3. 設定」をクリックします。
  4. URL またはコードを貼り付けます。
  5. 完了」をクリックします。
「設定」タブの「完了」ボタンのスクリーンショット。

ステップ 3 | プレーヤーを設定する

次に、SoundCloud プレーヤーに表示する内容を選択します。曲の再生回数や SoundCloud ユーザーが投稿したコメントを表示することができます。

プレーヤーの設定を変更する方法:

  1. エディタで SoundCloud プレーヤーをクリックします。
  2. 設定」をクリックします。
  3. 該当するトグルをクリックして、再生回数とコメントを表示または非表示にします。
トグルがハイライトされた「設定」タブのスクリーンショット。

ステップ 4 | プレーヤーをデザインする

最後に、SoundCloud プレーヤーの外観をカスタマイズして、サイトのデザインを引き立たせます。

プレーヤーのデザインをカスタマイズする方法:

  1. エディタで SoundCloud プレーヤーをクリックします。
  2. 設定」をクリックします。
  3. デザイン」をクリックします。
  4. カスタマイズするものを選択します。
    • レイアウトを選択:最適なレイアウトを選択します。
    • カラー:SoundCloud プレーヤーの再生ボタンの色を選択します。
SoundCloud プレーヤーの「デザイン」パネルのスクリーンショット。

SoundCloud プレーヤーの問題のトラブルシューティング

以下をクリックして、問題の解決方法を確認してください:

まだサポートが必要な場合

継続して問題が発生している場合、次の情報を含め、お問い合わせください。
  • 使用しているウェブブラウザの名前とバージョン
  • コンピュータのオペレーティングシステムの名前とバージョン
  • Console ビューのスクリーンショット(下記手順参照):
    1. Google Chrome でシークレットウィンドウを開きます。(Ctrl + Shift + N
    2. Wix にログインして、エディタを開きます。
    3. キーボードショートカット(PC の場合:Ctrl + Shift + J )、(Mac の場合:Cmd + Option + J )を使用します。
    4. パネル上部の「Console(コンソール)」タブをクリックし、ページを更新(F5)します。
    5. このタブのスクリーンショットを撮影します。

お役に立ちましたか?

|