header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
  1. ホーム
  2. ビジネスの管理
  3. ビジネスソリューション・アプリ
  4. Wix オーディオ
  5. その他の音楽アプリ
  6. 音楽アプリ：SoundCloud を追加・設定する

音楽アプリ：SoundCloud を追加・設定する

5分
この記事内
  • ステップ 1 | SoundCloud アプリを追加する
  • ステップ 2 | SoundCloud プレーヤーに URL または埋め込みコードを追加する
  • ステップ 3 | プレーヤーを設定する
  • ステップ 4 | プレーヤーをデザインする
  • SoundCloud プレーヤーの問題のトラブルシューティング
SoundCloud のお気に入りの音楽を自分のサイトで共有しましょう。このアプリでは、トラック、プレイリスト、ポッドキャストをこれまで以上に簡単に表示することができます。SoundCloud から URL や埋め込みコードをプレーヤーに貼り付けて接続するだけです。
SoundCloud プレーヤーを追加したライブサイトのスクリーンショット。

ステップ 1 | SoundCloud アプリを追加する

まず、サイトに SoundCloud アプリを追加します。その後、音楽にリンクし、プレーヤーの設定とデザインをカスタマイズします。
Wix エディタ
Wix Studio エディタ
ダッシュボード
  1. エディタに移動します。
  2. エディタ左側で「アプリ」 をクリックします。
  3. 検索バーに「SoundCloud」と入力してアプリを検索します。
  4. 「サイトに追加」をクリックします。　
「サイトに追加」ボタンがハイライトされた App Market の「SoundCloud」アプリのスクリーンショット。
  1. 「同意して追加する」をクリックして確定します。

ステップ 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. このタブのスクリーンショットを撮影します。

お役に立ちましたか？

|
この記事では下記を説明します：
  • ステップ 1 | SoundCloud アプリを追加する
  • ステップ 2 | SoundCloud プレーヤーに URL または埋め込みコードを追加する
  • ステップ 3 | プレーヤーを設定する
  • ステップ 4 | プレーヤーをデザインする
  • SoundCloud プレーヤーの問題のトラブルシューティング

お役に立ちましたか？

|